DreamScape
DreamScape
DreamScape
Transforming dream into vivid visuals.
Transforming dream into vivid visuals.
Transforming dream into vivid visuals.
Problem
Problem
Problem
Have you ever wanted to see what you see in your dreams?
Have you ever wanted to see what you see in your dreams?
Have you ever wanted to see what you see in your dreams?
I often dream, but I can only recall fragments after waking up. I've tried piecing them together, but it hasn't worked. I wish for something that could help me reconstruct those fragments into continuous scenes, allowing me to relive my dreams in reality.
I often dream, but I can only recall fragments after waking up. I've tried piecing them together, but it hasn't worked. I wish for something that could help me reconstruct those fragments into continuous scenes, allowing me to relive my dreams in reality.
I often dream, but I can only recall fragments after waking up. I've tried piecing them together, but it hasn't worked. I wish for something that could help me reconstruct those fragments into continuous scenes, allowing me to relive my dreams in reality.
Solution
Solution
Solution
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
An app that uses AI to visualize, interpret, and analyze dreams based on fragments and insights from various schools of thought.
Project Type
UX Design
UI Design
Role
UX/UI Designer
Tools
Figma
Photoshop
Duration
4 weeks
Project Type
Project Type
UX Design
UX Design
UI Design
UI Design
Role
Role
UX/UI Designer
UX/UI Designer
Tools
Tools
Figma
Figma
Photoshop
Photoshop
Duration
Duration
4 weeks
4 weeks
My Design Process
My Design Process
My Design Process
Research
Research
Research
To reconstruct my dreams in reality, I sought a deeper understanding of them, leading me to conduct extensive research on the subject, which is J. Allan Hobson's Activation-Synthesis Theory.
To reconstruct my dreams in reality, I sought a deeper understanding of them, leading me to conduct extensive research on the subject, which is J. Allan Hobson's Activation-Synthesis Theory.
To reconstruct my dreams in reality, I sought a deeper understanding of them, leading me to conduct extensive research on the subject, which is J. Allan Hobson's Activation-Synthesis Theory.
What is dream?
Series of thoughts, images, and feelings occur involuntarily in mind during the Rapid Eye Movement stage of sleep.
Default Mode Network
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
Activation-Synthesis
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Why dreams fade away?
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
What is dream?
What is dream?
Series of thoughts, images, and feelings occur involuntarily in mind during the Rapid Eye Movement stage of sleep.
Series of thoughts, images, and feelings occur involuntarily in mind during the Rapid Eye Movement stage of sleep.
Activation-Synthesis
Activation-Synthesis
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Dreams are the brain's attempt to make sense of random neural signals generated during REM sleep.
Default Mode Network
Default Mode Network
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
DMN may engage in narrative-making, trying to connect the random fragments into a storyline.
Why dreams fade away?
Why dreams fade away?
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
Prefrontal cortex is less active during REM sleep, and norepinephrine, crucial for memory, is suppressed.
Interview
Interview
Interview
After discussing my idea with friends, I found that many others share the same wish as I do. As a result, I recruited 10 participants to interview them about their experiences with dreams.
After discussing my idea with friends, I found that many others share the same wish as I do. As a result, I recruited 10 participants to interview them about their experiences with dreams.
After discussing my idea with friends, I found that many others share the same wish as I do. As a result, I recruited 10 participants to interview them about their experiences with dreams.
How often do you remember your dreams?
How often do you remember your dreams?
How often do you remember your dreams?
Can you describe the types of content you often encounter in your dreams?
Can you describe the types of content you often encounter in your dreams?
Can you describe the types of content you often encounter in your dreams?
Do you have any habits related to remembering your dreams after waking up?
Do you have any habits related to remembering your dreams after waking up?
Do you have any habits related to remembering your dreams after waking up?
I always had nightmares and got used to drawing them down to remember them for their hidden meanings.
I sometimes had realistic dreams. I love searching online to understand them, but the explanation I find aren't professional.
Most of my dreams are peaceful and beautiful. I want to remember them, but they fade quickly since I can't draw.
I always had nightmares and got used to drawing them down to remember them for their hidden meanings.
I always had nightmares and got used to drawing them down to remember them for their hidden meanings.
I sometimes had realistic dreams. I love searching online to understand them, but the explanation I find aren't professional.
I sometimes had realistic dreams. I love searching online to understand them, but the explanation I find aren't professional.
Most of my dreams are peaceful and beautiful. I want to remember them, but they fade quickly since I can't draw.
Most of my dreams are peaceful and beautiful. I want to remember them, but they fade quickly since I can't draw.
Findings
Findings
Findings
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Existing documentation is unreliable, and online interpretations lack credibility. AI synthesizes fragments into coherent outputs, enabling accurate dream reconstruction.
Problems Identified
Problems Identified
Problems Identified
Easy to forget
Texts are vague
Can’t draw
Inaccurate interpretation
AI isn’t controllable
Easy to forget
Easy to forget
Inaccurate interpretation
Inaccurate interpretation
Texts are vague
Texts are vague
AI isn’t controllable
AI isn’t controllable
Can’t draw
Can’t draw
Business Analysis
Business Analysis
Business Analysis
Competitive Analysis
Competitive Analysis
Competitive Analysis
There are several apps on the market that assist users in documenting their dreams. To assess their strengths and weaknesses, I conducted a competitive analysis of four of them.
There are several apps on the market that assist users in documenting their dreams. To assess their strengths and weaknesses, I conducted a competitive analysis of four of them.
There are several apps on the market that assist users in documenting their dreams. To assess their strengths and weaknesses, I conducted a competitive analysis of four of them.
Findings
Findings
Findings
Lack of...
Lack of...
Lack of...
Voice input
Vivid visuals
Documentations
Direct interpretation
Customization
Dream analysis
Voice input
Voice input
Direct interpretation
Direct interpretation
Vivid visuals
Vivid visuals
Customization
Customization
Documentations
Documentations
Dream analysis
Dream analysis
Ideation
Ideation
Ideation
How to...?
How to...?
How to...?
The parallels between dream generation and AI-generated outcomes make AI an ideal tool for visualizing dreams while incorporating professional interpretations from diverse schools of thought.
The parallels between dream generation and AI-generated outcomes make AI an ideal tool for visualizing dreams while incorporating professional interpretations from diverse schools of thought.
The parallels between dream generation and AI-generated outcomes make AI an ideal tool for visualizing dreams while incorporating professional interpretations from diverse schools of thought.
Key Features
Key Features
Key Features
Student email and ID are required for registration
Student email and ID are required for registration
Student email and ID are required for registration
Trading system with clear price
Trading system with clear price
Trading system with clear price
Delivery services(Official Delivery, Seller Delivery, Self-pickup)
Delivery services(Official Delivery, Seller Delivery, Self-pickup)
Delivery services(Official Delivery, Seller Delivery, Self-pickup)
How to make AI generative images & videos controllable?
How to make AI generative images & videos controllable?
How to make AI generative images & videos controllable?
To generate videos and images that accurately reflect dream scenarios, users must customize settings from six various perspectives to achieve the best outcomes.
To generate videos and images that accurately reflect dream scenarios, users must customize settings from six various perspectives to achieve the best outcomes.
To generate videos and images that accurately reflect dream scenarios, users must customize settings from six various perspectives to achieve the best outcomes.
Mood
Clarity
Time
Color
Narrative
Perspective
Mood
Mood
Color
Color
Clarity
Clarity
Narrative
Narrative
Time
Time
Perspective
Perspective
Storyboard
Storyboard
Storyboard
To better understand how users would use this app for visualizing and understanding their dreams in daily life, I created storyboard to concretize the process.
To better understand how users would use this app for visualizing and understanding their dreams in daily life, I created storyboard to concretize the process.
To better understand how users would use this app for visualizing and understanding their dreams in daily life, I created storyboard to concretize the process.
Wake up and recall dreams last night
Get AI-generated images and videos
Input keywords and adjust settings
Get interpretations from different school
Wake up and recall dreams last night
Wake up and recall dreams last night
Input keywords and adjust settings
Input keywords and adjust settings
Get AI-generated images and videos
Get AI-generated images and videos
Get interpretations from different school
Get interpretations from different school
Design
Design
Design
User Flow
User Flow
User Flow
To map out the process of visualization and interpretations, I created a user flow for the app.
To map out the process of visualization and interpretations, I created a user flow for the app.
To map out the process of visualization and interpretations, I created a user flow for the app.
Size & Style
Size & Style
Size & Style
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
To ensure a consistent, user-friendly, and scalable design that meets usability standards, I finalized the app's size and style guidelines.
Wireframe
Wireframe
Wireframe
To evaluate the usability of the app's interactions and functions, I developed the first version of the app and conducted user testing to gather feedback and identify areas for improvement.
To evaluate the usability of the app's interactions and functions, I developed the first version of the app and conducted user testing to gather feedback and identify areas for improvement.
To evaluate the usability of the app's interactions and functions, I developed the first version of the app and conducted user testing to gather feedback and identify areas for improvement.
Prototype
Prototype
Prototype
I created a high-fidelity prototype to refine the user experience, ensure seamless user flow, and accurately represent the app’s visual identity for user testing.
I created a high-fidelity prototype to refine the user experience, ensure seamless user flow, and accurately represent the app’s visual identity for user testing.
I created a high-fidelity prototype to refine the user experience, ensure seamless user flow, and accurately represent the app’s visual identity for user testing.
Keyword Input
Keyword Input
Keyword Input
Users can input their dream experiences by entering short descriptive keywords, either by typing them manually or recording them as voice input.
Users can input their dream experiences by entering short descriptive keywords, either by typing them manually or recording them as voice input.
Users can input their dream experiences by entering short descriptive keywords, either by typing them manually or recording them as voice input.
Customized Adjustment
Customized Adjustment
Customized Adjustment
Users can refine their dream scenes from various adjustment, including mood, color, clarity, narrative, time, and perspective, to enhance the vividness and accuracy of the generated results.
Users can refine their dream scenes from various adjustment, including mood, color, clarity, narrative, time, and perspective, to enhance the vividness and accuracy of the generated results.
Users can refine their dream scenes from various adjustment, including mood, color, clarity, narrative, time, and perspective, to enhance the vividness and accuracy of the generated results.
Visualization
Visualization
Visualization
Users can generate visual representations of their dream scenes by inputting keywords, adjusting settings, and refining details, resulting in personalized dream images and videos.
Users can generate visual representations of their dream scenes by inputting keywords, adjusting settings, and refining details, resulting in personalized dream images and videos.
Users can generate visual representations of their dream scenes by inputting keywords, adjusting settings, and refining details, resulting in personalized dream images and videos.
Calendar
Calendar
Calendar
If users are satisfied with the images and videos from today's dream scene, they can save them to the Calendar, where they can access and revisit their previously generated dream scenes.
If users are satisfied with the images and videos from today's dream scene, they can save them to the Calendar, where they can access and revisit their previously generated dream scenes.
If users are satisfied with the images and videos from today's dream scene, they can save them to the Calendar, where they can access and revisit their previously generated dream scenes.
Interpretation
Interpretation
Interpretation
After adding dream scene images and videos to the Calendar, users receive an interpretation. They can choose their preferred interpretation from various theories and save it to the Calendar.
After adding dream scene images and videos to the Calendar, users receive an interpretation. They can choose their preferred interpretation from various theories and save it to the Calendar.
After adding dream scene images and videos to the Calendar, users receive an interpretation. They can choose their preferred interpretation from various theories and save it to the Calendar.
Iteration
Iteration
Iteration
Usability Test
Usability Test
Usability Test
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
To evaluate dream visualization and documentation, I conducted usability testing with six friends and professors, recording interactions, noting feedback, and analyzing issues.
Improvement
Improvement
Improvement
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Based on the usability test results, I redesigned the UI interface to improve the user experience.
Multiple Dreams
Multiple Dreams
Multiple Dreams
Users can now create multiple dream scenes without overwriting previous ones. Saved scenes can be added to the calendar, allowing them to switch between entries.
Users can now create multiple dream scenes without overwriting previous ones. Saved scenes can be added to the calendar, allowing them to switch between entries.
Users can now create multiple dream scenes without overwriting previous ones. Saved scenes can be added to the calendar, allowing them to switch between entries.
Dream Analysis
Dream Analysis
Dream Analysis
Users now may access dream analysis in the "Calendar," showing total dreams, best strike, and a heatmap of dream frequency over 1 week, 1 month, and 1 year.
Users now may access dream analysis in the "Calendar," showing total dreams, best strike, and a heatmap of dream frequency over 1 week, 1 month, and 1 year.
Users now may access dream analysis in the "Calendar," showing total dreams, best strike, and a heatmap of dream frequency over 1 week, 1 month, and 1 year.
Bookmark & Customization
Bookmark & Customization
Bookmark & Customization
Users now may bookmark favorite dream scenes in their profile and adjust advanced settings on the visualization page, toggling options on or off as desired.
Users now may bookmark favorite dream scenes in their profile and adjust advanced settings on the visualization page, toggling options on or off as desired.
Users now may bookmark favorite dream scenes in their profile and adjust advanced settings on the visualization page, toggling options on or off as desired.
Revised Prototype
Revised Prototype
Revised Prototype
Click to Explore More
Click to Explore More
Click to Explore More
Takeaway
Takeaway
Reflection
Reflection
