Honour the brand heritage. Elevate the experience.
Starting from existing navigation flows, design the new graphic interface of the Radio Deejay app, focusing on the design of a UI capable of showing the heritage of the brand and the quality of the services offered.
Three visual proposals, one winning direction.
We opened with a workshop so stakeholders could say what kind of visual direction they wanted. Desk research and a light benchmark showed where entertainment UI was heading. We wrote down the non-negotiables (what the UI must and must not do), then explored three distinct directions and picked the one that felt most ownable for Radio Deejay.
Four principles that guided every decision.
Four pillars held everything else accountable; each one drove layout, colour, motion, and components in the same direction.
Full-screen imagery puts faces, talent, and shows up front; the brand world lands before chrome.
Red threads through navigation, key actions, and highlights so it still reads as Radio Deejay in every state.
A persistent player keeps audio under control: listeners can follow shows, check what’s on air, and jump content without losing the stream.
Layouts and blocks are modular so new formats can ship without inventing a new system each time.
Modularity by design, savings by result.
A small design system kept language and build predictable. Shared patterns replaced one-off screens wherever we could; less custom glue, more reuse.
The final experience, brought to life.
From there we locked the visual interface, tuned composition so content scanned cleanly, and stayed aligned with brand. When the screens were in place, we prototyped the flows so people could tap through real paths before build.
20 user tests
Twenty sessions split between existing app users and loyal listeners who hadn’t installed it yet. Task success and where people got stuck told us what to fix first, then we re-tested to see if the changes held.
