My Framer Site

Atul Dudule

Projects

Designs

Resume

About Me

Projects

Designs

Resume

About Me

Do you wish to learn sketching at your own pace comfortably online?

introducing

Sketchmaster

a conversational AI chatbot designed to help you learn sketching easily

Try it out yourself!

You can type in your inputs or select the options

About

Role: UX & Conversation Designer
Advisors: Professors Neil Harner, Timothy Bieniosek

Platform: Website-based interactive chatbot with conversational text and visual guidance.
Tools: Voiceflow, Google API

Problem Statement

Beginners feel overwhelmed by lengthy video tutorials and static guides. They need bite-sized, interactive lessons with real-time feedback to build confidence and maintain motivation.

How Might We make learning sketching approachable, interactive, and tailored to each user’s skill level through a conversational interface?

Scope Statement

SketchMaster is a chatbot created to provide interactive lessons to assist individuals in learning how to sketch more effectively. It walks users through the fundamentals of sketching in a step-by-step manner, offering text instructions and reference images for each stage. Whether you’re a beginner or looking to enhance your sketching abilities,

SketchMaster provides organized lessons, shading and line-work techniques, and useful advice for ongoing improvement. Overall, SketchMaster is a virtual drawing instructor that enables users to improve and hone their skills at the speed that suits them best.

In scope

Step-by-Step Sketching Lessons: Breaks tutorials into clear, manageable steps with text instructions and reference images.
Techniques Coverage: Teaches line drawing, perspective, and shading methods such as hatching, stippling, blending, scumbling, and contour shading.
Progress Check-Ins: At each stage, asks users to self-assess (rating 1–5) and offers AI-powered tips or encouragement based on their feedback.
Materials Guidance: Recommends pencils, erasers, and paper types via an API block that fetches up-to-date tool advice.

Step-by-Step Sketching Lessons: Breaks tutorials into clear, manageable steps with text instructions and reference images.
Techniques Coverage: Teaches line drawing, perspective, and shading methods such as hatching, stippling, blending, scumbling, and contour shading.
Progress Check-Ins: At each stage, asks users to self-assess (rating 1–5) and offers AI-powered tips or encouragement based on their feedback.
Materials Guidance: Recommends pencils, erasers, and paper types via an API block that fetches up-to-date tool advice.

out of scope

Real-Time Artwork Critique: No image uploads or direct critique—tips rely on user self-report.
Digital Art Techniques: Focuses exclusively on traditional sketching, not software-based tools.
Deep Art Theory/History: Covers only essential concepts needed for practice, no extensive theory modules.

Real-Time Artwork Critique: No image uploads or direct critique—tips rely on user self-report.
Digital Art Techniques: Focuses exclusively on traditional sketching, not software-based tools.
Deep Art Theory/History: Covers only essential concepts needed for practice, no extensive theory modules.

Overview

Purpose

To provide an intuitive, self-paced sketching learning platform accessible anytime, anywhere.

The Challenge

Beginners often lack access to convenient, structured sketching tutorials.
Traditional art classes are time-constrained and often inaccessible for busy learners.

The Need

A self-paced, adaptive solution tailored to various skill levels.

The Solution

SketchMaster offers learners interactive, step-by-step sketching lessons with personalized feedback and progress tracking, empowering users to improve at their own pace.

Target Audience

Aspiring artists aged 15 to 30

Students in creative disciplines such as graphic design or animation
Hobbyists seeking flexible, on-demand sketching guidance

Persona

User Journey Map

Success Metrics

≥ 80 % lesson completion rate

Average user satisfaction ≥ 4.5 / 5

≥ 70 % of users return for a second lesson within 48 hours

Key Features

Conversational Interface

Guided by friendly, text-based prompts, users learn through a natural, chat-like experience that feels intuitive and personal.

Visual Learning

Each lesson step includes reference images to help users understand techniques and compare their progress visually.

Self-Paced Structure

No deadlines or pressure—users can learn anytime, revisit lessons, and move at their own pace.

Progress Tracking

Users earn badges and receive feedback based on their self-assessed progress, encouraging continued improvement.

Anytime Accessibility

Accessible on any device via the web, making it easy to practice from anywhere, anytime.

Usability Testing

To validate the experience, I conducted moderated usability tests with 3 participants aged 18 to 28, all beginners in sketching. Each participant explored the chatbot for 15–20 minutes and completed at least one flow from each section: Basics, Shading, and Drawing.

5/5

Average Overall Satisfaction Score

100%

Task Completion Rate

“It didn’t feel like just another tutorial. When I rated myself low, the chatbot actually gave me advice that made my next attempt better. It felt like someone was there helping me, not just instructions on a screen.”
- Divith, 24 (Architecture student)
“Typing ‘tiger’ and jumping straight into that lesson was so cool. I didn’t have to go looking through a bunch of menus. It felt easy, like the bot actually got what I wanted.”
- Shivam, 26 (Beginner artist)
“The little steps with pictures made everything less overwhelming. I’ve always struggled with shading, but this broke it down in a way that made me feel like, ‘okay, I can do this.’ It was surprisingly motivating.”
- Tanvi, 20 (Undergrad student)

“It didn’t feel like just another tutorial. When I rated myself low, the chatbot actually gave me advice that made my next attempt better. It felt like someone was there helping me, not just instructions on a screen.”
- Divith, 24 (Architecture student)
“It didn’t feel like just another tutorial. When I rated myself low, the chatbot actually gave me advice that made my next attempt better. It felt like someone was there helping me, not just instructions on a screen.”
- Divith, 24 (Architecture student)
“It didn’t feel like just another tutorial. When I rated myself low, the chatbot actually gave me advice that made my next attempt better. It felt like someone was there helping me, not just instructions on a screen.”
- Divith, 24 (Architecture student)
“It didn’t feel like just another tutorial. When I rated myself low, the chatbot actually gave me advice that made my next attempt better. It felt like someone was there helping me, not just instructions on a screen.”
- Divith, 24 (Architecture student)

Platform UI

Design Process

01 Structuring the Experience

To define the content architecture, I created a sitemap outlining the core sections:
Learn Basics, Shading Techniques, and Drawing Animals & Landscapes. This helped establish a clear hierarchy and intuitive learning flow.

I developed a detailed Content Inventory Sheet
📄 View Sheet
Each lesson entry includes:

Topic name & category
Step count & reference images
Associated badge
Interaction method (feedback prompts, ratings, API calls)

A comprehensive Metadata Sheet was created to streamline logic in Voiceflow.
📄 View Sheet
It contains:

Intents & utterances
Entity synonyms (e.g., blending = gradient, mixing)
Dynamic response mapping
Navigation logic (e.g., shortcuts to topics by name)

Using Google Sheets API, lesson content was made dynamic and scalable:

All steps, tips, and user messages are pulled from Sheets at runtime
Easy to update or expand lessons without touching Voiceflow

The final conversational system includes:

Modular lesson flows for topic-by-topic learning
Self-assessment feedback using a 1–5 rating scale
Badge unlock logic as users complete each section
Direct keyword access from main menu using typed entities
Appreciation or improvement tips based on user ratings

How it Works

1. Learn Basics

Build foundational skills essential for any sketcher.

Tools to Use: Learn about pencils, erasers, papers
Pencil Handling: Grip techniques & pressure control
Basic Shapes: Circles, squares, triangles

- Some lessons use APIs to deliver tool recommendations based on real-time data

1. Learn Basics

Build foundational skills essential for any sketcher.

Tools to Use: Learn about pencils, erasers, papers
Pencil Handling: Grip techniques & pressure control
Basic Shapes: Circles, squares, triangles

- Some lessons use APIs to deliver tool recommendations based on real-time data

2. Shading Techniques

Explore six shading methods through short, guided flows.

Hatching, Cross-hatching, Blending, Stippling, Scumbling, Contour Shading
Rating System (1–5):
- 1–3: Get improvement tips
- 4–5: Get appreciation messages
  - Users can type any shading name (like “blending”) to jump straight into its flow
  - Entities handle synonyms for smooth navigation (e.g., “mixing” = “blending”)

2. Shading Techniques

Explore six shading methods through short, guided flows.

Hatching, Cross-hatching, Blending, Stippling, Scumbling, Contour Shading
Rating System (1–5):
- 1–3: Get improvement tips
- 4–5: Get appreciation messages
  - Users can type any shading name (like “blending”) to jump straight into its flow
  - Entities handle synonyms for smooth navigation (e.g., “mixing” = “blending”)

3. Drawing Animals & Landscapes

Step-by-step drawing guidance with check-ins every 3 steps.

Animals:

Cat, Dog, Cow, Elephant, Tiger, Lion
- Users can type animal names to access flows directly

Landscapes:

Mountains, rivers, houses, trees, etc.
- Grouped entities allow synonyms like hut/building to fall under “home”
- Same feedback logic: 1–3 = tips, 4–5 = encouragement

3. Drawing Animals & Landscapes

Step-by-step drawing guidance with check-ins every 3 steps.

Animals:

Cat, Dog, Cow, Elephant, Tiger, Lion
- Users can type animal names to access flows directly

Landscapes:

Mountains, rivers, houses, trees, etc.
- Grouped entities allow synonyms like hut/building to fall under “home”
-Same feedback logic: 1–3 = tips, 4–5 = encouragement

Key Learnings

Conversational UX requires clarity and pacing

Designing a learning experience via chatbot taught me the importance of structuring content into digestible, engaging chunks. User pacing and the tone of feedback were critical for keeping learners motivated.

APIs make content scalable and future-ready

By connecting Voiceflow to Google Sheets, I could deliver dynamic, editable content without needing to rebuild the flow. This structure makes it easier to maintain and expand SketchMaster in the future.

Entity modeling enhances navigation

Using grouped entities (e.g., “house,” “hut,” and “building” all mapped to “home”) enabled flexible yet structured user inputs. It taught me how thoughtful metadata improves both discovery and flow logic.

Self-assessment boosts engagement

Adding a simple 1–5 rating mechanism gave users agency and allowed for responsive encouragement or improvement tips. This feedback loop created a more personalized experience.

Final Thoughts

Designing SketchMaster pushed me to blend UX, content strategy, and technical tools like Voiceflow and Google APIs into one seamless experience. It reaffirmed my belief that even simple tools, when thoughtfully designed, can unlock meaningful learning.

This project also strengthened my confidence in using conversation as a UI, and taught me how to build user-centric systems that are scalable, motivating, and intuitive.

I’m excited to explore more voice and chatbot-based interfaces, especially in education and creativity-focused products.

Sketchmaster

a conversational AI chatbot designed to help you learn sketching easily

Top

View Previous

View Next

Step-by-Step Sketching Lessons: Breaks tutorials into clear, manageable steps with text instructions and reference images.

Techniques Coverage: Teaches line drawing, perspective, and shading methods such as hatching, stippling, blending, scumbling, and contour shading.

Progress Check-Ins: At each stage, asks users to self-assess (rating 1–5) and offers AI-powered tips or encouragement based on their feedback.

Materials Guidance: Recommends pencils, erasers, and paper types via an API block that fetches up-to-date tool advice.