UI Design ( Web Design/Design System and Component Libraries/Accessibility)

audibene homepage redesign

This was a project I recently did for my current employer. A hearing aid compa ny with baby boomers as their target group mostly between 50-65 years old. The task was to create a user-friendly interface that not only follows user-centered design principles but represents Audibene as a less medical and more lifestyle company. Redesigning their website, I took various steps to identify the user pain points and enhance the user experience of the platform through multiple A/B tests which ultimately led us to increase the conversion rate significantly and a drop in the bounce rate. From redefining the corporate identity elements to content optimization to improving SEO-related topics (keywords, recognizable links, etc) in order to make the page more recognizable by search engines and position the company in a better ranking online.

These are some of the design initiatives I led as the product designer for the app development team at Audibene. As the only designer in a team that had not had a designer in over a year and a half, there was a lot of groundwork needed for the successful reintegration of design in the product development process.

This is an interactive prototype, you can expand and scroll through the page

Design System

The first order of business was to generate tools to enable the entire team. The design system would serve us all as the source of truth to keep visual and language consistency. Out-of-date Sketch files were available, which I used to rebuild the system in Figma, and with the assistance of developers, I could bring the system also up to date.

The Product Owner would have visibility, drafting tools to play, and solid references to approach developers or stakeholders. Developers and QA would have documentation and a source of truth. I would have tools to create high-fidelity designs and provide brand governance.

After not having designers for an extended period of time, the team wanted to put special focus on having documentation, open files, multiple references; in summary having memory for posterity. The name of the game was future-proofing.

Accessibility and branding

Font & Spacings

After not having designers for an extended period of time, the team wanted to put special focus on having documentation, open files, multiple references; in summary having memory for posterity. The name of the game was future-proofing. The system helped us keep track of components evolution over time. Taking into account that the maintenance relied solely on me, and we pursued a simple solution for all of us to use, we agreed on a versioning system per file and not per component.

Colour Palette

After not having designers for an extended period of time, the team wanted to put special focus on having documentation, open files, multiple references; in summary having memory for posterity. The name of the game was future-proofing. The system helped us keep track of components evolution over time. Taking into account that the maintenance relied solely on me, and we pursued a simple solution for all of us to use, we agreed on a versioning system per file and not per component.