AI Sleep Stories for Kids

Calm

Introduction —
I designed a 0 to 1 web-based sleep story creation experience that would allow kids to construct their own personalized sleep story. Upon providing a variety of story inputs, Calm would leverage AI technology to compose a custom sleep story for individual purchase. I crafted the entire experience, including E2E flow and comprehensive art direction.

Role, Duration, Platform —
Design Lead, 6 months, Web


Team —
Product Manager (1 mo), Engineering Lead, UXR Lead, Animator


Contribution —
UX Design, Program Management, Product Strategy, Art Direction, Visual Design, AI-Prompted Imagery, XFN Leadership

Problem —
Business: How might we create additional value to paid users and generate additional revenue beyond their annual subscription?

Users: How might we create Calm content that is more personalized and meets their specific needs?


Context —

  • A “Sleep Story” is Calm’s signature content, designed to help people fall asleep faster

  • The project was without a Product Manager for the majority of it’s refinement and execution


Outcomes —
⭐️ Additional $3 per paid user (Projected 2026)
⭐️ Additional $1.5M in total revenue (Projected 2026)

Solution

An interactive, 0 to 1 web-based sleep story creation experience that allows kids to construct their own personalized sleep story

View prototype →

Intro — Greeting and Instructions

Step 1 — Create main character

Steps 2 & 3 — Create side character(s)

Step 4 — Choose story plot

Step 5 — Choose story setting

Step 6 — Choose narrator voice

Story Summary — Review Details

Payment — Select length & Payment info

Outro — Story Generation & Confirmation

Process Highlights —

I utilized vibe coding approaches to create proof-of-concept prototypes for quick user testing and validation

Proof-of-Concept Prototype 1
Step-Based Creation Flow

Proof-of-Concept Prototype 2
Continuous Story Flow

Process Highlights —

I used the successful proof-of-concepts as a launching point to wireframe a solution flow with gradually increasing fidelity towards a final iteration

Process Highlights —

I used AI-powered tools to iteratively define an illustration style and visually bring the story guide’s world to life.