Offering personalized treatment and support for individuals with ALS.
role
Design Strategist, UX Researcher, UI/UX
team
Heather Davies
Brian Zeng
Avdeep Kaur
Minyang Li
tools
Figma
Typeform
Next.js
ReactFlow
localStorage API
skills
UI/UX Design
Product Design
Healthcare
User Research
Accessibility
Problem
People with ALS (Amyotrophic Lateral Sclerosis) face a fragmented landscape of treatment options. While numerous clinical opportunities exist, most patients are presented with only a limited selection. This web application aims to bridge that gap by providing a guided platform that recommends resources based on user input—empowering patients and non-specialist clinicians to collaboratively explore the most relevant and up-to-date ALS treatments.
Goals:
- Support Collaborative Decision-Making: Create a tool that facilitates conversations between patients and clinicians around available treatment paths.
- Deliver Personalized Information: Recommend resources tailored to the patient's stage, symptoms, and needs.
- Ensure Accessibility and Ease of Use: Design an intuitive experience that accommodates both patients and generalist clinicians.
- Enable Sustainable Content Updates: Equip admins and clinic staff with a scalable backend for managing the latest resources and questions.
Research
Understanding the needs and challenges of ALS patients and their caregivers.
Competitive Analysis
Analyzing existing solutions and identifying opportunities for improvement.
Sketching
Initial ideation and concept development through hand-drawn sketches.
LoFi Wireframing
Creating low-fidelity wireframes to establish information architecture and user flows.
Refining & Prototyping
Iterative refinement and high-fidelity prototyping based on user feedback.
Reflections
Key learnings and insights from the design process.
Results
- Delivered a prototype-ready, scalable interface tailored to ALS patients and generalist clinicians.
- Created a structure that supports ongoing clinical updates and collaborative patient-clinician discussions.
- Implemented progress-saving features to reduce barriers to access, especially for first-time users.
Tools Used
Figma
Interface design & prototyping
Typeform
Early logic simulation
Next.js
Front-end framework (planned for dynamic routing)
ReactFlow
Future tool for custom question logic
localStorage API
Bookmarking and progress saving without account creation
Recommended Next Steps
Custom Logic Builder for Admins
Replace Typeform with a visual editor that allows non-technical users to create and update logic flows easily.
Dynamic Routing for Personalization
Use Next.js dynamic routes (e.g., [id].tsx) to generate personalized URLs that improve continuity across sessions and devices.