Miracle-Ear — Redesigning content and booking around customer needs

Context: Important hearing-care content and routes to stores and appointments were difficult to find.
My responsibility: I shaped the content structure, reusable components, interface, and motion behaviour.
Main decision: Prioritise key customer actions and support varied content through one flexible component system.
What changed: The redesign made key routes more prominent and gave teams reusable component and motion rules.

Year 2019

Agency Publicis Sapient

Role UI Design, Motion Design, Illustration

Restructuring content around customer actions

We reorganised content into smaller, more useful sections and focused pages around the actions customers were most likely to take. Analytics helped the team prioritise those routes.

Redesigned Miracle-Ear website interface.

The redesigned pages make hearing-care information easier to scan and act on.

I created a flexible component system that could support different content types without introducing a new layout for every page.

Miracle-Ear website UI components illustrating the design system.

I used reusable components to support different content without creating new page templates.

How I worked with the team

I turned the Miracle-Ear tone of voice into motion principles that the wider team could apply consistently. The motion added energy and feedback while respecting accessibility needs.

Miracle-Ear tone of voice and motion principles.

The principles translated the brand voice into repeatable motion behaviours.

I then created a loader inspired by the brand logo for the appointment booking journey.

The branded loader gives feedback while appointment information loads.

Buttons use motion to confirm interaction.

The store finder uses a more energetic expression of the same principles.

Subtle reveals create continuity between page sections.