UX/UI & BRANDING

jade Jewelry

CHALLENGE

Design an app that supports navigating or creating listings in mobile contexts. Students will design screen interactions for one task flow of browsing listings through filtering and searching and another with a mobile specific feature.

solution

Jade Jewelry provides a simple way to quickly sell and purchase high end jewelry on a digital space. The visually appealing and intuitive application results in a high quality user experience.

Role: Interaction Design Student

Product: Mobile App

USER EXPERIENCE (UX)

task flows

User Types

information architecture

paper prototype

wireframes

user testing

task flows • User Types • information architecture • paper prototype • wireframes • user testing •

Task 01. Browse Gold Jewelry

  1. Go to the listing page

  2. Click filter to search for gold jewelry in a price range from $40 - $100 from the filter overlay

  3. Apply the filter and search through results on the listing page

  4. Find a gold necklace and add to your cart from the listing overlay

  5. Find gold rings and add to your cart from the listing overlay

Task 02. Purchase a gold necklace and rings

  1. Go to your cart page and hit checkout

  2. Fill out personal information on the checkout page; this includes shipping and payment info

  3. Purchase the gold necklace and rings at end of checkout page process

  4. Receive a purchased notification on the confirmation page

USER TYPES

InformATION ARCHITECTURE

PAPER PROTOTYPE

ROUND 1 WIREFRAMES

User testing: Task 01. Browse Gold Jewelry

User testing: Task 02. Purchase a Gold necklace and gold rings

ROUND 2 WIREFRAMES

USER Interface (Ui)

mood boards

screen styles

style guide

prototype

mood boards • screen styles • style guide • prototype •

MOODBOARD + screen STYLE 01

MOODBOARD + SCREEN style 02

STYLE GUIDE

final screens

Previous
Previous

FinAlly

Next
Next

Riptide