iOSSports retail · Interactive prototype

Every sport.One store.In your pocket.

A shopping app for Decathlon: browse 25 sports, check stock at your nearest Kolkata store, pick a size and check out in a few taps. Track, return or exchange an order without calling anyone.

Browse all 45 screens
Screens
45
Originals
13
Sheets
45+
Flows
6
Now viewing Home
All screens

45 screens, six flows

13 original frames were rebuilt from the designs pixel for pixel, except Checkout, which became the confirm step of a three-step flow. 32 extended screens use the same components to finish every journey. Pick any screen to open it in the phone above.

Design system

Sky blue, navy, one warm accent

Light surfaces keep product photos in front. Brand blue marks what you can tap, navy carries the main actions, and peach marks where you are.

Colour

Brand blue#0F96DB
Navy#012A4A
Peach#FBD7B1
Secondary#61A5C2
Border#A9D6E5
Surface#E5F2F7
Delivered#3AAA35
In transit#F0A500
MRP strike#F23A3A
Stars#FFC727

Typography · Poppins

Order Confirmed22 / Bold
My orders20 / Semibold
Rs 12,000 Rs 22,00018 / Price
Running (42) · Cycling (28)15 / Label
Responsive foam, breathable mesh upper.14 / Body
Home · Categories · Travel store · Bag · Account11 / Tab bar

Components

Add to bag Get Started Track your order All Delivered Under Rs3k Delivered In transit Rs 9,000Rs 12,000 −4+ SML Account
Gear up front

Sport tiles and product photos fill the screen. Prices, ratings and the heart sit on the card, so you can compare without opening every product.

Checkout in one hand

Size, bag, promo, address and payment all sit within thumb reach. The bag count stays on the tab bar, and a failed payment keeps your bag.

Local and upfront

Prices are in rupees, delivery dates follow your pincode, and stock is shown per store. Returns show the date and the refund before you confirm.