A complete UI/UX project for an e-commerce shop — research, sitemap, user flows, wireframes, a full UI kit and final screens. Design only, taken from idea to execution.
the brief
Habitual is an e-commerce app for electronics, designed end to end from scratch. No template, no existing brand, no engineering handover to hide behind — just the whole design process, done properly and shown in full.
It starts as a sketch and finishes as a component library.
the tricky bit
Electronics shopping is a comparison problem, not a browsing problem. People arrive knowing roughly what they want and then stall on which one, which spec, which price.
Most shopping apps optimise for discovery and then leave you to squint at spec tables.
what I did
The work runs in order and every stage is here to see: sitemap, user flow, wireframes, then UI. Product pages lead with the three specs that decide the purchase and push the rest below. Checkout is one screen.
Underneath it is a real system — colour styles, type styles, buttons, inputs, cards, list items, headers, navigation — so every screen is assembled from the same parts rather than drawn twice.