top of page
  • White YouTube Icon
  • LinkedIn
  • Instagram

UI/UX Designs

Resonate | Meaningful Music Learning Platform

Transform Passive Listening into Active Engagement

Resonate is a web platform designed to move music consumption from passive streaming to active social learning. It enables timestamped commentary on specific moments in songs, fostering community-driven appreciation and knowledge sharing based on user research insights.

UX Researcher & Implementation Lead (2025)

  • Led generative research to identify emotional connection and social context as primary motivations for musical engagement.

  • Designed and implemented a responsive web app using React and Firebase with custom Spotify Web SDK integration.

  • Core design featured a timestamped and tagged commentary system, allowing users to add notes on musical elements (harmony, production, technique) at precise moments in a track.

Key Results/Impact:

  • Validated Core Value: Users who successfully onboarded demonstrated genuine enthusiasm for the value proposition (timestamped commenting).

  • Identified Critical Friction: A 67.2% abandonment rate occurred during the initial Spotify token authentication process, highlighting the critical nature of seamless onboarding in social platforms.

  • Community Engagement Validation: 35 of 36 user comments were posted publicly, validating the platform's community-first mindset despite the "cold start" problem.

Screenshot 2025-10-18 at 2.38.45 PM.png

Foodwise | Eating Disorder Recovery Mobile App

Compassionate and Engaging Tool for Mental Wellness

 

FoodWise is a cross-platform mobile application developed to support individuals in their eating disorder recovery journey. It provides an intuitive, compassionate, and accessible platform focused on proactive wellness, self-monitoring, and mental health tracking.

Lead UI/UX Designer & Developer (2024)

  • Led the end-to-end application development from concept to deployment.

  • Designed the entire intuitive UI/UX in Figma.

  • Implemented responsive, cross-platform features using React Native for both iOS and Android.

  • Engineered comprehensive wellness tracking and gamification systems to drive user engagement.

Key Results/Impact:

  • Conducted iterative user testing via Expo-go, which led to enhanced engagement metrics and demonstrably improved accessibility and usability for a vulnerable user group.

Screenshot 2025-10-18 at 1.58.25 PM.png

Campus Closet | Community Wardrobe Site

A Sustainable and Accessible Clothing Rental Platform

Campus Closet is a web application that facilitates clothing sharing and rental among Stanford students. The project focused on designing a seamless, trustworthy platform to promote sustainability and community engagement through shared resources.

UI/UX Designer & Front-End Engineer (2025)

  • Built Figma wireframes and high-fidelity prototypes and developed the responsive web interface using React.

  • Conducted peer usability testing to iterate on interface navigation, ensuring a high level of accessibility and intuitive browsing for the wardrobe catalog.

  • Collaborated on backend integration for key features like filtering tools and inventory management.

Key Results/Impact:

  • Achieved an 85% satisfaction score in peer usability testing, validating that the navigation and borrowing flow were intuitive for first-time users, leading to a frictionless sharing experience for the students on campus.

Screenshot 2025-10-18 at 2.28.49 PM.png

Unframed | Cultural Travel Discovery Platform

Redefining Authentic Travel Through Local Art & Events

Unframed is a responsive web application designed for travelers searching for authentic, immersive cultural experiences. It recommends niche, community-based cultural experiences and art events, moving beyond mainstream tourism. The core challenge was translating values like de-influencing and equity into an equitable and accessible digital discovery platform.

Front-End Lead & UX Designer (2025)

  • Led the end-to-end UI/UX design, including the core onboarding flow, visual identity, and logo development.

  • Built key front-end components to ensure responsiveness and accessibility.

  • Collaborated with backend engineers to integrate both the Ticketmaster and Eventbrite APIs and user-submitted event data into a balanced recommendation system.​

Key Results/Impact:

  • Successfully integrated multiple data sources into a cohesive system, validating a recommendation model that prioritized local, community-submitted events over large-scale commercial listings, ensuring authentic discovery.

unframed.jpeg

© Na-Young Son

bottom of page