Muzzic
An online instrument shop where buying a guitar or keyboard feels simple, not overwhelming. All the info you need, none of the clutter.
Why this is tricky
Buying an instrument online is hard. It's not like ordering a t-shirt. People want to know exactly how it sounds, how it feels, what other players think, and how it compares to similar options. That's a lot of information to put on one page without making someone's head spin.
The challenge was finding the sweet spot: give buyers everything they need to feel confident, but keep the experience clean enough that they actually want to hit "buy."
How I thought about it
I designed Muzzic as part of a UI/UX course, and the main goal was clear: make buying easy and keep people moving toward checkout. The big idea was progressive disclosure. Show the essentials first (price, rating, key specs) and let people dig deeper only if they want to. Don't dump everything on them at once.
Decisions that shaped the design
- Show key specs up front, hide the deep details behind a tap
- Real customer reviews with "verified purchase" badges front and center
- Side-by-side comparison for instruments in the same category
- Checkout in as few steps as possible, no unnecessary forms
- Visual hierarchy that naturally draws your eye to "Add to Cart"
- Smart filters that let you browse by instrument type, brand, price, or skill level
How I got there
- Studied how Sweetwater, Guitar Center, and Thomann handle their product pages
- Found that information overload was the biggest thing killing conversions
- Wireframed product pages that balance depth with visual breathing room
- Built a full prototype covering browsing, product details, and checkout
- Ran usability tests with musicians and tweaked based on what tripped them up