Art Class Depot
Art Class Depot is a responsive website designed for people would would like to take art classes conveniently across devices
my role
ux designer
tools
Adobe XD
duration
2 weeks
The Challenge
Busy users would like to access art classes and tutorials in different locations and on different devices
Art Class Depot’s responsive website will allow users to view their classes on a mobile device or computer offering them the space and flexibility to learn where they like.
The Outcome
A responsive website that allows users to easily search for and enroll in many different art classes
Understanding the User
Persona: Sam
Problem Statement: Sam is a busy teacher and maker who needs easy access to art classes and tutorials on a responsive website because he wants to learn new skills while at home and on the go.
Understanding the User Journey
User journey of browsing and enrolling in a class.
Pain Points
Search
it can be challenging to find the topic or class a user is looking for
Description
users what to know that the class they are enrolling in will teach them the desired skills
Skill Level
users want to enroll in a class that is at the appropriate skill level
Wireframes
Creating paper wireframes helped me iterate how to display the different types of classes offered as well as ways to search and browse classes.
Digital Wireframes
The original wireframes focused on creating clear a clear homepage where users could take in a lot of visual content. It offered suggested classes as well as the option for a specific search or to browse by topic.
mobile and desktop versions of the responsive website
Low Fidelity Prototype
The low-fidelity prototype follows the main user flow of browsing available classes and enrolling in a class
Mockups
These mockups were created with the focus on expressing the artistic style of ACD and creating a way for users to take in all the visual content on the site while browsing for classes.
Final Design
The high fidelity prototype offered style, a clear browsing process and the ability to enroll in classes.
retrospective and next steps
The site looks clean and guides users through their journey of browsing and enrolling in a class.
Conduct further reacher with users who primarily use their mobile devices to view classes and tutorials and identify ways their experience can be improved.
Conduct further research the parameters used to search and browse for classes.