D Shopper

Small Saudi fashion boutiques mostly sell through Instagram and WhatsApp: discovery happens in stories, ordering happens in DMs, payment happens wherever it happens. For buyers that means hopping between accounts with no search, no favourites and no order history; for shops it means a storefront that disappears with the next post. D Shopper concepts one marketplace where local boutiques keep their identity and buyers get a real shopping experience.

Solo, end-to-end product design: research, flows, wireframes, the visual system and a 28-screen high-fidelity prototype in Figma. As a concept project it had no engineering team behind it — which made the discipline the point: every screen had to earn its place in a journey a real team could pick up and build.

I started from how boutique shopping actually happens here — following shops, saving posts, asking for prices, sending a location pin for delivery — and mapped that into an app journey: discover → browse a shop → save → order → deliver. Wireframes locked the flow, then a warm, product-photography-first visual system kept the clothes as the hero and the interface quiet around them.

• Guest-first onboarding. Browse everything before creating an account; a phone number and a 4-digit code only when you're ready to buy — matching how people actually commit.
• Shops as first-class citizens. Boutiques get profile pages with their own identity and catalogue, not just rows in a feed — the loyalty is to the shop, the convenience is the platform's.
• Pin-drop delivery. A map-based location picker instead of address forms, because "send me your location" is already the local delivery language.
• Four-tab simplicity. Home, orders, favourites, profile — the whole app fits in the thumb's reach, with search and filters layered on top.

A complete purchase journey across 28 screens: splash and guest-first onboarding, OTP sign-in, boutique profiles and product listings priced in SAR, popular-search and filtering, a favourites collection, and checkout with map-based delivery — the flow you can page through in the phone on this screen.

D Shopper is where I crossed from graphic design into product thinking — my first full journey designed as a system rather than a set of screens. It taught me to design the unhappy paths (empty states, failed codes, guest limits), to respect platform conventions before bending them, and that a marketplace is two products wearing one interface. The seller side is the sequel it still deserves. Made entirely in Figma.