Smart glasses companion app

The control app for a high-end pair of smart hearing aids glasses, built for one of the biggest US audio brands. Aurio is an alias. The real client stays under NDA. The content here is derived from a real project without any confidential information.

RoleInteraction Design
StatusLaunched
PeriodMarch–May 2026
ScopeVisual iteration
A woman wearing the Aurio glasses, with the app's volume control and Smart Program cards floating beside her
Dieter Rams Braun radio with one large tuning dial, the reference for the volume control

Built around one dial

Volume is the control people reach for most, so it gets the most room on the home screen. The dial is shaped like an old radio, familiar in the hand and a quiet nod to Dieter Rams' Braun design.

The Aurio app in three color modes: Conversation, Smart Program, and Outdoors, each shifting the whole screen to a different color

Color does the talking

Each listening mode has its own color and icon. Switch to Conversation, Outdoors, or Quiet and the whole screen shifts to match. You read the mode before you read a word.

The AI-assisted design loop: a Figma concept becomes an HTML prototype built with Claude Code, then flows back to a Figma UI kit, connected by MCP

Design process accelerated by AI

Premium feel lives in the micro interactions, and those are hard to judge from a flat mockup. So I built the prototype in HTML with Claude Code. The team felt the real thing early, which cut the back-and-forth and the build time.

Try it. Feel it yourself.

Open the full app

Best on a phone, full screen.

A premium experience,
for the customer who can tell the difference.