Denon / Marantz
Transformed UX across 60+ products from bitmap displays to vector-based design system, driving Denon/Marantz from #5 to #1 market position.
Marantz · Look Book 2018 · Director of UX · Premium Audio Design System
#5 → #1
Market position
3.5★ → 4.5★
Product reviews
35%
Support call reduction
50+
Apple-certified products
Context
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 2018 · Identity System · Product Editorial
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
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.
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 · 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.
Secured AirPlay 2 and HomeKit certification for 50+ Apple-certified products, making Denon/Marantz the largest certified portfolio in premium audio.
Impact
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 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
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 · 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