ARTZYBELLA

Personal Dashboard & Mobile Responsive Design

Overview

ArtzyBella is pivoting its business model. Their group painting events and subscription boxes of art supplies have been a hit. But, they are seeking a more personalized approach to art therapy. To do this, they must change their website. They are creating a new platform with a personalized dashboard and tutorial videos. ArtzyBella assigned us with designing this new portal for them. We did this with research that revealed user issues and unique designs that solved them. 

Role 

UI Designer

Timeline 

1 month contract

Tools

Figma, Illustrator, draw.io

DISCOVER

Business Analysis • Comparative Analysis • Competitive Analysis • User Interviews

Screen%20Shot%202021-04-23%20at%2010.28_

Key Findings: 

1. There is a real opportunity for ArtzyBella to gain an edge on the competition.

2. A lot of the sites seem commercially oriented, they have more in common with department stores than a space that is selling you a relaxed experience.

3. By putting together a site that has a minimialist style— one that emphasizes space, soothing colors and therapeutic copy— we could really make something fantastic. A website that combines art AND therapy.

DEFINE

Persona • Journey Map • Problem Statement

About:

After her most recent breakup, living with the loneliness and disappointment hurt more. She did a group painting session with her office and remembered how much she liked to watercolor as a kid. She was “in the zone” and it made her feel young and happy, even though her work wasn’t super high quality. She wants to feel this way more often. But, when she tried to paint on her own she felt lost - like going to the gym and not knowing how to use the machines.

Needs:

• An accredited instructor she trusts to engage with her on a personal level and guide her toward being her best self.

• Long term, personalized strategies to cope with stress.

• To be "in the zone" as much as possible

Problem Statement

I’m a regular person going through a rough patch and I need help. I want to try art therapy, but I don’t know how to start. I can learn how to do art or get therapy, but not both. I wish there was a platform
where I can interact with art therapists and their programs to develop and maintain a wellness routine.

DESIGN

User Flow • Mid-Fidelity • Usability Testing • High-Fidelity Prototype

Wireframing

Design studio sessions were held to develop the mid-fidelity wireframes

Screen Shot 2021-05-03 at 4.03.49 PM.png

Usability Testing & Iterations

Dashboard Side Navigation

Screen Shot 2021-05-04 at 9.44.07 AM.png
Screen Shot 2021-05-04 at 9.44.47 AM.png

Usability Testing & Iterations

"My Progress" to "My Studio" 

Screen Shot 2021-05-04 at 10.44.03 AM.pn
Screen Shot 2021-05-04 at 10.44.34 AM.pn

Mobile Responsive

Translating one "happy path" to mobiile

Screen Shot 2021-05-04 at 11.23.06 AM.pn

DELIVER

High-Fidelity Clickable Prototypes