DualSense Wireless Controller product page, phone mockup

Welcome to the world's largest you store onboarding screen, phone mockup

Just for you home feed with deals, phone mockup

Snapp

Problem solved

With its user-friendly interface and quick delivery options, Snapp offers a better user experience and journey than its market competitors. Snapp provides a wider selection of goods at reasonable prices, keeping price, stock and variant selection visible without scrolling — the order-tracking and personalized "for you" screens carry that same visual language throughout.

Personal project
2 weeks

01 Low-fidelity exploration

Hand sketches first, iterated twice before any pixels

Every flow started on paper — Home, Profile, Ordered and Track, plus a five-step search-to-checkout sequence — sketched once, then iterated a second time once the gaps became obvious.

02 Low-fidelity wireframes

Home, Profile, Settings and Basket, then a six-screen search flow

The sketches were rebuilt as clickable low-fidelity wireframes, so the navigation and search flow could be tested before any visual design work began.

Low-fidelity wireframe of the home screen with search, Just for you, Deals and Categories

Home wireframe

Low-fidelity wireframe of a product detail screen with reviews and similar products

Product wireframe

03 Site map

Mapping every screen before designing any of them

A full site map — from onboarding through search, categories, deals, cart, profile, orders and wishlist — kept every screen's navigation consistent once high-fidelity design started. Click a screen, or a linked row inside it, to trace where it leads.

Introduction

Home

Registration and Onboarding

Home

Registration And Onboarding

Home

Shopping Interests And Habits

Profile, orders, checkout and product detail — built out in full

The finished UI: account and interests, live order tracking, search, filtering, and the DualSense product page — with the cart sheet surfacing right where "Add to cart" leaves off.