Catalogue

UX project case study

A mobile first website that provides a step-by-step guide to learn drawing and painting from the best available resources. It offers a comprehensive Learning Path, tracks progress and achievement, and combines both Learning and Practice tools to succeed.

Date: 2024

My Roles: UX Research, UX Design, Visual Design, Branding

Software: Adobe Photoshop, Adobe Illustrator, Figma

Background

Learning drawing and painting skills on your own can be confusing and overwhelming. There is an enormous amount of reliable art learning resources online.

Without the guidance of an art school user struggle to find their starting point, stay motivated, and overcome obstacles throughout their art learning journey.

User research

Insights

There is a wide range of available online resources with the diverse range of topics
Those with a community base are more popular
Common disadvantages include limited interactivity, lack of feedback, narrow focus, ineffectiveness
Self-taught artists value resources from a specific personality, rather than a platform

Conducted interviews with 5 artists and 3 non-artists
Requirement: experience with self-learning a new skill
Age: 17-39 yo

Key takeaways

Need for guidance and community
Problems with inner motivation
Time management and discipline challenges
Users never have clear goals and set up a learning path
Strong need for external motivation
Successful strategies: effort, practice, discipline, incorporating the learning process into daily life and schedules
Mostly negative experience with learning resources: surface level, poor quality, aimed at beginners, overwhelming, hard to continue doing once started

Solution

Feature Roadmap

I created a list of features to ensure the minimum viable product, prioritizing the key features of the product — Learning Section, Path and Practice. At the same time, it’s important to outline more features that can be developed in the future, to fit the User and Business needs.

Sitemap

Sitemap with a major features that allow the user to

User Flow 1

Set up path

User Flow 2

Find a lesson

User Flow 3

Start a practice

Wireframes

Visual design

Typography

Colors

Primary logo

Secondary logo

UI elements

Prototyping & Testing

Task Flow 1

Initial login after onboarding, watching the first lesson suggested by the dashboard

Task Flow 2

Start the first practice

Task Flow 3

See the Learning Path

5 participants, 2 tasks:

complete the first Learning unit
complete the first Practice

Metrics:

Task is completed easily and every step is clear to each participant

Recommendations:

improve the structure of Learning path, combining the Learning/Practice relation
re-organize the Practice page: make more visual, make the function of it clear
reduce the amount of text used throughout the website
work on typography/hierarchy of text elements
make less rooms for user freedom, and make the steps they take inevitable