ALS TDI Website
User Interface for a nonprofit biotech
I partnered with a research institution focused solely on discovering treatments for ALS to improve their website that generates leads and donations. The updated website provides resources for people impacted by ALS, descriptions of important research projects, and a platform to donate to the cause.
User Interface
Responsive Website
User Experience
Brand Identity
Cross-functional Team Collaboration
Challenges
Improve the website’s usability by providing more intuitive navigation.
Design a more streamlined donation workflow to increase donations.
Increase accessibility for supporters with limited motor function by improving the website’s responsiveness across devices, implement a more clear information hierarchy, and create help features that help users find what they need.
Results
The updated website better represents the mission and brand of ALS TDI and visitors immediately know that ALS TDI is a research institution with real people working to end ALS. People impacted by ALS can learn more about the disease and feel proud to fund critical research that will help find treatments.
User-Centered Design
The design is based on user-centered design methods and prior research. Comprehensive analysis in close coordination with experts were executed. The ideation phase included paper and digital wireframes and prototypes.
-
![]()
Competitive Analysis
-
![]()
User Research
-
![]()
Information Architecture
-
![]()
Paper Wireframes
-
![Donation Flow Paper Wireframes]()
Donation Flow Paper Wireframes
-
![]()
Donation Flow Mockups
-
![]()
Figma Prototype
-
![]()
User Feedback
-
![]()
Design Changes After User Interviews
-
![]()
Annotated Homepage Design
Features
-
![]()
Community and Research-focused Design
-
![]()
Accessible and Transparent Drug Pipeline
-
![]()
Inclusive Imagery and Tone
-
![]()
Responsive Design
-
![]()
Atomic Design System
-
![]()
Custom Iconography
Organized interface
The simplified navigation and calls to action improved the user flow to help them learn more about the organization and get involved.
Streamlined donation process
By adding numbered steps and a new confirmation section at the bottom of the page users were able to easily and accurately complete the donation process. The updated thank you confirmation page congratulates donors while allowing them to view an exclusive video from the scientists.
“The clean look of the website allowed me to quickly find the fundraising resources I needed to support this nonprofit that helped my husband and I while he was living with ALS”
- Mia who lost her husband to ALS in 2019
“ALS TDI has a unique history of being started by a family and continues to rely on families to keep the research moving forward. The website should that community engagement and partnership.”
- Kevin who was diagnosed with ALS in 2021
What I learned
Create simple hierarchy to structure a lot of information within websites
Design simple and intuitive workflows for users to complete tasks
Use real and friendly imagery to set a welcoming tone for the website’s design
Use consistent qualitative user feedback paired with quantitative analytics to inform design decisions throughout the design process