A Tea Shop Concept, Listings and Detail Pages
- Date
- May 2020 - Jun 2020
- Client
- Personal project
- Service
- User researchPersona developmentCompetitive analysisWireframingUI designPrototypingUser testingE-commerce strategy
In short
A self-initiated concept project to sharpen my craft on the two pages that make or break a shop: product listings and product details. Built around a small artisan tea brand.
Why I made this
This was early in my career, and I was hungry to get better, so I set myself a real brief instead of waiting for one. I wanted focused reps on product listing and detail pages, the parts of e-commerce that do the actual selling. A small handcrafted tea brand was a good excuse: enough personality to make the design interesting, enough products to make browsing and filtering matter.
Finding an angle
Before designing anything I looked at the leading tea shops to find a gap worth owning. Most leaned either purely functional or purely pretty. I aimed for a middle path: a warm, brand-led feel that still behaved like a proper shop, with clear product info, good imagery, and easy navigation, leaning on Nielsen Norman's e-commerce guidelines for the fundamentals.
The result
From wireframes I built up to a finished UI: an inviting landing page, a browsing experience that's easy to scan, and detail pages designed to give a buyer everything they need without clutter.
A note on scope
This was a self-driven concept project from early in my career, so there's no launch or sales data behind it. It's here as a craft piece, and as a sign that I'll go find the work when I want to grow: research, wireframes, and a polished UI focused on getting listings and detail pages right.
