Skip to main content
UI-UX

JAB

JAB

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A bold, no-nonsense fashion app that matches its outerwear energy — sharp orange branding, direct copy, and a product experience that gets you to checkout fast."}]},{"type":"image","attrs":{"src":"https://cdn.dribbble.com/users/8414462/screenshots/16648897/media/87dbef500374291102878a7620f4f9ee.png?compress=1&resize=1600x1200","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UI/UX Design — JAB"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Fashion E-Commerce · Clothing · Outerwear"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"JAB opens with attitude — a full-bleed editorial photo of a male model in an orange parka, overlaid with oversized italic copy: \"WHAT ARE YOU WAITING FOR? Let's go!\" The splash screen doubles as a brand statement, establishing JAB's confident, street-ready personality before a single product is shown."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The home screen shifts to clean white with an orange wordmark, surfacing category icons (Hats, Jackets, T-Shirts, Pants) and a \"Recommended for you\" product grid. Strikethrough pricing with \"25% OFF\" badges on Thermal Padded Parka ($150 → $200) and Street Hoodie Yellow ($75 → $100) create immediate purchase motivation, while a \"GET 50% OFF\" banner anchors the bottom fold."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The product detail screen for the Thermal Padded Parka Detachable Hood ($125) presents three color variants (red, grey, blue) as thumbnail swatches, a concise product description, a size selector (M to XXXL), and a full-width orange \"Add to cart\" CTA — keeping the purchase path frictionless from browse to bag."}]}]}

Tech Stack

Figma

Tags

UI-UXmobileappfashionclothesyouth

Completed

October 2021

Project Scale

short Project