Arthritis Foundation: Online Brand Redesign

As a Senior UX Designer, I was commissioned by the Arthritis Foundation to support the redesign of their flagship website. The initial website was both difficult to navigate and missed several opportunities to engage their users (personalization, email, education, outreach).I worked with a cross-functional team to identify the needs of key user groups and designed an experience to make content more accessible, enjoyable, and shareable.

Case study image

Highlight from the Juvenile Arthritis section.



Approach

With each project, I attempt to follow an iterative process that includes research, development and testing. Research: Gathering data through a series of UX research activities. Development: Develop a solution based on what information I’ve gathered. Test: Encompasses testing the solution to understand how to make the product better. Repeat: Repeat the process! My allies included the Chief Technology Officer, the Senior Vice President of Marketing, the Director of User Experience, a project manager, and key personnel from Marketing and Development.

Case study image

Image reference: https://unsplash.com/



Metrics

I analyzed metrics from Google Analytics and Alexa on our organization’s current website and our competitors. This helped me to discover patterns in the users’ behavior and gave me a benchmark for user activity. I uncovered an opportunity that transformed into the Health & Wellness Hub. Users were eager to find information on articles on arthritis-related health and wellness but dropped off because of broken links and shallow content. I worked with a content strategist to create templates and individual articles for arthritis-related recipes and general well-being.

Case study image

Image reference: https://analytics.google.com/


Case study image

Recipes from the Heatlh & Wellness hub.


Case study image

Featured recipe.



User Testing

I worked with representatives of the Juvenile Arthritis division to procure candidates for research. I used first-click tests, heat maps, and surveys to better understand the user’s needs and expectations. These activities helped me to refine the components and placement of content throughout the site.

Case study image

I led heat map and click testing.


Case study image

We compared navigational elements in our testing.



Information Architecture

Parents of teens with juvenile arthritis, teens with juvenile arthritis, healthcare providers; these are some of the user groups we identified. We created a content strategy for each user group.

Inspired by the atomic design methodology, I developed a hierarchy of design elements that included components, sections, and pages. The Director and myself used a giant whiteboard to organize the site's taxonimies..

Case study image

Image reference: https://uxdesign.cc/how-to-create-a-ux-sitemap-a-simple-guideline-8786c16f85c1



Interface Design

Working within the technical constraints of the brand, I created mockups that considered our unique user groups and functionality for development.

Case study image

Juvenile Arthritis Landing Page



Contet Migration

I partnered with the marketing manager to develop a process for content migration. I documented this process and provided training sessions for the larger team to speed up migration and reduce errors. With my team, I was able to design a brand-new online experience for the Arthritis Foundation community that is more accessible, elegant, and enjoyable.

Case study image

Image reference: https://www.dusted.com/digital/website-content-migration



Results

With my team, I was able to design a brand-new online experience for the Arthritis Foundation community that is more accessible, elegant, and enjoyable. Here are some of those highlights: created Juvenile Arthritis quick-links section to help users navigate to personalized content; designed the Arthritis Index to inform users of weather-related arthritis pain; created modular designs and trained teams on how to use them in our CMS; documented content migration process and trained the team on how to migrate content; designed the Health & Wellness Center to educate users and increase engagement; increased content development speed by 3x through the development of reusable web components.