Desktop and Mobile Academy Design
Imagine. Paint. Create!

PROJECT OVERVIEW

Integration icon

Duration

4 weeks
Integration icon

Tools

Figma
Whimsical
Miro
Excel
Integration icon

Type

Responsive Web Design
Integration icon

Focus

Small Business
Integration icon

Role

UI/UX Designer
Project Background

Unleashing Creativity

The concept of paint & wine has become a popular activity for gatherings and a night out for fun. No experience is required to attend which welcomes everyone who has interest to complete a painting. What about the customers who want to build upon their interest? Brush & Wine wants to take a step further and cater to educating and prepping anyone with artistry skills.

Problem

New business idea calls for solution to retain and grow customer base.

Goal

We want to know what challenges the business faces so that we can help with business goals and drive customer traffic.

Objectives
  • Determine what having painting as a hobby accomplishes
  • Learn if there are events that prompt a painting and wine session
  • Uncover pain points when appealing to customers (business side) and during the session (both business and customer)

SCOPE OF WORK AND RESPONSIBILITY

Research

I conducted user interviews and competitive analysis to understand features to consider and design for target users.

Ideate

After gathering information, I ideated solutions and produced interaction designs to visualize the flow.

UI Design

I incorporated icons and visuals that are pertinent in expressing the brand in a cohesive design.

Test

The prototypes are created to showcase the solution followed by usability study to refine and strengthen the prototype.

Research

User Research

Understanding the Problem

A pool of 5 participants took part in the interviews. Each of the participants vary in painting skills background to capture different groups of targeted users.

Research Question Topics

  • Relationship with painting
  • Any obstacles when teaching/learning in a painting session
  • Challenges faced as an instructor/customer
  • Motivation to attend a painting session
  • Feeling induced from completing a painting
Participants Interview

Results

Insights are obtained from the client, Participant A, and customers or independent artists, Participants B - E. This gives perspective as to what an experienced artist hopes to help others achieve. Meanwhile, we are able to understand the challenges and frustrations of learning to paint.

Participant A

Classes are for more professional artists because not a lot of spaces or workshops for professional or amateurs. Would want to offer something for artists themselves.

Instructor

Led sessions
Participant B

Obstacles learning through online is not knowing how to do the right stroke, putting too much pressure, not being able to control how much pressure and not knowing the painting techniques.

Leisure

Paint-at-home activity
Participant C

Challenge as a student would be not knowing the fundamentals - like how to apply the paint, how much water to dip, the strokes and pressure to created the wanted lines.

Customer

Paint & Wine event
Participant D

Feels very rewarding when done and a victory when completed painting.

Customer

Paint & Wine event
Participant E

Interested in painting but whenever try to paint it does not turn out well and disappointed because of having high standards for themselves. Will join with wife.

Independent

Interested

1/5

Extrinsic Motivation
Will join with others

3/5

Learning
Want to understand the basices

3/5

Hobby
Would consider or want to make painting a hobby
Competitive Analysis

What is on the market?

Before diving into creating the elements and functionalities of the application, I conducted a competitive analysis of what the market is offering. Below are 4 competitors - 3 direct and 1 indirect - for comparison. The 1 indirect competitor is focused on painting on ceramics rather than a canvas.

Highlights & Opportunities

  • Virtual class and expand into an academy
  • Offer more tools and equipment - paint mediums
  • Step-by-step guide
POVs and HMWs

Empathizing with the user

Emerging artists need to learn painting fundamentals because they want to enhance their skill set.
How might we provide resources to enhance an emerging artist’s skill set?
Customers want to paint in an environment comfortable to them because they prefer to go at their own pace.
How might we encourage customers to paint at their own pace?
Certain customers want to expand their creative freedom because they are unsatisfied with the limiting tools and applications in a session.
How might we expand the scope of tools and applications for a diverse customer base?

Hailey's Experience

We want to go along with Hailey to empathize with her thoughts and emotions as she participates in a paint & wine session.

Takeaways

  • Interest draws the customer and experience retains them
  • Expand in enriching the customer's experience by offering in-depth immersive virtual learning
  • Offer guidance on painting fundamentals

Goal:

Design and construct a Brush & Wine Academy

Define

Feature Roadmap

Navigating the Path

Relevant features were identified through competitor analysis and secondary research. Aside from the typical pages, the similar pages as competitors are produced to create a familiar sense as a user is browsing and comparing their options.

User Flow

This is designed for the 4-week course that the Brush & Wine Academy would offer. It takes us from the time of login through the necessary pages and actions to complete the course. In terms of the 8-week course, it would be similar, but double the interactions.
Ideation

Ink to Screen

Sketches

The homepage captures the services provided along with ability to enroll in the Academy. In order to capture the essence of an online course, it was crucial to include the steps and visuals to guide user where to navigate intuitively. These are the main screens and other supplemental screens will be developed as necessary to strengthen the Academy.

UI Design

UI Kit

Creating with a Virtual Palette

Logo ideas and color palettes were explored to which the client selected options that would express fun and creativity.
Simple typography for the body text is used to pair and balance out the decorative headng.
Painting related icons are used to enhance the over nature and appeal of the Academy.
High-Fidelity Wireframes

Compiling Elements Together

Test

Usability Study

Identifying Challenges

A usability study was conducted with participants within LA county who have painted before and who are indifferent about painting. This includes full-time and part-time workers and students.

Duration

~15 minutes

Type

Unmoderated

Participants

5

Research Objective:

We’re creating a painting studio with an academy extension portion to help beginner and emerging artists to develop their skills. Before launching, we need to figure out if enrolling and navigating the course is intuitive for users to do. We’d like to understand what specific challenges or needs users might face in the enrollment, learning process, how to resolve issues identified.

Research Goal:

Figure out if users can intuitively know where to navigate to complete the course.

Research Questions:

  • What can we learn from the steps that users take to enroll in a course?
  • Are there any parts where users are getting stuck?
  • When and where do you think someone would use the site?
Affinity map

Results

After conducting the study, one key area to focus on is the intuitiveness of the design. Participants expressed confusion on the first half of the flow and found it straightforward towards the second half. Additionally, results were obtained from both the client and independent artists.

Dashboard mockup

2/5

Participants could not intuitively navigate to complete 3 weeks work of work because they were unsure of what part of the course they were in

5/5

Participants were confused on what the intended first-click is to enroll into the course

2/5

Participants were able to complete the course after based on the flow from earlier screens
Iterations based on Usability study

Revisions

• Updated text to "Coursework" and "Shop"
• Removed descriptive wording of tools
• Indicated materials come with the welcome package
Dashboard mockup
Greyed out lessons as an effect of a breadcrumb trail
Dashboard mockup
• Updated “Enrollment” to “Membership”
• Updated “Virtual Courses” to “Virtual Course”
• Course timeline is now scrollable and CTA button is enlarged for visibility and accessibility
• Added mention of Brush & Wine Academy in Virtual Course section
• Renamed to “Brush & Wine Academy” from Timeline”
Dashboard mockup
  • Updated “Enroll today” to “Join Today”
  • Added a dropdown for users to select “Membership” or “Brush & Wine Academy*

High-Fidelity Prototype With Responsive Web Design

Final Prototypes

Finishing Touches

Enroll for the painting academy course
Navigate to finish 3 weeks worth of work
Complete course

Reflection

In Closing

What I've Learned

Prioritize, prioritize, prioritize! 

There will always be areas that have potential to be better. As much as I want to take into consideration of all the roadblocks that users experienced with the prototype, I had to take a step back to see what is of utmost importance. In addition, I had to use sound judgement in how any changes will affect the core goals of the design.

Being Flexible

When working with a client, I realized I had to be flexible and embrace the decisions made. It was natural to stray from the purpose of creating for the client to imposing my own thoughts of design choice. Equally significant to be proud of my work, this is a reminder that the client's satisfaction comes first as the designs are for them.

Next Steps

Course Material

Research what fundamentals and lessons are beneficial in supplementing the course. In addition, build out the other pages of material with meaningful content.

Community

Have a platform for students to connect with other students! By providing support with like-minds can encourage motivation and stimulate inspiration.

Membership

Offer membership to retain customer base for the in-person portion and maintain recurring customers by offering perks, discounts, and exclusive events.

Thank you for your time in reading through this case study!