American Red Cross Website Redesign
Summary
The American Red Cross website redesign aims to enhance user experience and donation processes, while also serving as a key informational resource for its users.
Role
UX Research
UI Design
Prototype
Tools
Figma
Timeline
2 Months
Research
The objective is to evaluate the website's user interface for effective navigation, ensure the content supports users adequately, analyze logical process flows, and access insights from notes and recorded sessions. This will be synthesized by understanding user donation behaviors and creating intuitive recommendations to enhance the overall user experience on the site.
Objective
Asses if the user can effectively navigate through the UI elements
Asses if content supports users adequately
Analyze if the process flows in a logical way
Access the content from notes and recorded session
Understand how user donates through the site
Create intuitive recommendations that could benefit the use
Accessibility Test
Initially, an Internet Accessibility test was conducted from www.accessibe.com. The results showed that the Red Cross was unsuccessful at accomplishing WCAG 2.1 compliance.
Accessibility Test Score
User Interview
The users were asked to navigate the website and provide any thoughts or feedback aloud. After, users were given one task to donate to the American Red Cross, following their instinct without assistance to see their behavior. Before starting the task, here are a few questions asked
Problem
The Red Cross provides various services and supports many people around the year, and its website generates a considerable amount of traffic, averaging almost 3.6M of visitors per month according to www.similarweb.com; however, three problems were found on the website after synthesizing the research.
Three Problems
Visual and information hierarchy like CTA's, imagery, titles, form fields, and inconsistent grouping on sections is making the website not accessible leading users to confusion
Inconsistent visual design across multiple pages does not create trust with users.
The outdated donating interaction does not provide an intuitive experience and lacks transparency.
Home
Donation Page
Goal
The goal is to design holistically, improving the user's journey and relationship with the American Red Cross by rethinking the overall website experience and implementing UX best practices, ultimately enhancing the donation experience for its users.
Wireframes
The objective of the redesigned Red Cross website is to:
Provide a clear and efficient information hierarchy structure, ensuring easy navigation and access to vital resources.
Establish a comprehensive design system and style guide to maintain consistency and enhance user engagement.
Optimize the donation experience, making it more intuitive and user-friendly for donors of all backgrounds.
