Ava

Cross-platform design for an AI accessibility platform serving the deaf and hard of hearing.

Role: Head of Design

Team: Led design for iOS, Android, desktop and the web, and supported the marketing team

Timeline

2024

Problem: The desktop app had to become seamless and easier to use.

Solution: A new design language and interaction paradigm for the desktop app, and a design system.

Results: 3x
BeforeAfter
Session duration

Before: the old captions, dark blue bubbles under a toolbar. After: the new panel, a transcript above a message box and a row of call controls. — Before and after
I redesigned the desktop app entirely: a new design language and a new interaction paradigm.

Before: the old captions, dark blue bubbles under a toolbar. After: the new panel, a transcript above a message box and a row of call controls. — Before and after
I redesigned the desktop app entirely: a new design language and a new interaction paradigm.

The redesigned Ava panel: a live transcript with color-coded speakers, a “Type to voice a message” box, and the microphone, chat, headphones and End controls. — The new desktop app
Live captions, a box that voices what you type, and the call controls in one panel.

The redesigned Ava panel: a live transcript with color-coded speakers, a “Type to voice a message” box, and the microphone, chat, headphones and End controls. — The new desktop app
Live captions, a box that voices what you type, and the call controls in one panel.

Normal: the transcript alone. Hover state: the same transcript with the Ava badge, the message box and the controls row. — Normal and hover states
At rest, only the captions. Hover, and the message box and controls appear.

Normal: the transcript alone. Hover state: the same transcript with the Ava badge, the message box and the controls row. — Normal and hover states
At rest, only the captions. Hover, and the message box and controls appear.

The control panel annotated: voicing messages, conversation controls, participants and end session. — The controls
Conversation controls, participants and ending the session, with message voicing beside the input.

The control panel annotated: voicing messages, conversation controls, participants and end session. — The controls
Conversation controls, participants and ending the session, with message voicing beside the input.

“Hello!” typed in the message box, with a “Send voice message” tooltip over the send button. — Voicing a message
Type a line, then send it as a voice message.

“Hello!” typed in the message box, with a “Send voice message” tooltip over the send button. — Voicing a message
Type a line, then send it as a voice message.

Two floating caption stacks above the controls row: one with a voicing indicator over the microphone, one with the microphone active. — Floating captions
Captions on their own, with the voicing indicator, and with the mic active.

Two floating caption stacks above the controls row: one with a voicing indicator over the microphone, one with the microphone active. — Floating captions
Captions on their own, with the voicing indicator, and with the mic active.

Interactive prototype

Live captions on a call, in the page. Click around.

Loading prototype…

Let’s talk!

[email protected]

Chat with my AI

More case studies

DesignQA · 2024-2026

Founder

Ronday · 2021-2023

Head of Design → Acting CEO

Airtime · 2020-2021

Design Lead, Web

Rakuten Restaurants · 2018-2020

Staff Product Designer