MSU Health App
UX Designer | Fall 2025
Overview
A comprehensive UI/UX design project for Michigan State University focused on enhancing the digital experience for students, staff, and people. This project demonstrates user-centered design principles and systematic approach to solving complex university interface challenges.
The Challenge
This project presented several core challenges centered around collaborative execution, originality, and clarity within a complex feature set.
Translating multiple impact metrics (eco score, emissions, budget, health, and local dollar recirculation) into a digestible interface without overwhelming users.
Leveraging competitive analysis for structural guidance while avoiding direct replication or derivative design.
Designing a cohesive system that aligned with MSU’s brand identity while maintaining usability and clarity. Refining interaction patterns under time constraints, without the opportunity for formal usability validation.
The Approach
Competitive Analysis
Analyzed similar apps to identify effective layout patterns and adapted them to fit our core features while maintaining originality.
Collabaritive Iteration
Worked closely with my design partner to refine structure and improve ideas through continuous critique and iteration.
Brand Design
Developed a cohesive MSU-aligned visual system that reinforced sustainability themes while maintaining clarity and consistency.
Interaction & Information Flow
Designed structured layouts and smooth transitions to reduce cognitive load and make complex metrics easier to navigate and understand.
Key Features
Dashboard
The main page that displays the user's 'Ecosystem's Score' based on the four categories: Emmisions, Budget, Dollar Recirculation, and Health Score
Scanner
Scans items while shopping in person to show details on the four categories while also providing recommended alternatives
Product Page
Allows users to search for items and view detailed information to support informed health and sustainability decisions.
Item List
Allows users to save items by tapping an add button, creating a personalized list similar to a grocery list.
Design Highlights
Task Cards that help out with getting ideas
Skill & Tools
User Research
Wireframing
Competitive Analysis
Design Process
Figma
Outcomes and Learning
The initial prototype established a clear and structured way to present various focus-areas without overwhelming users. We focused on maintaining consistent flows between summary dashboards and detailed views so the experience felt connected and intuitive.
After I left the team, they continued refining the product and developed a second version. The structure and interaction patterns we built during my involvement helped inform that next iteration.
This project strengthened my understanding of collaborative UX work, competitive analysis, and the project management responsibilities that come with presenting progress and aligning on scope. Although I was unable to conduct formal usability testing before transitioning off the team, the experience pushed me to ground my decisions in established UX principles and think critically about future validation.
Reach out to me at