top of page

Nonprofit Website Redesign

The National Alliance on Mental Illness (NAMI) website has an abundance of information and resources that needed to be organized in a way that is approachable to a variety of backgrounds of individuals. Our team goal was to develop a responsive web design to allow users to find resources and additional information to help them make their first steps in their mental health journeys.



As researchers, it’s important to understand who the website users are and get to know their thoughts and feelings on their website interaction experiences. Research began with our team of 4 creating a proto persona and empathy map to kick start the new project. Next we conducted 5 user interviews, a survey in which 36 people completed, and a competitor analysis. The competitor analysis was broken down into two direct competitors (mental health nonprofits) and two indirect competitors (social media platforms).



After analyzing our notes we organized an affinity diagram. The common themes we extracted from our research were placed into categories where we could continue to further our knowledge about the typical user of the NAMI website. This was where Monroe Manchester was brought to life. Creating the user persona allowed us to visualize a realistic representation of a NAMI website user. Finally, before moving to the next phase we conducted a SWOT (Strengths, Weaknesses, Opportunities, and Threats) analysis to develop a plan for our future strategies and completed a heuristic evaluation on the original NAMI website.



We believe renovating the NAMI website to a safe and welcoming place for individuals from a variety of backgrounds, will achieve allowing individuals to receive the appropriate support for their wants and needs.

Problem Statement

Our organization NAMI is developing an improved user experience to help individuals receive the appropriate care they need to decrease the stigma around looking for help. We’re better because we cover a broad spectrum of mental illnesses. We’re believable because everyone is welcome and accepted.

Value Proposition



We sorted the “I like, I Wish, What If” thoughts using a feature prioritization matrix. Next a story board was created keeping Monroe in mind. Then a site map was organized before moving on to prototyping and testing.

Prototyping and Testing

Prototyping and Testing

  • Calendar is too long

  • Include "Family & Caregivers" under "Support & Education" tab

  • Self-Care Guide was easily accessible

Key insights to Lo-fi Testing

An inspiration board was created from research findings as well as a style guide. Further usability testing was conducted on 5 users on the hi-fidelity prototype to ensure we captured the perfect design based off of all of our findings.



We believe we were able to harness the thoughts and emotions of a NAMI website user and improve their experience when visiting the website. After two weeks of working on the project our time had come to an end, but listed below are future opportunities we are considering.

Attempt another outreach to stakeholders to learn more about their website statistics and share our designs.

Redesign more secondary and tertiary pages using previous usability notes.

Possible iterations on calendar based off of attendance of events.

bottom of page