Drinkaware

Drinkaware

MyDrinkaware App

MyDrinkaware App

Industry

Charity

Location

London, UK

Year

2021

Drinkaware is a leading alcohol education charity, helping people make better choices around their drinking. I was brought in to lead the redesign of their mobile app, MyDrinkaware, a free tool that helps users track their alcohol intake, set goals and build healthier habits over time. Working closely with stakeholders, I redesigned the app from the ground up, improving usability, visual clarity and emotional tone while aligning it more closely with Drinkaware’s mission of positive behavioural change.

Drinkaware is a leading alcohol education charity, helping people make better choices around their drinking. I was brought in to lead the redesign of their mobile app, MyDrinkaware, a free tool that helps users track their alcohol intake, set goals and build healthier habits over time. Working closely with stakeholders, I redesigned the app from the ground up, improving usability, visual clarity and emotional tone while aligning it more closely with Drinkaware’s mission of positive behavioural change.

Industry

Charity

Location

London, UK

Year

2021

MyDrinkaware app UI/UX design showcasing a mobile dashboard view and a detailed drink tracking input screen on two smartphones.
MyDrinkaware app UI/UX design showcasing a mobile dashboard view and a detailed drink tracking input screen on two smartphones.
User interacting with the MyDrinkaware app on a smartphone, tracking alcohol units, with a clear data visualization overlay displaying monthly consumption trends.
User interacting with the MyDrinkaware app on a smartphone, tracking alcohol units, with a clear data visualization overlay displaying monthly consumption trends.
Close-up of MyDrinkaware mobile app interface design: a user's hand holding a smartphone displaying the activity dashboard with tracked units, drink-free days, and calls-to-action for behavior change.
Close-up of MyDrinkaware mobile app interface design: a user's hand holding a smartphone displaying the activity dashboard with tracked units, drink-free days, and calls-to-action for behavior change.
MyDrinkaware app icon design: a minimalist dark blue square with a white 'd', representing the digital health and wellness product.
MyDrinkaware app icon design: a minimalist dark blue square with a white 'd', representing the digital health and wellness product.

The app needed to feel supportive, not judgemental, a companion rather than a tracker. I restructured core flows to make key features like drink logging, goal setting and weekly progress more accessible and rewarding to use. Visual cues and messaging were carefully chosen to reinforce positive progress without overwhelming users. The interface was simplified, with a cleaner hierarchy, larger touch targets and more inclusive illustrations, all tailored for users trying to moderate their drinking in a realistic, non clinical way.

Comprehensive view of MyDrinkaware app screens, illustrating mobile product design flow from dashboard to goal tracking, progress reports, and achievement notifications.
Comprehensive view of MyDrinkaware app screens, illustrating mobile product design flow from dashboard to goal tracking, progress reports, and achievement notifications.
 MyDrinkaware app's desktop dashboard UI, featuring data visualizations for total drinks, units, drink-free days, and interactive cards for goal setting and behavior change strategies.
 MyDrinkaware app's desktop dashboard UI, featuring data visualizations for total drinks, units, drink-free days, and interactive cards for goal setting and behavior change strategies.
MyDrinkaware app's data visualization elements: three cards showing "Total drinks," "Total units," and "Total calories" with corresponding bar charts, highlighting effective health data display.
MyDrinkaware app's data visualization elements: three cards showing "Total drinks," "Total units," and "Total calories" with corresponding bar charts, highlighting effective health data display.
Detailed "Total units" data visualization chart from MyDrinkaware app, displaying monthly alcohol consumption patterns against a weekly limit, emphasizing user tracking and risk assessment features.
Detailed "Total units" data visualization chart from MyDrinkaware app, displaying monthly alcohol consumption patterns against a weekly limit, emphasizing user tracking and risk assessment features.
Multi-screen display of MyDrinkaware app demonstrating robust mobile product design, including active goals, weekly activity summary, historical data, and positive reinforcement messages for user engagement.
Multi-screen display of MyDrinkaware app demonstrating robust mobile product design, including active goals, weekly activity summary, historical data, and positive reinforcement messages for user engagement.

Alongside the UX and UI updates, I helped apply Drinkaware’s refreshed global brand system to the mobile experience for the first time. This involved translating colour palettes, typography and illustration styles into functional mobile components while preserving accessibility across light and dark modes. I worked closely with the brand and marketing teams to interpret their guidelines into a usable, scalable design system that supported clarity and emotional resonance in a health focused setting. The result is a consistent, user centred app experience that strengthens the brand’s presence across digital touchpoints.

A comprehensive digital product brand style guide for the MyDrinkaware app, showing a variety of visual identity elements, including typography, a color palette, icon sets, and UI components laid out like a brand deck.
A comprehensive digital product brand style guide for the MyDrinkaware app, showing a variety of visual identity elements, including typography, a color palette, icon sets, and UI components laid out like a brand deck.
A grid of digital product design icons for a health app, including visuals representing a brain, calendar, data chart, user profile, heart, wine glass, whiskey glass, and a tablet with a graph.
A grid of digital product design icons for a health app, including visuals representing a brain, calendar, data chart, user profile, heart, wine glass, whiskey glass, and a tablet with a graph.
The core color palette for the MyDrinkaware app, showcasing six colors with their names and hexadecimal codes: red, navy, charcoal in three shades, and white. This highlights the brand's visual system.
The core color palette for the MyDrinkaware app, showcasing six colors with their names and hexadecimal codes: red, navy, charcoal in three shades, and white. This highlights the brand's visual system.
A clear display of the typography used in the MyDrinkaware app. The image shows the Greycliff CF font family in various weights: Heavy, Bold, Demi Bold, and Regular, demonstrating the app's typographic hierarchy.
A clear display of the typography used in the MyDrinkaware app. The image shows the Greycliff CF font family in various weights: Heavy, Bold, Demi Bold, and Regular, demonstrating the app's typographic hierarchy.
A breakdown of UI components and data visualization from the MyDrinkaware app. The image displays a daily drink tracker chart, a risk level gauge, a dynamic slider for showing the impact of reducing drinks, and a collection of button states and icon styles.
A breakdown of UI components and data visualization from the MyDrinkaware app. The image displays a daily drink tracker chart, a risk level gauge, a dynamic slider for showing the impact of reducing drinks, and a collection of button states and icon styles.

Next
project

Next project

Next project

M&S

Coffee Machine

M&S

Coffee Machine

M&S

Coffee Machine

Let's talk

Tell me about your project.
Let's collaborate and make great stuff.

Let's talk

Tell me about your project.
Let's collaborate and make great stuff.

Let's talk

Tell me about your project.
Let's collaborate and make great stuff.