My Framer Site

AI-Powered Sleep Supporter

Luma helps those who struggle with getting good quality sleep with the help of a sleep band and AI metrics. Sleep uninterrupted and stress-free with Luma's features.

Tools used

Bryn Miller

UX/UI designer

Fall 2025

Date

1 month

Timeline

UX/UI DESIGN - PRODUCT DESIGN - USER RESEARCH PROBLEM SOLVING - PUBLIC SPEAKING - APP DESIGN

2025

PROJECT OVERVIEW

The Problem

Stress is a major factor in contributing to poor sleep and poor sleep leads to negative affects like health conditions and poor concentration.
There needs to be a platform that serves as a center for calming the nervous system down, leading to better sleep.

Stress is a major factor in contributing to poor sleep and poor sleep leads to negative affects like health conditions and poor concentration.
There needs to be a platform that serves as a center for calming the nervous system down, leading to better sleep.

The Problem

Stress is a major factor in contributing to poor sleep and poor sleep leads to negative affects like health conditions and poor concentration.
There needs to be a platform that serves as a center for calming the nervous system down, leading to better sleep.

The Objectives

Find a health issue that can be helped with the use of an app and form of emerging technology.
Create a pitch deck that displays the product idea.
Create a product presentation that persuades stakeholders of the product's need and relevancy.

Find a health issue that can be helped with the use of an app and form of emerging technology.
Create a pitch deck that displays the product idea.
Create a product presentation that persuades stakeholders of the product's need and relevancy.

The Objectives

Find a health issue that can be helped with the use of an app and form of emerging technology.
Create a pitch deck that displays the product idea.
Create a product presentation that persuades stakeholders of the product's need and relevancy.

My Role & Responsibilities

As the UX/UI designer, it was my responsibility to perform all aspects of this project from research to design execution.
Researching and defining a health problem to help.
Contrasting product relevancy with the current market.
Creating a solution to the problem for created personas.

As the UX/UI designer, it was my responsibility to perform all aspects of this project from research to design execution.
Researching and defining a health problem to help.
Contrasting product relevancy with the current market.
Creating a solution to the problem for created personas.

THE PROCESS

Empathize

Find a relevant problem that affects certain individuals.

Research and understand the pain points that the health-affected group.

Determine target audience and create personas

Define

Propose a relevant solution for the health-affected group.

Conduct a competitive analysis on existing products

Research statistics that support the product

Based on research, determine the features needed for the product

Prototype

Create userflows that provide solutions to each of the personas.

Build wireframes and design comps of the product solution.

Design a brand and UI that support the product design.

Create product mock-ups that demonstrate the product’s functionality

Present

Pitch the product idea to an educated audience and receive critique.

Utilizing feedback, re-pitch the product and emphasize its solution.

This process is not exactly linear. Throughout the whole project, it was essential to reference the data and research performed in order to juxtapose my direction with the data. This helped ensure that I wasn’t steering off the path or getting caught in the details.

THE PROCESS

Empathize

Find a relevant problem that affects certain individuals.

Research and understand the pain points that the health-affected group.

Determine target audience and create personas

Define

Propose a relevant solution for the health-affected group.

Conduct a competitive analysis on existing products

Research statistics that support the product

Based on research, determine the features needed for the product

Prototype

Create userflows that provide solutions to each of the personas.

Build wireframes and design comps of the product solution.

Design a brand and UI that support the product design.

Create product mock-ups that demonstrate the product’s functionality

Present

Pitch the product idea to an educated audience and receive critique.

Utilizing feedback, re-pitch the product and emphasize its solution.

RESEARCH & EMPATHY

Utilizing Perplexity AI as a research assistant, I researched symptoms and data that contribute to sleep troubles so I could best understand the user’s needs and pain points.

Below is a sample of a prompt I sent to Perplexity.

What did I do with this research?

From several prompts and analyzing articles, I gathered statistics and aspects that contribute to poor sleep.

This step really opened my eyes to the reality of how many individuals struggle with sleep on a daily basis.

RESEARCH & STATISTICS

From the research, I discovered just how common it is for people to experience poor sleep. Here are just some of the things I learned

"Roughly one third of individuals have trouble falling asleep."

National Library of Medicine

"In the US, about 70 million adults have a sleeping disorder"

SingleCare Team

"Nearly 40% of Gen Z adults report sleep-related anxiety at least three times a week."

Global Wellness Institute

These facts prove that sleeping issues is a real problem that faces individuals everywhere. With these stats in mind, I now have the proof that poor sleep is a big problem in the world.

RESEARCH & STATISTICS

From the research, I discovered just how common it is for people to experience poor sleep. Here are just some of the things I learned

"Roughly one third of individuals have trouble falling asleep."

National Library of Medicine

"In the US, about 70 million adults have a sleeping disorder"

SingleCare Team

"Nearly 40% of Gen Z adults report sleep-related anxiety at least three times a week."

Global Wellness Institute

These facts prove that sleeping issues is a real problem that faces individuals everywhere. With these stats in mind, I now have the proof that poor sleep is a big problem in the world.

PERSONAS

Since there are so many kinds of people who experience poor sleep, I had to specifically determine who my target audience is going to be.

Now that my target audience had been determined through compare/contrast, it’s time to find solutions for each.

Target audience:

Light sleepers

Anxiety-prone

Depressed individuals

Persona 1

“I’m tired of waking up to every minor sound I hear”

Olivia the light sleeper

Olivia has always been a light sleeper, so she finds herself waking up in the middle of the night quite often and takes some time for her to fall asleep again.

Frustrations

Wakes up due to noisy environment

Takes time to fall back asleep

Sensitive to sensory input such as temperature, movement, sound, etc.

Needs

Uninterrupted sleep

Automated systems that act when there are interruptions

Fuller, refreshing sleep

How Luma can help

Real-time sleep adjustments activate when sensory spikes are detected.

Connect devices like A/C and Luma will detect if the user is overheating or freezing.

Customizable sleep modes to predetermine what happens if sleep stirring occurs

Lauren the anxious mother

With two small ones at home, Lauren goes from working her full time job to attending to her kids in the evening. With her busy life, she notices that her sleep is suffering for it.

Frustrations

Struggles with winding her mind down

Anxiety related to sleep

Needs

Convenient ways to calm her nervous system down

Someone to talk to about her day

How Luma can help

Real-time sleep adjustments activate when sensory spikes are detected.

Connect devices like A/C and Luma will detect if the user is overheating or freezing.

Customizable sleep modes to predetermine what happens if sleep stirring occurs

Persona 2

“I need someone to talk to about my stressful day.”

Persona 3

“I want to enjoy waking up, not dreading it.”

Andrew with depression

A side affect of Andrew's depression is his struggle to get out of bed in the morning. He also wants to learn more about his sleep patterns.

Frustrations

Abrupt alarm systems

Has trouble sleeping

Needs

Waking up feeling good

Understand sleep behavior

How Luma can help

Gentle alarm system that has customizable routines for flexible wake up times.

Visual data from sleeping behaviors and AI pattern recognitions and new recommendations.

USER JOURNEY MAP

After developing realistic user personas, the next step was to create a map of the whole experience of a user that uses Luma

User journey maps help you place yourself in your user’s shoes and seeing the product from their perspective.

USER-FLOWS

Using the personas, I created realistic paths each persona would take on Luma and which aspects catered to their individual needs.

Based on these user-flows, there are app walkthrough videos that will take you through the app as each of these users.

User-flow key

Olivia benefits from using Luma’s real-time sleep adjustments in order to minimize her sensitivity to sensory input when falling asleep.

Olivia's user-flow

There’s a video of each persona’s user-flow further below in the section: App walkthroughs

Lauren likes Luma because it helps her calm down before sleep. She utilizes the relaxation page and talk to Glow, the sleep supporting AI chat bot.

Lauren's user-flow

Andrew most often uses the gentle alarm feature and checks on data from last night’s sleep. Using AI and algorithm models, the sleep band is able to determine patterns and send results to the app.

Andrew's user-flow

Olivia benefits from using Luma’s real-time sleep adjustments in order to minimize her sensitivity to sensory input when falling asleep.

Olivia's user-flow

Olivia benefits from using Luma’s real-time sleep adjustments in order to minimize her sensitivity to sensory input when falling asleep.

Olivia's user-flow

APP SITEMAP

From determining the paths that the users will mainly take, it was time to organize the information through navigation and page connections.

Site maps act as the blueprint of the interface, ensuring that I don’t forget to design any screens.

WIREFRAMES

Now that I have the site map planned, the next step is to visualize each screen. The main focus of this step is UX structure and proper design hierarchy.

Dashboard screen

Relaxation screens

Sleeping trends

UI LIBRARY & BRANDING

Now that the skeleton of the app was developed, I had to bring it to life. First thing to do was to create a brand that aligns with Luma. Luckily, I was brewing with visual ideas up to this point and brought it to fruition.

I had to keep the branding in mind as I built out the product presentation that I would present in front of stake-holders.

Main logo

Words to describe Luma

Calm

Comfort

Healing

Purple

Positive

Serene

Sleep band image

Colors

Typography

Various logos and imagery used

HIGH FIDELITY COMPS

Next, I integrated the established UI properties to the wireframes.

Dashboard screen

Relaxation screens

Sleeping trends

ITERATION PROCESS

Wireframes aren’t born with good design, that’s why it’s important to continually iterate on every screen until it evolves into a more functional, attractive design.

This is an example of the Dashboard screen design iteration process.

V. 1

V. 2

V. 3

Site maps act as the blueprint of the interface, ensuring that I don’t forget to design any screens.

ITERATION PROCESS

Wireframes aren’t born with good design, that’s why it’s important to continually iterate on every screen until it evolves into a more functional, attractive design.

This is an example of the Dashboard screen design iteration process.

V. 1

V. 2

V. 3

Site maps act as the blueprint of the interface, ensuring that I don’t forget to design any screens.

APP WALKTHROUGH VIDEOS

Watch Luma come to life and see how it impacts its users.

Olivia's user-flow

Commentary:

Olivia first opens and loads the app, and is greeted by Luma and welcomes her. She heads over to the connections tab where she can view any devices she has paired to Luma. She frequently visits the Real-time sleep adjustment page. Here she can control what Luma does if she starts waking up in the middle of the night.

There's an auto-calm response option where Luma automatically responds to Olivia's needs, using her connected devices. But if she wants to set anything manually, she can create conditions for her connected devices on the right.

Lauren's user-flow

Commentary:

After an exhausting day, Lauren logs on and opens the relaxation tab and starts a breathing exercise. Luma will ask her to choose a specific exercise, and once she does, Luma immediately starts the activity. Lauren also likes talking with Glow because it helps her declutter her stressed mind and calm her nervous system before sleep.

Andrew's user-flow

Commentary:

Andrew visits the sleeping trends page to look at his sleeping levels of the night before and look at the insights tab, mentioning personal sleep facts. The Trends section are patterns that Luma determined and the AI reasons with why those patterns exist.

If Andrew wants, he can look at any suggestions the AI has for him regarding the trends. On the Waking Up page is his alarms that he has set as well as a clock to show the current time. He can adjust settings to each of his alarms as you can see on each of them.

PRESENTATION SLIDES

Some slides may be word-less. Keep in mind this presentation is just a visual aid as I presented Luma as a product.

Thank you

I appreciate the time you took to check this out. :)