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
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
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. 1:
Redesigned screens for better information architecture, new reward system, accessibility, and aesthetics. The rest of the work is under a NDA.
Fig. 2:
Design system for the healthcare app. I used SF Symbols as the icon library.