Work · Web Design

Kodo Audio

Audio store · Web Design

An online store for a small audio brand that makes speakers, radios and headphones built to be repaired.

Kodo Audio website, homepage

The brief

Every product is made from folded aluminium and every part is sold separately. The store had to show the products clearly, explain how they are built, and make spare parts easy to find.

The idea

Wide, confident type, warm grey surfaces and one cobalt accent feel like a well-made product. Exploded drawings and clear specification tables show how each product comes apart.

Design direction

Industrial, precise and friendly

Typography

  • Archivo Expanded — Archivo at its widest setting for the logo, headlines and product names
  • Archivo — The same family at normal width for body text, specs and navigation

Colour

  • Bone#E9E7E1
  • Off white#F7F6F2
  • Graphite#1D1E20
  • Steel#5B5F64
  • Cobalt#2E4FE0
  • Amber#F0A030
Kodo Audio homepage, desktop

Homepage, desktop

Kodo Audio store, desktop

Store, desktop

Kodo Audio product page, desktop

Product page, desktop

Kodo Audio homepage, mobile

Homepage, mobile

Kodo Audio store, mobile

Store, mobile

Kodo Audio product page, mobile

Product page, mobile

Web Design by Madderquill