Sleeptracker-AI

Tempur-Pedic sleep solution app redesign and new features update.

Yellow crescent moon with a golden glow.

View on the AppStore

The Project

Tempur-Pedic have an app called Sleeptracker-AI that pairs with their range of “Smart-Base” mattress bases that gives people next level data stats on your sleep.

Tempur needed to update the UI of the app to incorporate their missing branding, and also introduce a new sleep-audio section within the app, a collab with the calming audio files from the Calm app. Chart UI was(unfortunately) not allowed to be touched.

The Challenge

The existing structure of the app that was crammed with huge amounts of information wasn’t changeable. That meant the typography of the design system needed a robust hierarchy structure to allow all heading, CTAs, body copy, chart data and disclaimers all to live harmoniously within the one screen view.

My Role

My involvement was primarily UI with best-practice UX improvements. The initial build was a dev-first project, meaning the app came with no design system – so I built one. I also had many other roles including:

Design Direction

Team Management

UX/UI Design

Stakeholder + Client Presentations

Blue background with wave pattern, white text reading 'TEMPUR Sleeptracker-AI'
animation of tempur pedic app homescreen with circular dial, and calm app integration
animation of tempur pedic app homescreen with circular dial, and calm app integration
A sleep technology device with a bed, remote control, and smartphone displaying sleep coaching app, highlighting features like USB port, lumbar support, zero gravity, and sleep coaching.
A sleep technology device with a bed, remote control, and smartphone displaying sleep coaching app, highlighting features like USB port, lumbar support, zero gravity, and sleep coaching.
montage of tempur mobile screens
animation of waterfall image
animation of paris in the rain
animation of the thunderstorm
animation of northern lights
icons of tempur toolbar with various icons including home, graph, target, snowflake, grid, list, arrows, dots, plus, minus, x, checkmark, play, pause, stop, timer, and circle.
image of tempur design system showing all the shades of blue of tempur

Who doesn’t love a before and after?

Always give credit where credit’s due

Sally Fang, Jenn Seide, Sheri Hyman