top of page

Phone Case Site
 

Responsive Site Design

Everyday for Hero_website rev.png
Asset 2_300x.png

Project Overview

Mother is a WYSIWYG phone case site, culling various brands and marketing by style and function. Mother focuses on customer ease and providing speed at the checkout. It also supports customer well-being, providing detailed product information and safety guidelines for cell phone use in public.

THE GOAL

Design a cell phone case site flow using Adobe XD (later made responsive),

follow a desktop-first design system.

THE PROBLEM

Addressing and solving user needs when buying a phone case.

MY ROLE

Generalist / Team of 1, Brand Concept and Design, User Research, UI/UX Design, Product Research & Editing, Wireframing, Testing, Prototyping,Adobe XD

TARGET AUDIENCE

Men and Women over age 30

CHALLENGE

Transport the cell phone case buyer to the confirmation page with ease.

Understanding the User

I interviewed nine men and women, ages 30s - 70s, unmoderated online. I used the data to create an affinity map, develop personas and select topics.

FOCUS

User purchase behavior online, favorite phone case sites, products, functionality, site annoyances, satisfiers around purchasing

FIELD WORK

Empathy maps, affinity map, phone case site research

FINDINGS

Findings raised insights: How do I solve the user need for a phone case that is durable and great looking? How do I design a stylish UI with flow toconfirmation page?

Asset 94.png

"What might cause drop off when shopping for a phone case?"

“Too complicated of a site to navigate, poor layout, not a great selection of products.”

- Jade  M -

Heritage Resources Historian

PAIN POINTS

SIGN IN FREEDOM

Solution

No sign in or memberships to get into the site and to make a purchase. No hurdles. After purchase, email request for confirmation must be simple.

INFORMATION OVERLOAD

Solution

Study the system of a beautiful, uncluttered site and imitate.

SELLING SYSTEM

Solution
Put collections and styles in proximity for ease of use and avoid the deep search.

CHECK OUT

Solution

Build a clear layout for ease. Include several forms of payment and a security feature.

 PERSONA 1

​

Problem Statement: Ajay is a designer who needs to check out fast when making a purchase because he uses paypal and does not want to waste time.

 PERSONA 2

​

Problem Statement: Jannah is a stylish, busy woman who needs a durable and attractive phone case because she drops her phone often.

JANNAH JOURNEY MAP 
EMPATHY MAPS