Details

Tools:
Adobe XD
Date:
January 2022

Overview

Customers will be able to personalize and order their own pair of sunglasses from Optic. Customers will be able to upload photographs, add textures, write custom text, and choose font options using the Optic frame designer tool.

Problem Statement

“I can’t find well designed products from the brands I love and support that allow me to personalize and make the product my own”

User Flow

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Research

Targeting The Goal

After identifying the challenge, I researched more into the behaviours behind each consumer.

User Persona

Before starting the wireframes, it is crucial to research the user’s needs, background, demographics, preferences and more. This process makes it easier to determine how our app should be designed based on who will be using it.

Empathy Map

Creating the user flow was essential in order to find out which user patterns were the most convenient before designing the wireframes.

User Flow

Creating the user flow was essential in order to find out which user patterns were the most convenient before designing the wireframes.

PROTOTYPES

Wireframes

After finishing the user research, I started created the app wireframes. This stage was essential in order to figure out the style and direction of the app.

TESTING

User Feedback

After creating the app wireframes, I seeked user testing findings. This was important to understand what real people will think while using the app to better improve the experience.

Final App

After the entire process, I created the final app prototype that is user-friendly and fits a visually appealing design aesthetic.

Get In Touch!

Feel free to contact me for any collaborations or to just to say hi.