Luna Light
Content Curation and Sleep Tracking Mobile App
Project Type
Designathon
Timeline
April 2022
Tools
Figma
Adobe Illustrator
Team
2 Product Designers
My Role
In April 2022, I participated in Create SC, a UI/UX designathon. In this 24 hour sprint, I carried out user surveys, conducted competitive analysis, created informational architecture and iterated on high-fidelity prototypes as a product designer.
Product Preview
Statistics
Daily Feed
Reader
Profile Page
Questionnaire
Audio Player
Sign Up
The Problem
Social Media Usage Close To Bedtime Can Cause Sleep Disturbance.
*according to American Academy of Sleep Medicine, 2022.
The Solution
Substitute Social Media With
Relaxing Contents And Soothing Visuals.
Answer Questionnaire
  • Inform us about your topics and genres of interest
  • Help us shape your daily feed with contents of your preference.
Browse Through Your Feed
  • Browse through today’s feed that reflects your interests.
  • Control your feed through questionnaire, feedback, and settings.
Enjoy Various Contents
  • Explore relaxing contents designed to destimulate your brain.
  • Customize the  reader UI settings until it’s just right for you.
Track Sleeping Pattern
  • Monitor statistics to understand sleep patterns to adjust accordingly.
  • Compare your content interactions with the quality of sleep.
Answer Questionnaire
  • Inform us about your topics and genres of interest
  • Help us shape your daily feed with contents of your preference.
Browse Through Your Feed
  • Browse through today’s feed that reflects your interests.
  • Control your feed through questionnaire, feedback, and settings.
Enjoy Various Contents
  • Explore relaxing contents designed to destimulate your brain.
  • Customize the  reader UI settings until it’s just right for you.
Track Sleeping Pattern
  • Monitor statistics to understand sleep patterns to adjust accordingly.
  • Compare your content interactions with the quality of sleep.
View Interactive Prototype
The Process
Key Insights
Young Adults Enjoy But Have
No Control Over The Social Media Algorithm
Control Over the Algorithm is Key
To allow the users a control over the algorithm, we devised features that would affect the type of contents that would appear on their feed.
Competitive Analysis
Patterns among Mindful Wellness Apps
The feature comparison revealed some trends to follow and opportunities to take advantage of.
Trend
Opportunities
Meet Amanda,
Amanda is struggling with Insomnia due to the stresses from schoolwork.
Amanda's User Journey
Informational Architecture
Amanda’s use case helped me to identify the steps the user would have to go through and build the user flow accordingly.
Version 1
Personalized Relaxing Experience
Our initial prototype focused on allowing user customization to provide an experience just right for them.
Multiple Choice Questions
Daily Feed & Favorite Button
UI Customization
Sleep Statistics
Version 2
Intuitive information organization
The second version focused on preventing confusion on how the information and features can be accessed.
Version 2
Intuitive information organization
The second version focused on preventing confusion on how the information and features can be accessed.
Linear Scroll
Categorized Scroll
Confusing Reader Bar
Reader Bar with Drawer
Sleep Cycle Bar
Sleep Cycle Line Chart
Accessibility Issues
Using WCAG 2.1 standards, we changed the colors of some elements to ensure that the contrast ratio is higher than 4.5 : 1.
The Outcome
Design System
Reflections
View Next Project
Read Case Study
함께 무언가 만들어볼까요?