top of page
ArtNow-mockup 22x.png

Art Education & E-Commerce

ARTNow

A digital platform connecting local communities with art classes, workshops, and business tools for art entrepreneurs.

Project Type

Passion project

Project Duration

6 weeks

Software Stack

Figma, Adobe Illustrator & Photoshop

My Roles

UX / UI Designer and Researcher, Branding Manager

Deliverables

​

✅ A B2C e-commerce platform that enables people to self-register for art classes and workshops in their local areas.
​
✅ A B2B backend application available to art businesses to sell and advertise for their products.

Design Impacts

​

🔹Successfully developed and launched a web-based dashboard platform for art business owners, incorporating two UI iterations based on internal review.

​

🔹Successfully created and launched a mobile app and web platform for art enthusiasts, allowing them to browse, enroll and edit in various art classes and workshops with automated user flows. The prototype was ready for user testing.

01 Background

Inspiration.png
Initial_Problem.png
Problem.png

02 Research & Findings

Research_1.png
Research_2.png
Comparison.png
Comparison_2.png

02.1 Identify Target Audience

Art business owners – this platform will allow art business owners to create their own profile, edit and publish their art classes and workshops for students to purchase, and mange student sign-ups.

 

Students – this platform will enable students to explore art classes and workshops in their local area, make payments to sign up for classes, and manage the classes they have registered.

03 Project Outcomes / Deliverables

  • UX research of target audiences

  • Wireframes for both website and app

  • High fidelity prototypes

  • User Testing

  • Usability Report

  • UI Assets for developers

04 Design Ideation

04.1 Persona

Persona Story.png

04.2 User Flows

ArtNow User Flows.png

04.3 Wireframes

artnow_wireframes-min.png

04.3 Design System

Typeface

Buttons

Typology.png
Buttons.png

Color Guide

Colors ΓÇö Primary.png
Colors ΓÇö Neutral.png

Mobile App Icon Settings

Logo Designs.png

Specs Design Example

Spec.jpg

04.4 Initial Design (1st UI Iteration)

ArtNow-InitialPrototype.jpg

05 Final Design

05.1 B2B Dashboard

Flow 1 - Review dashboard floating cards

floating_stats.gif

Flow 2 - Navigating side bar menu

side_panel (1).gif

Flow 3 - Add a new listing

add_class (1).gif

B2B account management - before & after

Orgniazation Profile.png
Orgniazation Profile - Home.png

05.2 B2C Mobile App - Break Downs

Step 1 - Onboarding Animation

onboarding (1).gif

Step 2 - Explore Classes

explore (1).gif

Step 3 - Add to Cart

add_cart (1).gif

Step 4 - Check Out

check_out (1).gif

05.3 Web Design

Accessibility Feature - Light & Dark Mode

light mode.png
dark mode.png

Web Components

05.4 Comparisons of the initial design v. the final design

DesignComparisons.jpg

Takeaways

🔹Conducting thorough research is crucial for creating effective UX/UI designs that meet the needs of the target audience.
​
🔹The need to balance creativity and innovation with practicality and functionality to create a product that meets the user's needs and aligns with the business goals.

Next Steps

🔹Conducting interviews with a sample group of the target audience to gather data to better understand their needs, preferences, and pain points.
​
🔹Conduct multiple user testings to review the functionality of the final products.

Other projects

bottom of page