Shoppr

Shoppr is a concept e-commerce app built around one idea: take the two things online shopping is worst at — not being able to picture a product on yourself, and drowning in choice — and actually fix them.

It does that with a virtual try-on that previews items on you before you buy, and an in-app assistant that helps you narrow things down when you don't know exactly what you want. A self-initiated project where I designed the full experience, brand included, end to end.

Solo project, start to finish, over about four weeks. I owned research, UX, UI, the design system, and the brand identity. Tools were Illustrator and Figma, with Google Meet and Forms for the research.

From the research, Shoppr is built for the people who shop online most and expect it to be effortless:

• Online shoppers — people who buy across categories regularly and want one app that does it all well
• Tech enthusiasts — early adopters drawn to features like visual search and try-on
• Busy professionals — people who value speed and want to decide fast without endless scrolling
• Fashion-focused shoppers — people who care how something looks on them before buying, the core try-on audience
• Creators and hobbyists — people sourcing specific tools and materials who need to find exact items quickly

The problem. Online shopping still leaves people guessing. You can't tell how something will actually look on you, the "help" is generic, and big catalogs are exhausting to dig through — so people hesitate, second-guess, and abandon carts.

The approach. Shoppr answers each of those directly: virtual try-on so you can see it before you commit, an assistant that gives real recommendations instead of a wall of filters, and navigation built to get you to the thing you want fast.

I kept research light and informal — a handful of interviews and a short Google Form with people who shop online regularly, across a few different ages and backgrounds. Enough to sanity-check my assumptions and hear real frustrations, not a formal study.

The recurring themes were consistent: people want to see before they buy, they want help deciding without being upsold, and they trust reviews more than any marketing.

I looked at how the big players — Jumia, Konga, AliExpress — handle the same problems, feature by feature. The pattern was clear: everyone nails catalog, payments, and shipping, but nobody offers personalized recommendations, virtual try-on, or a real shopping assistant. That gap is where Shoppr lives.

Shoppr runs on a defined system: General Sans as the typeface across three weights, a palette built on a warm coral primary with supporting neutrals and clear success/error states, and a component library the whole app is assembled from. It's what keeps 40-plus screens feeling like one product.

The brand is a friendly cart with a wink — approachable rather than corporate, which fits an app trying to make shopping feel lighter. I built it out across the logo, app icon, store listing, and notification states so it holds up everywhere it shows, not just on a logo slide.

Here are the screens I designed for the mobile app

First run introduces the three things that make Shoppr different, one screen each: snap-to-search, so you can find a product from a photo instead of guessing keywords; Max, the shopping assistant; and virtual try-on. Three screens, three features, then straight into the app — no long tour.

Standard email-and-password with Google and Facebook as faster options. What's worth noting is the states: I designed the error cases, not just the happy path — wrong password, invalid email — each with a clear inline message so the user knows exactly what to fix instead of staring at a rejected form.

From a product, the user picks a size, checks reviews and the size chart, adds to cart, then moves through cart → checkout → order placed → delivery tracking. The order summary is honest about subtotal, VAT, and shipping before the user commits, and the tracking screen shows live status right down to contacting the courier.

The feature Shoppr is built around. From a product the user taps Virtual Try-On, positions the item in-frame — say a watch on the wrist — and sees a live preview of how it actually looks on them before buying. It's the direct answer to the biggest problem in the research: not being able to picture a product on yourself. The flow is annotated step by step so the intent reads even as a static case study.

When someone doesn't know exactly what they want, they open Max and describe it in plain language — "a stylish jacket in blue or brown, budget around $60." Max replies with a couple of real matches pulled to that brief, and tapping one goes straight to the product. It replaces filter-hunting with just saying what you're after.

Beyond the main flows — password recovery, product preferences, search and empty states, address and card management. The parts that decide whether an app feels finished or half-built.

Shoppr was a concept, so there's no shipped metric — but it did what I set it up to do: take the two hardest parts of online shopping and design real, considered answers to them, all the way down to the empty states and error messages most concepts skip.

If I picked it back up, three things. I'd rework the primary color usage across the app — the coral does too much work in places and I'd explore stronger combinations. And I'd take the two signature features, virtual try-on and the AI suggestions, from static screens into a working prototype — those flows are the whole pitch, and they'd land harder as something you can actually move through than as annotated stills.