PurpleSpace
Project Type
App Product Design
What is PurpleSpace?
Design Stage
Startup
PurpleSpace is a sleep companion app that gently supports users through music, bedtime stories, and reflection.
It’s not just about falling asleep—it’s about helping users feel emotionally safe, calm, and cared for at the end and the beginning of each day.
What makes it special?
| 🧠 Emotion-first design | Every decision—from visuals to interactions—was made to support emotional ease and trust. |
| 🎵 Multi-modal sleep tools | A combination of ambient music and bedtime storytelling creates a holistic sleep experience. |
| 🌫️ Reflective UI, not data-heavy | We visualize sleep not through cold metrics, but through soft, affirming visual narratives. |
https://www.youtube.com/watch?v=f1jmBCrjELQ 三张卡 半透明的感觉的动效 模糊 科技感整个就是这个感觉
What will I show you?
In this case study, I focus on two key areas of the PurpleSpace experience:
the Motion Design System and the Sleep Mirror feature.
Both were designed with a deep care for emotional timing, accessibility, and gentle transitions.
They reflect our belief that design should not only function—but comfort.
两张卡，歪的hover后变成正卡，点击就到达相应位置 下面：
Deliverables
Motion design system, UI Kit, Applied Motion Design, motional Support Strategy, Product Design
Motion Design System
Idont know whtat o say
Sleep Mirror
Sleep Mirror is designed as an emotion-first visualization — transforming raw sleep data into supportive and calming feedback.
UI Kit - color board/typography/auto layout 解释emotion first/lead
这个参考metalab来做 我可以试试用颗粒度blending 的色板来做
一个为了你已经做过的事发奖的系统 奖章系统
一个给你睡觉提供情绪价值的系统 坏的-多休息 好的-太棒了
也可以提供数据支持，但更多是一些可以share的过往，一些找到组织的情绪支持
Outcomes & Impact
Sleep mirror
Daily Active Users (DAU) increased by +12%
7-day retention improved by 8 percentage points
Net Promoter Score (NPS) rose by +14, reflecting stronger user loyalty and emotional connection
Usually this kinds of community related thing will happen to community building apps, now, it proves to be part of our upgrading ambitious target.
