Client Project (under NDA)
CLIENT & CONTEXT
A client in healthcare industry with low-fidelity wireframes requested my team to transform them into high-fidelity designs and functioning MVP (Minimum Viable Product). Post deliverables, I continued to improve the UI design of the app.
TIMELINE
Jan - Apr 2024 (5 sprints) | Jun 2025
CONTRIBUTION
Full-stack Development & UX Design (w/ team) | UI Design (self)
COLLABORATION
Qianzi (Stella) Li, Maryam Namakforoosh, Jinjie Xu, Iris Yuning Ye
PROBLEM STATEMENT
How do we support patients and sudden family caregivers at-home or in times of crisis?
SOLUTION
Research-based mobile app that equips patients and their families with resources to reduce fear and uncertainty throughout their medical and recovery journeys.
User Research
Fig. 2:
Information architecture of driver and center displays
CLIENT ARTIFACTS & RESEARCH
Over two rounds of consultation, our client helped us understand their medical research papers, the studies they had already conducted, and the product workbook highlighting their ideas of different use cases and product flow.
For primary research, we conducted virtual interviews with US Veterans who shared their challenges in acclimatizing and accessing medical treatment post service. We also had them fill out a survery that I drafted to gain actionable insights.
FEATURE REQUIREMENTS
To break down the deliverables and understand the scope of MVP (minimum viable product), we classified the different app features in four feature modules. We then assigned these modules different priority levels.
Keeping these prioritized modules in mind along with the agreed up on client handoff artifacts, I drafted a timeline for different sprints. We utilized JIRA to track the progress of different team members.
Technical Decisions
Fig. 6:
Lyriq mobile app in default and custom “SF Sunset” themes. The app is available for free with the vehicle purchase.
AGILE METHODS & SOFTWARE
We utilized MERN (MongoDB, Express.js, React Native, Node.js) for software and Figma for UI & UX design. I primarily worked with React Native, MongoDB, and Figma. I also used Docker to containerize the application for easy deployment for future,
DOCUMENTATION AND GUIDELINES
My team came from different backgrounds while I had both a software and a designing background. To bridge our knowledge gaps, I drafted documentation to help my team with Git, to setup the programming platforms, to avoid incurring technical debt, and to promote collaboration.
Redesigning UI
Fig. 7:
Driver and center displays in eco mode or sustainability theme
MOTIVATION
Wanting to sharpen my UI design skills and iterate on the MVP deliverable, I conducted secondary research to stay upto date with best practices for mobile app design for older adults. I used this research to inform my various UI choices (such as color or the information architecture of the important features).
MODIFICATIONS
The bulk of work I did was on the landing and questionaire screens. I wanted the app UI to be calming and have simple navigation for accessing the different medically approved resources,