← All work
InterfaceApp interfaceInteraction designIllustration

Tidal

Sleep and meditation app · Interface design

Year
2025
Client
Tidal Labs (Shenzhen)
My role
Product interface, illustration, motion guidelines
Timeline
8 weeks
Tidal: Sleep and meditation app · Interface design

01Background

Tidal is a sleep and meditation app for city office workers. The previous version was packed with features, and at night people had to hunt through a dozen entry points, which only woke them up more. The team wanted the redesign to feel like “open it and drift off.”

02My role

I worked as an external designer alongside the product manager and two front-end developers, covering the information architecture, the design of every core screen, the illustrations and the motion guidelines.

A hand holding a phone showing the Tidal app home screen
The home screen does one thing: it tells you how to sleep tonight. Every animation slows to the pace of breathing.

03Process

  1. 1

    Cutting the entry points down to one screen

    The usage data showed that nine in ten users only touched three kinds of content. The home screen now holds a single “Tonight” card, and everything else folds into a secondary row at the bottom.

  2. 2

    Designing for the dark

    Every screen starts from a gradient running from deep blue to lavender. Text contrast is set just high enough to read, so the screen does not glare at night, and settings include an even dimmer bedtime mode.

  3. 3

    Agreeing motion with engineering

    The waves and the breathing ring were exported as Lottie files, with a table of durations and easing curves so developers could match them first time rather than going back and forth.

Three Tidal app screens: meditation, stories and sleep sounds
Meditation, sleep stories and sleep sounds, tied together by one wave illustration system.

Palette

  • Deep sea#1E2A5A
  • Tidal blue#5B6FD6
  • Lavender#B9A8EE
  • Moonlight#F2F0FB

04Result

The new version shipped in June 2025. The average time from opening the app to starting playback fell from 52 seconds to 14, and seven-day retention rose by 11 percentage points.

  • 14 sFrom open to playback
  • +11%Seven-day retention
  • 42Core screens delivered