Skip to content

Selected workDesign showcase · Mobile design · 2023

SneakerShopMobile.

A clean, immersive shopping app for sneaker culture, designed for discovery, product obsession, and a checkout that stays out of the way.

Type
Design showcase
Scope
Mobile app · 5 screens
Platform
iOS
Year
2023
SneakerShop's Explore screen on an iPhone, lying on a slate-blue textured fabric

01The system

One design language, five screens.

Every screen follows the same rules: clean white cards, bold product photography, a single teal call to action, and a minimal bottom nav that stays out of the way.

  • Explore: search, category chips, popular sneakers, a student discount and all sneakers

    01Explore

  • Product page for the Nike Air Jordan 1 at $180

    02Air Jordan 1

  • Product page for the Nike Free at $80

    03Nike Free

  • Product page for the Nike Air Jordan at $320

    04Air Jordan

  • Product page for the Nike Free Run at $120

    05Free Run

All five screens of the app, side by side.

02Explore

Browse, save and buy without leaving the feed.

The Explore screen, with five numbered details
  1. 1Categories in one tapAll Shoes, Sneakers, Slides: one row of chips, with the active one in the brand teal.
  2. 2A reason to lookTrending and Best Seller give each card a quiet hook, set small so they never compete with the shoe.
  3. 3Save or add from the cardFavourite and add-to-cart live on every card, so browsing never has to stop for buying.
  4. 4An offer that breaks the gridThe discount banner is the one place a shoe escapes its frame, which is exactly why it gets noticed.
  5. 5Cart, one thumb awayThe cart floats at the centre of the bottom nav, reachable from anywhere in the app.

03Product

The shoe is the hero. The interface dresses for it.

Air Jordan 1 product page: grey and orange sneaker over an orange rotation ring, colourway thumbnails, description and Add to Cart

Choose a sneaker

Each product page takes on its sneaker's colour. The rotation ring and its handle under the shoe match the colourway, so the interface changes with the product without asking for attention.

Close-up: the Air Jordan 1 floating above an orange rotation ring
Air Jordan 1
Close-up: the Nike Free floating above a red rotation ring
Nike Free

The same component, two colourways: the ring, the handle and the shoe agree.

Bold product, quiet interface.