Freelance
UX UI Design
StoryCorps
StoryCorps
StoryCorps
Overview
Overview
Overview
As a UX/UI Designer, I led the design and development of an engaging digital platform for StoryCorps, which aims to enhance storytelling experiences and connect communities. This project focused on creating an intuitive interface that encourages users to share and preserve their stories while ensuring a seamless user experience across devices.
As a UX/UI Designer, I led the design and development of an engaging digital platform for StoryCorps, which aims to enhance storytelling experiences and connect communities. This project focused on creating an intuitive interface that encourages users to share and preserve their stories while ensuring a seamless user experience across devices.
Client
Client
Client
StoryCorps - Collaborated with Echobind LLC
StoryCorps - Collaborated with Echobind LLC
Software
Software
Figma, AI, and Notion
Software
Figma, AI, and Notion
Timeline
Timeline
6 weeks
Timeline
6 weeks
Process & Collaboration
Process & Collaboration
Objectives
Objectives
Objectives
Enhance User Engagement: Design an intuitive interface that promotes user interaction and encourages storytelling.
Improve Accessibility: Ensure the platform is accessible to all users, including those with disabilities.
Streamline User Journey: Simplify the process of recording, editing, and sharing stories to enhance user satisfaction.
Enhance User Engagement: Design an intuitive interface that promotes user interaction and encourages storytelling.
Improve Accessibility: Ensure the platform is accessible to all users, including those with disabilities.
Streamline User Journey: Simplify the process of recording, editing, and sharing stories to enhance user satisfaction.
Enhance User Engagement: Design an intuitive interface that promotes user interaction and encourages storytelling.
Improve Accessibility: Ensure the platform is accessible to all users, including those with disabilities.
Streamline User Journey: Simplify the process of recording, editing, and sharing stories to enhance user satisfaction.
Needs
Needs
1. Advanced UX/UI design on “Recording”, navigation, and IA.
2. Combine and reconnect the disconnected product ecosystem back together.
3. Provide an easy and simple pathfinder for the ecosystem.
4. Hierarchy in typography, design contrast, color balance, and separate functionality for registered/unregistered users.
5. Legibility, visible UI pattern, usage of illustration, and bringing website content to keep the product connected.
1. Advanced UX/UI design on “Recording”, navigation, and IA.
2. Combine and reconnect the disconnected product ecosystem back together.
3. Provide an easy and simple pathfinder for the ecosystem.
4. Hierarchy in typography, design contrast, color balance, and separate functionality for registered/unregistered users.
5. Legibility, visible UI pattern, usage of illustration, and bringing website content to keep the product connected.
Process
Process
Research & Discovery > Wireframing > Visual Design > Development Collaboration
Research & Discovery > Wireframing > Visual Design > Development Collaboration
Original Product
Original Product
Analyzing user behavior and preferences.
Identifying accessibility challenges.
Gathering insights to inform design decisions.
Wireframing
Wireframing
Developed wireframes to outline the structure and flow of the platform. I created interactive prototypes to visualize user interactions and gather feedback from stakeholders. Key activities included:
Iterative design sessions to refine user flows.
Usability testing to validate design concepts and make necessary adjustments.
Developed wireframes to outline the structure and flow of the platform. I created interactive prototypes to visualize user interactions and gather feedback from stakeholders. Key activities included:
Iterative design sessions to refine user flows.
Usability testing to validate design concepts and make necessary adjustments.
Visual Design
Visual Design
Crafted a visually appealing design that reflects StoryCorps' mission and values. This phase focused on:
Establishing a cohesive visual identity.
Ensuring a responsive design for optimal user experience across devices.
Utilizing typography, color schemes, and imagery that resonate with users.
Crafted a visually appealing design that reflects StoryCorps' mission and values. This phase focused on:
Establishing a cohesive visual identity.
Ensuring a responsive design for optimal user experience across devices.
Utilizing typography, color schemes, and imagery that resonate with users.
Product Ecology
Product Ecology
High-Fidelity
High-Fidelity
Based on the low fidelity, I reduced the UI steps in the recording process to enhance speed and get to the point while recording. Also, removing UI steps in the user stories filter, and UX of the error message. in the sign-up form.
Based on the low fidelity, I reduced the UI steps in the recording process to enhance speed and get to the point while recording. Also, removing UI steps in the user stories filter, and UX of the error message. in the sign-up form.
Development Collaboration
Development Collaboration
Collaborated closely with developers to ensure the successful implementation of design specifications. This involved:
Conducting design handoff sessions.
Participating in Agile sprints to align design and development efforts.
Providing ongoing support during the development phase to address any design-related questions or challenges.
Collaborated closely with developers to ensure the successful implementation of design specifications. This involved:
Conducting design handoff sessions.
Participating in Agile sprints to align design and development efforts.
Providing ongoing support during the development phase to address any design-related questions or challenges.
Results
Results
Launched the StoryCorps platform with a user-centered design that facilitated storytelling and community connection.
Enhanced user feedback mechanisms, leading to valuable insights for future iterations of the platform.
Improved accessibility features, ensuring a more inclusive experience for all users.
Fostered collaboration between design and development teams, leading to a smoother implementation process and a more cohesive final product.
Final Design
Final Design
Sign up
Sign up
Form > Interest > Photo > Confirm message > Landing page
Form > Interest > Photo > Confirm message > Landing page
Registered user profile
Registered user profile
Profile > Recording questions > Saved collections
Profile > Recording questions > Saved collections
Stories from users
Stories from users
List of stories > Filter > Warning
List of stories > Filter > Warning
Recording process
Recording process
Recording questions > Recording > Photo edit > Form > Preview > Success message
Recording questions > Recording > Photo edit > Form > Preview > Success message
Get involved
Get involved
Get involved > Donate > Confirm message > Error message
Get involved > Donate > Confirm message > Error message
Apps are available at both the Google store/Apple store
This project exemplifies my commitment to creating user-centered designs that enhance digital experiences. Through a combination of research, iterative design, and collaboration, I was able to contribute to a meaningful platform that empowers users to share their stories.
This project exemplifies my commitment to creating user-centered designs that enhance digital experiences. Through a combination of research, iterative design, and collaboration, I was able to contribute to a meaningful platform that empowers users to share their stories.
Click here to download the app
Click here to download the app
2025
Jinju Park