National Alzheimer's Coordinating Center

Client

National Alzheimer’s Coordinating Center

Problem statement

The primary function of the NACC website is to provide clinicians with forms and documents they need to collect data and provide a database where that data can be stored. We want to make both finding the documentation and uploading it to the database to be a better experience.

Solution

The site was over 100+ pages and divided into two parts — requiring the user to self-identify before they could begin to find what they need. We whittled the content down to around 30 pages by removing redundant content and reorganizing it into a structure that made sense no matter what audience you’re a part of.

Most of the time that went into the design was spent figuring out the site map and combining content from different pages when possible. We kept the look simple because we’re funded publicly by the NIA. It’s important to show that our resources are being prioritized.

We chose to use a static site generator (Gatsbyjs) to build the website. The advantages are that it’s a React-based application and tends to load faster than WordPress or another CMS. Thinking long-term, the plan is to be able to layer a Content Management System like Netlify so other team members can make changes.

Results

We’ve gotten lots of feedback from users who let us know it’s easier to locate what they’re looking for.

Project link

naccdata.org

Responsible for

CSS, Figma, HTML, JSX, SCSS, UX Design, and Visual Design