Case 01 / UX case study / 2026

Joey Clothing,
redesigned for trust.

A high-fidelity mobile e-commerce prototype that fixes trust issues, simplifies the checkout journey and makes product discovery clearer for fashion customers.

TypeUI/UX redesign
PlatformMobile e-commerce
ModelB2C, brick and click
OutputFigma prototype
Joey Clothing redesigned mobile home screen
Joey Clothing product detail screen
Joey Clothing card payment screen
01 Overview

Why this redesign was worth solving.

Joey Clothing already had the base of an online store: product listings, cart, policies, checkout and customer accounts. That made it a realistic university redesign, because the goal was not to invent a new business but to improve an existing shopping journey.

The main challenge was trust. Customers need to understand products, shipping, payment, order status and support before they feel safe enough to buy on mobile.

Focus 01

Trust signals

Shipping, exchange, secure checkout and policy information moved into visible places.

Focus 02

Mobile speed

Bottom navigation, category shortcuts and direct cart actions shorten the path.

Focus 03

Product clarity

Price, rating, availability, colour, size, care and returns, all on the product page.

Focus 04

After-sale support

Order tracking and a chatbot help users after payment, not only before it.

02 Current site audit

Four issues that weakened the journey.

The official site was reviewed first. The biggest problems were not only visual. They hit confidence at decision points: account creation, policy reading, product details and the cart.

03 Redesign strategy

Every step guided, safe and clear.

The redesign keeps Joey's fashion identity but fixes the shopping logic, bringing key decisions closer to the user instead of hiding them.

Step 01

Discover

Hero image, trust strip, category shortcuts and bottom navigation.

Step 02

Compare

Two-column grid with filters, sorting, prices and wishlist.

Step 03

Decide

Images, colours, reviews, stock, care, delivery and return notes.

Step 04

Pay

One card payment flow with a clear amount and OTP confirmation.

Step 05

Track

Confirm the order, track delivery or ask the Jenny chatbot.

Joey Clothing mobile prototype key screen flow
Core mobile flowHome, product, checkout, tracking, support
04 Major screens

Twelve screens, in shopping order.

Enter the store, browse, inspect a product, pay, confirm, track and get support. Drag or swipe through the prototype.

Drag to explore
Home screen

Home

Hero, trust strip, shortcuts, bottom nav and chatbot entry.

Product listing screen

Product list

Two-column grid with filter, sort, cart, wishlist and pricing.

Product detail screen

Product detail

Images, rating, size, colour, stock, care, delivery and returns.

Card payment screen

Card payment

One direct card flow with amount, card details and pay action.

Order tracking search screen

Track search

Order number with email or phone before viewing status.

Order tracking status screen

Order timeline

Order ID, status timeline, courier, estimate and address.

Jenny chatbot screen

Jenny chatbot

FAQs for sizing, order status, contact and cancellations.

Message UI screen

Message UI

SMS-style confirmations and courier updates.

Shipping policy screen

Shipping policy

Destinations, timing, charges, duties, returns and refunds.

Size guide screen

Size guide

Measurement tables that reduce size confusion.

Login screen

Login

One clean route into the account, with fewer distractions.

About us screen

About

A brand story page that gives the business a human face.

05 Key UI decisions

Small decisions that reduce friction.

Each change answers a business problem: trust before payment, clarity before choosing, support after the order.

Decision 01

Trust strip

Free shipping, easy exchange and secure checkout appear early on the home screen.

Decision 02

Bottom nav

Home, wishlist, search, cart and account stay within thumb reach.

Decision 03

Product cards

Name, price, instalment note, colour, rating, wishlist and add to cart.

Decision 04

Policy clarity

Shipping and terms are separated and written clearly, with no broken links.

Decision 05

Payment focus

Unneeded alternatives removed so the card process stays direct.

Decision 06

Support layer

The chatbot and order tracking carry the user after purchase.

06 Full prototype

One complete mobile flow board.

The high-fidelity board connects every screen: discovery, purchase, confirmation, delivery tracking and support.

Full high fidelity Joey Clothing mobile redesign board
High-fidelity boardFull mobile prototype export
07 Outcome

The redesign turns Joey's mobile store into a clearer shopping system: easier to browse, safer to trust, smoother to pay, and stronger after the order is placed.

Next project 30 Years of Vijayism. A career in one room →
← All selected work The poster archive