OurStory is a storytelling app that connects immigrant parents and their children through shared English story creation and practice.
OurStory is a storytelling app that connects immigrant parents and their children through shared English story creation and practice.
OurStory is a storytelling app that connects immigrant parents and their children through shared English story creation and practice.
Year
2025
2025
2025
2025
My Role
UX & UI Designer
Instructional Designer
Film Production
UX & UI Designer
Instructional Designer
Film Production
UX & UI Designer
Instructional Designer
Film Production
UX & UI Designer
Instructional Designer
Film Production
Target Users
First-generation immigrant parents learning English and their second-generation kids growing up bilingual
First-generation immigrant parents learning English and their second-generation kids growing up bilingual
First-generation immigrant parents learning English and their second-generation kids growing up bilingual
First-generation immigrant parents learning English and their second-generation kids growing up bilingual
Team
Project Manager
UX Research Lead
2 Designers
Project Manager
UX Research Lead
2 Designers
Project Manager
UX Research Lead
2 Designers
Project Manager
UX Research Lead
2 Designers
Mobile User - Parents
Mobile User - Parents
Mobile User - Parents
Mobile User - Parents
Parents and children collaborate synchronously across two connected devices, reading and describing together to build their story in real time.
Parents and children collaborate synchronously across two connected devices, reading and describing together to build their story in real time.
Create a Story (Collaboration Mode)
Create a Story (Collaboration Mode)
Study a Story (Individual Mode)
Study a Story (Individual Mode)
Co-Creating Stories Together
Tablet User - Children
Tablet User - Children
Tablet User - Children
Tablet User - Children
Each practice combines reading, speaking, listening, and writing, seamlessly embedded in one playful process, rooted in communicative pedagogy and information-gap design.
Each practice combines reading, speaking, listening, and writing, seamlessly embedded in one playful process, rooted in communicative pedagogy and information-gap design.
Co-create a story
Co-create a story
Co-create a story
Co-create a story
What I Did
Full Design Ownership
I led the end-to-end design, owning the interaction flow and high-fidelity UI across phone and tablet experiences from scratch.
What I Did
Full Design Ownership
I led the end-to-end design, owning the interaction flow and high-fidelity UI across phone and tablet experiences from scratch.
What I Did
Full Design Ownership
I led the end-to-end design, owning the interaction flow and high-fidelity UI across phone and tablet experiences from scratch.
What I Did
Full Design Ownership
I led the end-to-end design, owning the interaction flow and high-fidelity UI across phone and tablet experiences from scratch.
User Flow
Collaborative Storytelling
Two users on different devices take turns reading and describing content off-screen, guiding each other to select matching images through listening and interpretation, and ultimately co-creating a story together based on what they collect.
User Flow
Collaborative Storytelling
Two users on different devices take turns reading and describing content off-screen, guiding each other to select matching images through listening and interpretation, and ultimately co-creating a story together based on what they collect.
User Flow
Collaborative Storytelling
Two users on different devices take turns reading and describing content off-screen, guiding each other to select matching images through listening and interpretation, and ultimately co-creating a story together based on what they collect.
User Flow
Collaborative Storytelling
Two users on different devices take turns reading and describing content off-screen, guiding each other to select matching images through listening and interpretation, and ultimately co-creating a story together based on what they collect.
Task Completion
Task Completion
Task Completion
2–3 rounds of turn-taking
2–3 rounds of turn-taking
2–3 rounds of turn-taking
2–3 rounds of turn-taking
Step 1
Step 1
Step 1
Step 1
Step 2
Step 2
Step 2
Step 2
Step 3
Step 3
Step 3
Step 3
Step 4
Step 4
Step 4
Step 4
Step 5
Step 5
Step 5
Step 5
Step 6
Step 6
Step 6
Step 6
Child - Tablet
Child - Tablet
Child - Tablet
Child - Tablet
Parent - Mobile
Parent - Mobile
Parent - Mobile
Parent - Mobile
Review
Review
Review
Review
Create a Story
Create a Story
Create a Story
Create a Story
Describe
Describe
Describe
Describe
Select
Select
Select
Select
Record the Story & Get Feedback
Record the Story & Get Feedback
Record the Story & Get Feedback
Record the Story & Get Feedback
(Optional)
(Optional)
(Optional)
(Optional)
Story Setup
Story Setup
Story Setup
Story Setup
Read
Read
Read
Read
Wait
Wait
Wait
Wait
Getting Ready
Getting Ready
Getting Ready
Getting Ready
Mobile:
Shows team progress, supports team switching, story selection, and session start when both users are ready.
Tablet:
Shows team progress, waits for mobile setup, and starts automatically when the session begins.
Mobile:
Shows team progress, supports team switching, story selection, and session start when both users are ready.
Tablet:
Shows team progress, waits for mobile setup, and starts automatically when the session begins.
Mobile:
Shows team progress, supports team switching, story selection, and session start when both users are ready.
Tablet:
Shows team progress, waits for mobile setup, and starts automatically when the session begins.
Mobile:
Shows team progress, supports team switching, story selection, and session start when both users are ready.
Tablet:
Shows team progress, waits for mobile setup, and starts automatically when the session begins.
Child Waits & Selects
Child Waits & Selects
Child Waits & Selects
Child Waits & Selects
Parent Reads & Describes
Parent Reads & Describes
Parent Reads & Describes
Parent Reads & Describes
Mobile:
Reads a short paragraph and describes it to the partner without looking the screen. The partner selects images based on the description,
Tablet:
Waits while the parent reads, optionally plays a puzzle, then selects images based on the description and reviews the paragraph if correct.
Mobile:
Reads a short paragraph and describes it to the partner without looking the screen. The partner selects images based on the description,
Tablet:
Waits while the parent reads, optionally plays a puzzle, then selects images based on the description and reviews the paragraph if correct.
Mobile:
Reads a short paragraph and describes it to the partner without looking the screen. The partner selects images based on the description,
Tablet:
Waits while the parent reads, optionally plays a puzzle, then selects images based on the description and reviews the paragraph if correct.
Mobile:
Reads a short paragraph and describes it to the partner without looking the screen. The partner selects images based on the description,
Tablet:
Waits while the parent reads, optionally plays a puzzle, then selects images based on the description and reviews the paragraph if correct.
Child Reads & Describes
Child Reads & Describes
Child Reads & Describes
Child Reads & Describes
Parent Waits & Selects
Parent Waits & Selects
Parent Waits & Selects
Parent Waits & Selects
Mobile:
Waits while the child reads, selects images based on the description, and reviews the paragraph once correct.
Tablet:
Reads a paragraph with images, describes it off-screen, and helps parent choose the correct images.
Mobile:
Waits while the child reads, selects images based on the description, and reviews the paragraph once correct.
Tablet:
Reads a paragraph with images, describes it off-screen, and helps parent choose the correct images.
Mobile:
Waits while the child reads, selects images based on the description, and reviews the paragraph once correct.
Tablet:
Reads a paragraph with images, describes it off-screen, and helps parent choose the correct images.
Mobile:
Waits while the child reads, selects images based on the description, and reviews the paragraph once correct.
Tablet:
Reads a paragraph with images, describes it off-screen, and helps parent choose the correct images.
Co-create a Story off Screen & Record it on Mobile
Co-create a Story off Screen & Record it on Mobile
Co-create a Story off Screen & Record it on Mobile
Co-create a Story off Screen & Record it on Mobile
Mobile:
Parents record, receive feedback, and edit the story in-app. Once finalized and titled, both can review it in their shared story collection.
Tablet:
Helps co-create the story, can join the recording, and reviews the final version after completion.
Mobile:
Parents record, receive feedback, and edit the story in-app. Once finalized and titled, both can review it in their shared story collection.
Tablet:
Helps co-create the story, can join the recording, and reviews the final version after completion.
Mobile:
Parents record, receive feedback, and edit the story in-app. Once finalized and titled, both can review it in their shared story collection.
Tablet:
Helps co-create the story, can join the recording, and reviews the final version after completion.
Mobile:
Parents record, receive feedback, and edit the story in-app. Once finalized and titled, both can review it in their shared story collection.
Tablet:
Helps co-create the story, can join the recording, and reviews the final version after completion.
Study a Story - Mobile (Parent Only)
Study a Story - Mobile (Parent Only)
Study a Story - Mobile (Parent Only)
Study a Story - Mobile (Parent Only)
What I Did
Full Design Ownership
I designed the flow and visual system for the individual learning mode, supporting guided yet self-paced practice through reading, listening, speaking, and writing activities, with vocabulary matching, sentence practice, and feedback-driven speaking at the end.
What I Did
Full Design Ownership
I designed the flow and visual system for the individual learning mode, supporting guided yet self-paced practice through reading, listening, speaking, and writing activities, with vocabulary matching, sentence practice, and feedback-driven speaking at the end.
What I Did
Full Design Ownership
I designed the flow and visual system for the individual learning mode, supporting guided yet self-paced practice through reading, listening, speaking, and writing activities, with vocabulary matching, sentence practice, and feedback-driven speaking at the end.
What I Did
Full Design Ownership
I designed the flow and visual system for the individual learning mode, supporting guided yet self-paced practice through reading, listening, speaking, and writing activities, with vocabulary matching, sentence practice, and feedback-driven speaking at the end.
Step 1
Learn through vocabulary
Build understanding by matching words with images.
Step 1
Learn through vocabulary
Build understanding by matching words with images.
Step 1
Learn through vocabulary
Build understanding by matching words with images.
Step 1
Learn through vocabulary
Build understanding by matching words with images.
Step 2
Listen and type
Strengthen listening and writing skills by typing what is heard.
Step 2
Listen and type
Strengthen listening and writing skills by typing what is heard.
Step 2
Listen and type
Strengthen listening and writing skills by typing what is heard.
Step 2
Listen and type
Strengthen listening and writing skills by typing what is heard.
Step 3
Review and Recall
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 3
Review and Recall
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 3
Review and Recall
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 3
Review and Recall
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 4
Speak and Record
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 4
Speak and Record
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 4
Speak and Record
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 4
Speak and Record
Reinforce comprehension through quick fill-in-the-blank quizzes.
Step 5
Reflect with Feedback
Review personalized feedback to refine language use and build confidence.
Step 5
Reflect with Feedback
Review personalized feedback to refine language use and build confidence.
Step 5
Reflect with Feedback
Review personalized feedback to refine language use and build confidence.
Step 5
Reflect with Feedback
Review personalized feedback to refine language use and build confidence.
Overview
Overview
Overview
Overview
My Contributions
The Lead of 0-1 Product Design
I drove the 0–1 product design process from early concept sketches and user testing to final high-fidelity delivery, building a design guide and reusable components along the way.
My Contributions
The Lead of 0-1 Product Design
I drove the 0–1 product design process from early concept sketches and user testing to final high-fidelity delivery, building a design guide and reusable components along the way.
My Contributions
The Lead of 0-1 Product Design
I drove the 0–1 product design process from early concept sketches and user testing to final high-fidelity delivery, building a design guide and reusable components along the way.
My Contributions
The Lead of 0-1 Product Design
I drove the 0–1 product design process from early concept sketches and user testing to final high-fidelity delivery, building a design guide and reusable components along the way.
Problem
Problem
Problem
Problem
Immigrant parents and their children face a language gap that weakens everyday communication and family connection.
Immigrant parents and their children face a language gap that weakens everyday communication and family connection.
Immigrant parents and their children face a language gap that weakens everyday communication and family connection.
Context
Why Immigrant Families in the U.S.?
Context
Why Immigrant Families in the U.S.?
Context
Why Immigrant Families in the U.S.?
Context
Why Immigrant Families in the U.S.?
0 million
0 million
0 M
0 M
0 M
0 M
people in the U.S. live in immigrant families
people in the U.S. live in immigrant families
people in the U.S. live in immigrant families
0%
0%
0%
0%
0%
0%
immigrant adults have limited English proficiency
immigrant adults have limited English proficiency
immigrant adults have limited English proficiency
0%
0%
0%
0%
0%
0%
immigrant children are native English speakers
immigrant children are native English speakers
immigrant children are native English speakers
0%
0%
0%
0%
0%
0%
immigrant children live in “linguistically isolated” households
immigrant children live in “linguistically isolated” households
immigrant children live in “linguistically isolated” households
Target User
Target User
Target User
Target User
01
First generation immigrant parents in the U.S
📍
Eleonora
Age:
34
“My English isn’t very good. When I speak, my daughter gets embarrassed, so we don’t talk as much anymore.”
Originally from France
Work for the French government
5 years in the U.S.
Barely uses English
01
First generation immigrant parents in the U.S
📍
Eleonora
Age:
34
“My English isn’t very good. When I speak, my daughter gets embarrassed, so we don’t talk as much anymore.”
Originally from France
Work for the French government
5 years in the U.S.
Barely uses English
01
First generation immigrant parents in the U.S
📍
Eleonora
Age:
34
“My English isn’t very good. When I speak, my daughter gets embarrassed, so we don’t talk as much anymore.”
Originally from France
Work for the French government
5 years in the U.S.
Barely uses English
01
First generation immigrant parents in the U.S
📍
Eleonora
Age:
34
“My English isn’t very good. When I speak, my daughter gets embarrassed, so we don’t talk as much anymore.”
Originally from France
Work for the French government
5 years in the U.S.
Barely uses English
Target User
Target User
Target User
Target User
02
One-and-a-half / Second generation immigrant children in the U.S
📍
Alex
Age:
9
“Why isn’t my dad like other kids’ dads? His English isn’t very good. It’s embarrassing at school.”
Moved from Japan at age 4
Attends public elementary school
Lose comfort in Japanese
Mainly speaks English
02
One-and-a-half / Second generation immigrant children in the U.S
📍
Alex
Age:
9
“Why isn’t my dad like other kids’ dads? His English isn’t very good. It’s embarrassing at school.”
Moved from Japan at age 4
Attends public elementary school
Lose comfort in Japanese
Mainly speaks English
02
One-and-a-half / Second generation immigrant children in the U.S
📍
Alex
Age:
9
“Why isn’t my dad like other kids’ dads? His English isn’t very good. It’s embarrassing at school.”
Moved from Japan at age 4
Attends public elementary school
Lose comfort in Japanese
Mainly speaks English
02
One-and-a-half / Second generation immigrant children in the U.S
📍
Alex
Age:
9
“Why isn’t my dad like other kids’ dads? His English isn’t very good. It’s embarrassing at school.”
Moved from Japan at age 4
Attends public elementary school
Lose comfort in Japanese
Mainly speaks English
Design Process
Design Process
Design Process
Design Process
Research
Exploring Family Dynamics and Everyday Challenges
I conducted semi-structured interviews and contributed to secondary research as part of a collaborative team.
Research
Exploring Family Dynamics and Everyday Challenges
I conducted semi-structured interviews and contributed to secondary research as part of a collaborative team.
Research
Exploring Family Dynamics and Everyday Challenges
I conducted semi-structured interviews and contributed to secondary research as part of a collaborative team.
Research
Exploring Family Dynamics and Everyday Challenges
I conducted semi-structured interviews and contributed to secondary research as part of a collaborative team.
Literature Review
Literature Review
Literature Review
To understand the emotional, cultural, and linguistic challenges faced by immigrant families.
To understand the emotional, cultural, and linguistic challenges faced by immigrant families.
To understand the emotional, cultural, and linguistic challenges faced by immigrant families.
Competitive Analysis
Competitive Analysis
Competitive Analysis
To identify gaps in existing English-learning and family interaction apps.
To identify gaps in existing English-learning and family interaction apps.
To identify gaps in existing English-learning and family interaction apps.
6 Semi-structured Interviews with parents
6 Semi-structured Interviews
with parents
6 Semi-structured Interviews
with parents
To explore real experiences and needs of immigrant parents learning English.
To explore real experiences and needs of immigrant parents learning English.
To explore real experiences and needs of immigrant parents learning English.
2 SME Interviews with bilingual teachers
2 SME Interviews
with bilingual teachers
2 SME Interviews
with bilingual teachers
To understand how language influences relationships between children and their immigrant parents.
To understand how language influences relationships between children and their immigrant parents.
To understand how language influences relationships between children and their immigrant parents.
Design Challenge
Turning Insights into a Design Challenge
Based on our research findings, I proposed a design challenge and aligned it with the team to guide our design principles and concept brainstorming.
Design Challenge
Turning Insights into a Design Challenge
Based on our research findings, I proposed a design challenge and aligned it with the team to guide our design principles and concept brainstorming.
Design Challenge
Turning Insights into a Design Challenge
Based on our research findings, I proposed a design challenge and aligned it with the team to guide our design principles and concept brainstorming.
Design Challenge
Turning Insights into a Design Challenge
Based on our research findings, I proposed a design challenge and aligned it with the team to guide our design principles and concept brainstorming.
How might we bridge the language gap between immigrant parents and children while strengthening their bond in everyday lives?
How might we bridge the language gap between immigrant parents and children while strengthening their bond in everyday lives?
How might we bridge the language gap between immigrant parents and children while strengthening their bond in everyday lives?
Co-Design Workshop
Co-Design with Families to Explore Real Communication and Collaboration
After dot voting and theme synthesis, we chose “Create a Story” as the strongest direction. To understand how families communicate and create together, I led a co-design session, observing interactions to uncover how storytelling could feel natural, engaging, and supportive across generations.
Co-Design Workshop
Co-Design with Families to Explore Real Communication and Collaboration
After dot voting and theme synthesis, we chose “Create a Story” as the strongest direction. To understand how families communicate and create together, I led a co-design session, observing interactions to uncover how storytelling could feel natural, engaging, and supportive across generations.
Co-Design Workshop
Co-Design with Families to Explore Real Communication and Collaboration
After dot voting and theme synthesis, we chose “Create a Story” as the strongest direction. To understand how families communicate and create together, I led a co-design session, observing interactions to uncover how storytelling could feel natural, engaging, and supportive across generations.
Co-Design Workshop
Co-Design with Families to Explore Real Communication and Collaboration
After dot voting and theme synthesis, we chose “Create a Story” as the strongest direction. To understand how families communicate and create together, I led a co-design session, observing interactions to uncover how storytelling could feel natural, engaging, and supportive across generations.
Parent and child co-creating a story during the workshop.
Parent and child co-creating a story during the workshop.
Parent and child co-creating a story during the workshop.
01
01
01
Children naturally take on the role of teacher
Children naturally take on the role of teacher
Children naturally take on the role of teacher
02
02
02
Playful interaction keeps families engaged
Playful interaction keeps families engaged
Playful interaction keeps families engaged
03
03
03
Visual prompts spark collaboration
Visual prompts spark collaboration
Visual prompts spark collaboration
04
04
04
Balanced turn-taking builds shared flow
Balanced turn-taking builds shared flow
Balanced turn-taking builds shared flow
Design Principles
Principles that Guided the Design Decisions
After synthesizing insights from the co-design session, I defined key principles to guide our design direction. I aligned them with the team to ensure that our concept balances playful collaboration with authentic English learning.
Design Principles
Principles that Guided the Design Decisions
After synthesizing insights from the co-design session, I defined key principles to guide our design direction. I aligned them with the team to ensure that our concept balances playful collaboration with authentic English learning.
Design Principles
Principles that Guided the Design Decisions
After synthesizing insights from the co-design session, I defined key principles to guide our design direction. I aligned them with the team to ensure that our concept balances playful collaboration with authentic English learning.
Design Principles
Principles that Guided the Design Decisions
After synthesizing insights from the co-design session, I defined key principles to guide our design direction. I aligned them with the team to ensure that our concept balances playful collaboration with authentic English learning.
Design for Togetherness
Design for Togetherness
Design for Togetherness
Encourage shared, face-to-face interactions that strengthen family connection and support more balanced participation.
Encourage shared, face-to-face interactions that strengthen family connection and support more balanced participation.
Encourage shared, face-to-face interactions that strengthen family connection and support more balanced participation.
Build Trust and Confidence
Build Trust and Confidence
Build Trust and Confidence
Support parents’ English growth through empathy and encouragement, helping them feel capable in front of their children.
Support parents’ English growth through empathy and encouragement, helping them feel capable in front of their children.
Support parents’ English growth through empathy and encouragement, helping them feel capable in front of their children.
Keep the Interaction Joyful
Keep the Interaction Joyful
Keep the Interaction Joyful
Make every moment feel playful, light, and emotionally positive to sustain engagement.
Make every moment feel playful, light, and emotionally positive to sustain engagement.
Make every moment feel playful, light, and emotionally positive to sustain engagement.
Empower Supportive Roles
Empower Supportive Roles
Empower Supportive Roles
Give children meaningful ways to assist and motivate their parents without creating pressure or hierarchy.
Give children meaningful ways to assist and motivate their parents without creating pressure or hierarchy.
Give children meaningful ways to assist and motivate their parents without creating pressure or hierarchy.
Design Iterations
Design Iterations
Design Iterations
Design Iterations
Homepage - Mobile
Enhanced Content Visibility and Navigation Flow
I created the design system, designed the high-fidelity UI, and gathered user feedback during testing. The following screens highlight key iterations I made and the reasoning behind each design change.
Homepage - Mobile
Enhanced Content Visibility and Navigation Flow
I created the design system, designed the high-fidelity UI, and gathered user feedback during testing. The following screens highlight key iterations I made and the reasoning behind each design change.
Homepage - Mobile
Enhanced Content Visibility and Navigation Flow
I created the design system, designed the high-fidelity UI, and gathered user feedback during testing. The following screens highlight key iterations I made and the reasoning behind each design change.
Homepage - Mobile
Enhanced Content Visibility and Navigation Flow
I created the design system, designed the high-fidelity UI, and gathered user feedback during testing. The following screens highlight key iterations I made and the reasoning behind each design change.
Before
Before
Before
Before
01
01
01
01
Linear and scroll-based flow
Linear and scroll-based flow
Linear and scroll-based flow
Linear and scroll-based flow
02
02
02
02
The story’s creation time is not important for users.
The story’s creation time is not important for users.
The story’s creation time is not important for users.
The story’s creation time is not important for users.
03
03
03
03
Leaderboard and Awards placed far below, requiring long scrolling to reach
Leaderboard and Awards placed far below, requiring long scrolling to reach
Leaderboard and Awards placed far below, requiring long scrolling to reach
Leaderboard and Awards placed far below, requiring long scrolling to reach
After
After
After
After
01
01
01
01
Added category tabs to let users switch between story types without scrolling.
Added category tabs to let users switch between story types without scrolling.
Added category tabs to let users switch between story types without scrolling.
Added category tabs to let users switch between story types without scrolling.
02
02
02
02
Added story duration labels to help users choose based on available time.
Added story duration labels to help users choose based on available time.
Added story duration labels to help users choose based on available time.
Added story duration labels to help users choose based on available time.
03
03
03
03
All key content is visible on one screen.
All key content is visible on one screen.
All key content is visible on one screen.
All key content is visible on one screen.
Homepage - Tablet
Increased Engagement and Motivation through Clearer Hierarchy
The homepage lets families browse, view, and listen to stories shared by others. Mobile users can also learn and practice through each story.
Homepage - Tablet
Increased Engagement and Motivation through Clearer Hierarchy
The homepage lets families browse, view, and listen to stories shared by others. Mobile users can also learn and practice through each story.
Homepage - Tablet
Increased Engagement and Motivation through Clearer Hierarchy
The homepage lets families browse, view, and listen to stories shared by others. Mobile users can also learn and practice through each story.
Homepage - Tablet
Increased Engagement and Motivation through Clearer Hierarchy
The homepage lets families browse, view, and listen to stories shared by others. Mobile users can also learn and practice through each story.
Before
Before
Before
Before
01
01
01
Profile and progress tracking were not prioritized visually, reducing motivation and personal connection.
Profile and progress tracking were not prioritized visually, reducing motivation and personal connection.
Profile and progress tracking were not prioritized visually, reducing motivation and personal connection.
Profile and progress tracking were not prioritized visually, reducing motivation and personal connection.
02
02
02
The CTA was grouped with navigation, reducing clarity of the main action.
The CTA was grouped with navigation, reducing clarity of the main action.
The CTA was grouped with navigation, reducing clarity of the main action.
The CTA was grouped with navigation, reducing clarity of the main action.
01
01
01
Created a two-column structure that balances personal progress (left) with story discovery (right), making both equally accessible.
Created a two-column structure that balances personal progress (left) with story discovery (right), making both equally accessible.
Created a two-column structure that balances personal progress (left) with story discovery (right), making both equally accessible.
Created a two-column structure that balances personal progress (left) with story discovery (right), making both equally accessible.
02
02
02
Repositioned the “Create a Story” CTA to stand out as the main action, clarifying focus and flow.
Repositioned the “Create a Story” CTA to stand out as the main action, clarifying focus and flow.
Repositioned the “Create a Story” CTA to stand out as the main action, clarifying focus and flow.
Repositioned the “Create a Story” CTA to stand out as the main action, clarifying focus and flow.
03
03
03
Added leaderboard to encourage motivation and friendly competition through visible rankings.
Added leaderboard to encourage motivation and friendly competition through visible rankings.
Added leaderboard to encourage motivation and friendly competition through visible rankings.
Added leaderboard to encourage motivation and friendly competition through visible rankings.
After
After
After
After
Live Status Indicator - Mobile
Improved Real-time Awareness and Collaboration
In this information gap activity, each user viewed different content. The live status indicator improved coordination by showing what the other person was doing in real time.
Live Status Indicator - Mobile
Improved Real-time Awareness and Collaboration
In this information gap activity, each user viewed different content. The live status indicator improved coordination by showing what the other person was doing in real time.
Live Status Indicator - Mobile
Improved Real-time Awareness and Collaboration
In this information gap activity, each user viewed different content. The live status indicator improved coordination by showing what the other person was doing in real time.
Live Status Indicator - Mobile
Improved Real-time Awareness and Collaboration
In this information gap activity, each user viewed different content. The live status indicator improved coordination by showing what the other person was doing in real time.
Before
Before
Before
Before
01
01
01
01
Users couldn’t tell what their partner was doing during the activity.
Users couldn’t tell what their partner was doing during the activity.
Users couldn’t tell what their partner was doing during the activity.
Users couldn’t tell what their partner was doing during the activity.
After
After
After
After
01
01
01
01
Added a live status indicator to show when the other user is reading or selecting, improving coordination without revealing screens.
Added a live status indicator to show when the other user is reading or selecting, improving coordination without revealing screens.
Added a live status indicator to show when the other user is reading or selecting, improving coordination without revealing screens.
Added a live status indicator to show when the other user is reading or selecting, improving coordination without revealing screens.
Language Feedback - Mobile
Made feedback more immediate, interactive, and actionable
Parents record the stories they create and receive instant language feedback to support learning and improvement.
Language Feedback - Mobile
Made feedback more immediate, interactive, and actionable
Parents record the stories they create and receive instant language feedback to support learning and improvement.
Language Feedback - Mobile
Made feedback more immediate, interactive, and actionable
Parents record the stories they create and receive instant language feedback to support learning and improvement.
Language Feedback - Mobile
Made feedback more immediate, interactive, and actionable
Parents record the stories they create and receive instant language feedback to support learning and improvement.
Before
Before
Before
Before
01
01
01
01
Displayed a score after recording, focusing on performance results.
Displayed a score after recording, focusing on performance results.
Displayed a score after recording, focusing on performance results.
Displayed a score after recording, focusing on performance results.
02
02
02
02
Feedback was shown separately after completing the story.
Feedback was shown separately after completing the story.
Feedback was shown separately after completing the story.
Feedback was shown separately after completing the story.
After
After
After
After
01
01
01
01
Removed the score and replaced it with actionable feedback to help users understand how to improve.
Removed the score and replaced it with actionable feedback to help users understand how to improve.
Removed the score and replaced it with actionable feedback to help users understand how to improve.
Removed the score and replaced it with actionable feedback to help users understand how to improve.
02
02
02
02
Introduced in-text, clickable feedback, allowing users to review and learn directly within their story.
Introduced in-text, clickable feedback, allowing users to review and learn directly within their story.
Introduced in-text, clickable feedback, allowing users to review and learn directly within their story.
Introduced in-text, clickable feedback, allowing users to review and learn directly within their story.
03
03
03
03
Added “Record to replace” to let users immediately re-record and apply feedback for active practice and improvement.
Added “Record to replace” to let users immediately re-record and apply feedback for active practice and improvement.
Added “Record to replace” to let users immediately re-record and apply feedback for active practice and improvement.
Added “Record to replace” to let users immediately re-record and apply feedback for active practice and improvement.
Reflections
Reflections
Reflections
Reflections
What I Would Do Differently?
What I Would Do Differently?
What I Would Do Differently?
What I Would Do Differently?
Designing for More Players
In a future iteration, I would design OurStory with a broader set of players in mind. Instead of focusing primarily on parent–child interactions, I would explore how the experience could support other relationships and forms of co-creation.
In a future iteration, I would design OurStory with a broader set of players in mind. Instead of focusing primarily on parent–child interactions, I would explore how the experience could support other relationships and forms of co-creation.
In a future iteration, I would design OurStory with a broader set of players in mind. Instead of focusing primarily on parent–child interactions, I would explore how the experience could support other relationships and forms of co-creation.
Language as a Two-Way Bridge
I would also expand the language model beyond English learning. To truly address communication gaps, the product should support bidirectional and multilingual practice, allowing children and adults to learn each other’s languages and helping cultural identity carry forward across generations.
I would also expand the language model beyond English learning. To truly address communication gaps, the product should support bidirectional and multilingual practice, allowing children and adults to learn each other’s languages and helping cultural identity carry forward across generations.
I would also expand the language model beyond English learning. To truly address communication gaps, the product should support bidirectional and multilingual practice, allowing children and adults to learn each other’s languages and helping cultural identity carry forward across generations.