Shoez is a virtual storefront for a local shoe store. The app allows users buy and set pickup times for shoes.

Problem

Shoppers are busy and needed a way to setup when to pick up products on their own time.

Goal

Create an app that allows users to by shoes and pickup their order at the time they desire.

Role

Lead UX designer

UX researcher

Responsibilities

Research, Analyzing Data, Wireframing, Prototyping, Designing

Duration

2 months

User Research

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research

was busy adults who shop online.

Research helped determine pain points and other problems in the designs.

Persona: Jess Hernandez

Problem Statement:

Jess is a 22 year working student who needs choose when she is able to pick up her shoes because she is busy and needs to grab products on her time.

User Journey Map

This map shows how getting to choose when she can pick up her shoes when she wants to makes relieved.

She seemed to have a problem in the beginning so I must make sure to make it easy to find products that she wants and put her at ease when buying.

Starting Design

Sketches

I wanted to create home screen that can have the information needed to understand how to use it.

These sketches helped me understand what how much information I can put into a page. Now I know how much to in so users will not get overwhelmed when using the app.

Wireframes

I wanted to create home screen that can have the information needed to understand how to use it.

The users needs a place where they can see the products they want buy and buy them at once. It was important that the cart had everything the user needs to know right before buying products.

I made sure that the user flow was as streamlined as possible, but still comfortable for users.

Low-Fidelity Prototype

https://www.figma.com/file/F0LvFPoEAZf8Avmx7sJdgc/Shoez-App?node-id=0%3A1

Usability Testing

Issue 1: Users don’t know when product is added to cart

Solution: Create an indication that an item was added

Issue 2: Users didn’t know what to do on select time page

Solution: Let user know that they must pick a time

Refined Design

Mockups

High-Fidelity Prototype

www.figma.com/file/F0LvFPoEAZf8Avmx7sJdgc/Shoez-App?type=design&node-id=704%3A36&mode=design&t=SWRZ9mzVTQTzL0F1-1

Going Forward

Next Steps

I would like to allow users to edit their payment information before buying the products. I also would like to show that the time selector must be rotated through swiping in the prototype.

Learnings

While designing the Shoez app, I learned that little details make big differences and you can alway add on for better designs. Usability studies and peer feedback critical for creating a better design.

Let's Connect

Thank you for your time reviewing my work! Feel free to get into contact with me through.

Email: TheAnthonyJara@gmail.com