Miracle-Ear is a subsidiary of Amplifon and the maker of the world’s first in-the-ear hearing aid. They offer the most discreet, attractive and advanced hearing solutions. But, their dating website was not reflecting those advancements and was struggling to connect with the evolving target demographic.
We redesigned their content-rich website to be presented in small, digestible sizes. We used analytical data to simplify the user experience to make it easier to access the most important actions for the target user.
UI Design, Motion Design, Design System
We took the atomic design approach to create a robust design system that is bespoke to the content type.
We have translated the Miracle-Ear tone of voice into animation principles of being more energetic and light-hearted. While being mindful that the animation layer enhances the experience and adheres to accessibility rules.
After we defined the motion principles, I incorporated that into making a unique animation for the loader used across pages inspired by the brand logo.
Unique loader animation is shown on 'appointment booking' page
Light-hearted motion applied on buttons animations
Energetic motion applied on 'find a store' animations
Concept of subtle reveal motion on overall page transition