Let’s talk

KYRO

An e-commerce experience for headphones and music gear, designed so choosing sound feels quiet and clear.

UI & UX · Design system · Prototype · Shopify

kyro.store
KYRO homepage hero

Audio stores shout with specs and filters. KYRO is built so you can listen, choose and check out without the noise.

Land

A bold hero, five clear categories, one obvious next step.

Browse

Filter pills and a calm grid. Compare without opening ten tabs.

Decide

Big gallery, a clear buy box and a sticky add to cart.

Check out

A slide-in cart keeps you in the flow, in two taps.

kyro.store
Homepage
Collection page
Product page
Cart drawer

In your hand.

The same store at 390 px: one thumb, one idea per screen. Hover a phone to scroll it.

Mobile home
Home
Mobile collection
Collection
Mobile product
Product

Black does the work. Volt does the pointing.

Black #0B0B0D
Graphite #1C1C21
Paper #F5F5F2
Gray
Line
Proportions shown as used on the storeVolt #C8FF2E is only for the one action that matters
AaManrope 800 for headlines, prices and buttons
AaInter for body, labels and forms

How it came together.

  1. ResearchCompetitor stores and shopper goals
  2. StructureSitemap, flows, wireframes
  3. SystemColour, type, grid, components
  4. ScreensHome, shop, product, cart
  5. PrototypeClickable, home to checkout

Let’s build your store next.

Shopify and WordPress developer, UI/UX designer.

Visit portfolio

Contact

Let’s make something
impossible to ignore.