Created a more immersive and impactful experience through emotional storytelling
Created a more immersive and impactful experience through emotional storytelling
Created a more immersive and impactful experience through emotional storytelling
Virtual Time Capsule | "Received Capsule" Experience Redesign
Virtual Time Capsule | "Received Capsule" Experience Redesign
Timeline
3 Months
3 Months
3 Months
Role
Solo UX/UI Designer
Solo UX/UI Designer
Solo UX/UI Designer
Team
1 Designer
2 Developer
1 Designer
2 Developer
1 Designer
2 Developer
SOW
Mobile Application
Mobile Application
Mobile Application
Overview
Overview
Redesigned the “received capsule” experience to create a more immersive, narrative driven interaction, helping users better connect with meaningful messages, media, and memories shared across time.
Redesigned the “received capsule” experience to create a more immersive, narrative driven interaction, helping users better connect with meaningful messages, media, and memories shared across time.
The problem
The problem
The problem
The original experience used a text-thread interface, which:
The original experience used a text-thread interface, which:
Although functional, this approach created several issues:
Reduced emotional impact
Made mixed media harder to engage with
Lacked a clear narrative flow
A product centered on meaningful moments felt flat and transactional
Although functional, this approach created several issues:
Reduced emotional impact
Made mixed media harder to engage with
Lacked a clear narrative flow
A product centered on meaningful moments felt flat and transactional
Challenge
Challenge
Challenge
How might I transform this static, text-based capsule into a guided, emotionally engaging storytelling experience?
How might I transform this static, text-based capsule into a guided, emotionally engaging storytelling experience?
This would required:
This would required:
Supports text, image, video, and audio
Supports text, image, video, and audio
Guides users through a clear story
Guides users through a clear story
Enhances emotional impact without overwhelming the content
Enhances emotional impact without overwhelming the content
Key Insight
Key Insight
Emotional impact comes from how content is revealed, not just the content itself.
Emotional impact comes from how content is revealed, not just the content itself.
Users don’t engage deeply with content when it’s presented all at once. Instead, they need structure, pacing, and context to make sense of what they’re seeing.
Users don’t engage deeply with content when it’s presented all at once. Instead, they need structure, pacing, and context to make sense of what they’re seeing.
Users scan before they feel, so clarity and hierarchy must come firs
Mixed media can easily compete for attention without clear prioritization
A guided, step-by-step flow helps users process content as a story, not fragments
This shifted the focus from simply displaying content to designing how the story unfolds over time.
This shifted the focus from simply displaying content to designing how the story unfolds over time.
Solutions
Solutions
Solutions
Designed a story-driven capsule experience with:
Designed a story-driven capsule experience with:
Progressive flow:
Progressive flow:
Users move through prompts like a guided story
Users move through prompts like a guided story
Intuitive navigation:
Tap/swipe interactions inspired by familiar patterns
Clear hierarchy:
Media is prioritized; text is separated to avoid competition
Contextual overlays:
Prompts and metadata keep users oriented throughout
Prompts and metadata keep users oriented throughout
Key Decisions
Key Decisions
Key Decisions
Removed heavy visual effects to keep focus on content
Removed heavy visual effects to keep focus on content
Structured layouts to handle different media combinations
Structured layouts to handle different media combinations
Designed for both active viewing and paused states to maintain context
Designed for both active viewing and paused states to maintain context
Outcome
Outcome
Outcome
Shifted experience from passive reading to active storytelling
Improved clarity and engagement across mixed media
Better aligned the product with its core goal: creating emotional connections across time
Shifted experience from passive reading to active storytelling
Improved clarity and engagement across mixed media
Better aligned the product with its core goal: creating emotional connections across time
Reflection
Reflection
Designing for emotion requires intentional structure and pacing
Constraints improve clarity by forcing prioritization
Strong UX often means getting out of the content’s way
Designing for emotion requires intentional structure and pacing
Constraints improve clarity by forcing prioritization
Strong UX often means getting out of the content’s way
OTHER PROJECTs.
OTHER PROJECTs.
Designed Scalable Twitch Prediction Overlays for Multi-Outcome Polls
Project Overview: Project: Twitch Prediction Overlay Plugin Timeline: 3 Weeks Role: UX / UI Designer Team: 2 Designers, 1 Developer
Open Source
Web Design
Twitch Prediction Overlay Plugin
UX | UI Design
Designed Scalable Twitch Prediction Overlays for Multi-Outcome Polls
Project Overview: Project: Twitch Prediction Overlay Plugin Timeline: 3 Weeks Role: UX / UI Designer Team: 2 Designers, 1 Developer
Open Source
Web Design
Twitch Prediction Overlay Plugin
UX | UI Design
Designed Scalable Twitch Prediction Overlays for Multi-Outcome Polls
Project Overview: Project: Twitch Prediction Overlay Plugin Timeline: 3 Weeks Role: UX / UI Designer Team: 2 Designers, 1 Developer
Open Source
Web Design
Twitch Prediction Overlay Plugin
UX | UI Design