← Back to Projects

24-HOUR DESIGNATHON • UX CLUB, UT DALLAS • OCT 25–26, 2025

DreamScape

You wake up from a vivid dream, and a few minutes later it's gone. DreamScape is a speculative app that helps people hold on to their dreams and reflect on them, designed around one prompt: what might people use in the future?

DreamScape app screens: the Dream Insights sleep dashboard, the emotional summary and dream story view, and the Security & Privacy screen
Role
Visual design lead
Team
4 people
Timeline
24 hours, Oct 25–26, 2025
Tools
Figma, Spline
Research
Secondary research on dream reflection, health-data privacy, and nightmares
Deliverables
Hi-fi Figma prototype, design system, hand-sketched wireframes, pitch deck
My contributions
Led visual design: wireframes, high-fidelity prototypes, and the design system in Figma
Feedback
Praised for strong app design that felt intuitive and pleasing to the eye
01

Overview

Problem

Dreams slip away fast once you wake up. Usually all that's left is a feeling or a stray image. Sleep apps track things like how long you slept or your heart rate, but they skip over what you actually dreamed and how it made you feel.

Goal

Help people see and keep a record of their dreams, so they can reflect on them and take care of their mental health. DreamScape turns REM sleep data into images, text, and interactive views, inside a soft glassmorphism interface with an AI companion named Snoozy.

Impact

This was a 24-hour designathon concept, so there's no usage data. See “What I’d test next” below.

02

Research

Research shows that looking back on your dreams can genuinely help your mental health, as long as privacy and safety come first. Clinicians can use these visualizations to encourage self-reflection, support behavior change, and guide treatment. Patients and clinicians both see value in a "digital navigator," someone who helps make sense of the visualizations accurately (Chang et al., 2023, MDPI).

Privacy matters a lot here, especially for people living with mental illness. Most people are willing to share health data if it improves their care or helps research, but only when there are real protections against misuse, discrimination, or their data ending up somewhere they didn't expect. That means letting people choose exactly what they share, making it easy to take it back, and designing for privacy from the very start (Diva Portal; Medium).

What you watch before bed can shape your dreams, including how well you remember them, how vivid they are, and how they feel. For clearer REM recordings, it helps to cut back on screens and visual stimulation before sleep (PMC). Dreams can also be painful. Seeing a nightmare played back could be really upsetting, so trauma-informed design (filtering, blurring, and only showing difficult content when someone opts in) keeps people safe without taking away the benefit of reflecting (NCBI).

Our research also traced how a nightmare feels from the night before to the days after:

Before sleep

People who get frequent nightmares can go to bed already anxious, dreading another one and wondering if they'll wake up scared (Nightmare Protocol).

During the nightmare

Fear, helplessness, anger, and sadness. The stronger those feelings are, the more distressing the dream tends to be (heiJOURNALS; PubMed).

After waking

The fear doesn't just switch off. It can make it hard to calm down or get back to sleep, and it carries into the next day's mood (PubMed).

Over time

Frequent nightmares are linked with anxiety, depression, and a higher risk of PTSD (PubMed).

03

Insights

Our research drew on published studies about dream reflection, health-data privacy, and nightmares. Three findings changed what we built.

Insight 01

Reflection helps, but only if it feels safe.

Looking back on dreams can support mental health, as long as privacy and safety come first.

So privacy is on by default, and logging in takes two-factor or biometrics.

Insight 02

People will share, on their own terms.

Most people are willing to share health data if it improves their care, but only when they choose exactly what goes out and can take it back.

So nothing reaches a clinician or digital navigator unless you choose to share it.

Insight 03

A nightmare doesn't end when you wake up.

The fear carries into the next day, and seeing a bad dream played back could make it worse.

So distressing content is filtered or blurred, only shown if you opt in, with grounding support built in.

What else it meant for the design

  • Visualizations people can export for their clinician, with a digital navigator to help
  • Clearer REM recordings through a calmer pre-sleep routine
  • Working with policymakers early to help set ethical standards for sensitive neurotechnology

All of this shaped DreamScape directly. The goal was something clinicians could really use, that protects people's privacy, handles painful dreams with care, and holds up ethically.

04

Design decisions

Two tradeoffs came up on almost every screen. Here's how we settled each one.

DreamScape's Security & Privacy screen, showing two-factor authentication and biometric lock toggles
The Security & Privacy screen, with two-factor authentication and a biometric lock.

Privacy vs. clinical value

Dreams are deeply personal, but sharing them with a clinician could really help. So privacy is on by default, logging in takes two-factor or biometrics, and nothing goes to a digital navigator unless you choose to share it.

DreamScape's BCI electrode setup flow: Connecting, Calibrating, and All Set states
The BCI electrode setup flow: connecting, calibrating, and confirming before a recording starts.

Immersion vs. emotional safety

Dreams should feel vivid and immersive, but never at the cost of someone's wellbeing. Distressing content gets filtered or blurred, flagged content only shows up if you opt in, and grounding support is built right into the app.

05

Process

I sketched every main screen by hand first, then we built it in Figma as a glassmorphic system: soft blurs, gradients, and layered transparency over a lavender-to-black background. It's meant to be easy on tired eyes, since this is an app you'd open every night and every morning.

Hand-sketched purple wireframes for DreamScape: a welcome screen with a crescent moon and clouds, a home screen with a capture button and recent dreams, a sleep log graph, an early sketch of Snoozy the mascot in a bubble helmet, an insights screen with heart rate, sleep quality, emotions, and story, a profile screen with general, security, data, and help settings, a dream playback screen with summary and tags, a five-icon bottom nav bar, and a four-step start capture flow ending in a check mark
Where it started: I sketched every main screen by hand first, plus the bottom nav, the start capture flow, and an early Snoozy.
06

Outcome

In 24 hours we went from a prompt to a clickable prototype, and the feedback we got singled out the app design as intuitive and pleasing to the eye. Take a look at the full work: the interactive prototype, the pitch deck, and the research board it all grew from.

DreamScape app screens: the Dream Insights sleep dashboard, the emotional summary and dream story view, and the Security & Privacy screen

Dream visualization

Turns REM sleep data into images, text, and interactive views you can look back on.

Content filtering

Checks for anything that might be upsetting before you see it.

Snoozy, the AI companion

Walks you through your dream recordings and helps you reflect on what they might mean to you.

What I’d test next

I'd run a moderated test with 5 people who already keep a dream journal, asking them to record a dream and then find it again later, and noting where they hesitate. I'd want to know whether Snoozy feels supportive or intrusive right after a bad dream, so I'd ask how comfortable they felt after each step. I'd also check every glass panel against the busiest part of the background behind it, since that's where text is most likely to lose contrast.

07

Reflection