Denon / Marantz

Making Premium Audio Feel as Good as It Sounds

Transformed UX across 60+ products from bitmap displays to vector-based design system, driving Denon/Marantz from #5 to #1 market position.

Marantz integrated amplifier — editorial product photography from Look Book 2018 Marantz · Look Book 2018 · Director of UX · Premium Audio Design System

Role

Director of UX — Visual Design & Design Systems

Timeline

2017–2021 (4 years)

Platform

Embedded Linux, iOS/Android, TV GUI

Team

Global, 4 offices (US, JP, AU, EU)

AirPlay 2 HomeKit Embedded Linux Qt/QML Design System Monotype

#5 → #1

Market position

3.5★ → 4.5★

Product reviews

35%

Support call reduction

50+

Apple-certified products

Context

Two Heritage Brands, One Design Opportunity

In 2017, Denon and Marantz ranked #5 in premium audio — exceptional sound engineering with a clear opportunity in the experience layer. The embedded display system used 8-bit bitmap graphics, a technical constraint that shaped setup flows, localization, and visual consistency across 60+ products.

Denon brand guidelines — product editorial, brochure design, typography system, website and logo executions Denon · Brand Guidelines 2018 · Identity System · Product Editorial
Marantz brand look book — cover wordmark, dark lifestyle editorial, copper front panel, Model 60 poster triptych, cream product Marantz · Look Book 2018 · Brand Story · Cover · Lifestyle · Model 60 Campaign

Leadership wanted HEOS (multi-room audio) to compete with Sonos, Apple, and Amazon, but it wasn't integrated with core products. The competitive benchmark was software-first companies, not AV brands.

Unify UX across 60+ products spanning embedded hardware, mobile, TV, and voice assistants to compete with software-first companies.

Constraints: 1-3 inch displays with physical buttons, platform migration without disruption, Apple AirPlay 2/HomeKit certification, and delivery across embedded Linux, iOS, Android, and TV.

The Work

From Bitmap to Vector, From Confusion to Clarity

Setup and onboarding represented the highest opportunity for experience improvement — the area with the greatest distance between the hardware's capability and how confidently users could access it.

Replaced bitmap rendering with Qt/SVG on embedded Linux, enabling resolution independence, scalable localization, and visual consistency across products.

Before — Bitmap rendering, 480p, per-language image files
After — Vector SVG on Qt/QML, resolution-independent, database-driven

Negotiated the first embedded device font licensing framework with Monotype covering 60+ products, CJK character sets, and firmware rights — saving millions. Audi, Porsche, BMW, and Mercedes later adopted this same model for automotive infotainment.

The Marantz Model 10 porthole display — a 56mm circular AMOLED controlled by a physical knob — required all UI states (volume, source selector, audio-reactive visualizer) to be legible on a coin-sized circle with no touch input.

Marantz Model 10 porthole display showing -54db volume visualizer — audio-reactive circular UI concept Marantz Model 10 · Porthole Display · Audio-Reactive Volume Visualizer

Established HEOS Design Guidelines defining Denon (modern) and Marantz (premium) brand languages with SVG iconography and multi-language support including CJK.

Redesigned setup flow with app-guided onboarding, multi-assistant integration, and progressive complexity to simplify initial configuration.

Denon — Modern, approachable design language
Marantz — Premium, refined design language (teal HD GUI)

Secured AirPlay 2 and HomeKit certification for 50+ Apple-certified products, making Denon/Marantz the largest certified portfolio in premium audio.

Impact

From #5 to #1

Market position moved #5 to #1. Product reviews improved from 3.5★ to 4.5★ driven by setup redesign, UI clarity, and consistency.

Support calls decreased 35% in setup and configuration. AirPlay 2 products grew from 0 to 50+ — the largest portfolio in premium audio.

Before

480p overlay, pixelated bitmap rendering, per-language image files, no scalability

After

1080p/8K-ready vector rendering, font-embedded SVG, database-driven localization

Before

Zero Apple ecosystem integration, no voice assistant support

After

50+ AirPlay 2 / HomeKit products, Siri / Alexa / Google Assistant

Denon HEOS multi-room audio ecosystem — product system design showing connected device range Denon · HEOS Ecosystem · Multi-Room Audio · Product System Design

The Monotype font licensing model became industry standard, adopted by automotive manufacturers. The design system continues across new Denon/Marantz products.

Reflection

Fixing the System, Not the Symptoms

Fixed underlying frameworks so better UX became the default. When rendering systems limit typography or localization, replace the system rather than work around it.

On 1–3 inch displays with physical buttons: what does the user need now, and how do I show it in the fewest pixels?

Marantz Model 30 copper accent detail — premium material finish and craft detail photography Marantz · Model 30 · Copper Accent · Material Craft

Awards (EISA, Red Dot, iF, Japan Good Design) and presenting at Qt World Summit made the work an industry reference for platform migration approaches.

Constrained hardware forces design discipline. Small displays with physical controls strip UX to essentials, creating precision and rigor that transfers to any context.

Recognition

  • EISA Awards — 2018, 2019, 2020
  • What Hi-Fi? Awards
  • Red Dot Design Award
  • iF Design Award
  • Japan Good Design Award
  • Qt World Summit — Speaker · Bitmap → Vector Platform Migration
  • Monotype licensing model — subsequently adopted by Audi, Porsche, BMW, Mercedes