SF Hep B Free

SF Hep B Free

Redesigning a website to link people with vital hepatitis B care and education in the SF Bay Area.

Timeline

August 2023 - November 2023

Role

Product Designer

Deliverable

Website

Overview
Overview

The Business Problem

The Business Problem

SF Hep B Free is a non-profit organization that aims to bring hepatitis B education, awareness, and care to San Francisco Bay Area communities.

They have not updated their website in 7 years. They are looking for a refresh and to increase website traffic. Additionally, their website is updated by a rotation of interns and volunteers that work with the organization for ~6 months at a time. Without a template to follow, the website lacks a sense of cohesiveness.

SF Hep B Free is a non-profit organization that aims to bring hepatitis B education, awareness, and care to San Francisco Bay Area communities.

They have not updated their website in 7 years. They are looking for a refresh and to increase website traffic. Additionally, their website is updated by a rotation of interns and volunteers that work with the organization for ~6 months at a time. Without a template to follow, the website lacks a sense of cohesiveness.

Overview

The Business Problem

SF Hep B Free is a non-profit organization that aims to bring hepatitis B education, awareness, and care to San Francisco Bay Area communities.

They have not updated their website in 7 years. They are looking for a refresh and to increase website traffic. Additionally, their website is updated by a rotation of interns and volunteers that work with the organization for ~6 months at a time. Without a template to follow, the website lacks a sense of cohesiveness.

Business Goals

Business Goals

Business Goals

Increase traffic to website

Increase traffic to website

Increase traffic to website

Link visitors to healthcare providers

Link visitors to healthcare providers

Link visitors to healthcare providers

Increase donations to grow their services

Increase donations to grow their services

Increase donations to grow their services

Increase hepatitis B education & awareness

Increase hepatitis B education & awareness

Increase hepatitis B education & awareness

Definition
Definition

The Problem Space

The Problem Space

The user journey can feel too confusing and overwhelming to even begin.

I conducted exploratory testing with the users to understand what their pain points were with the current site.

Users were unclear on what the website offered, they didn’t feel confident that the medical information provided was up-to-date, and they had trouble navigating the site to find the information they’re seeking.

The user journey can feel too confusing and overwhelming to even begin.

I conducted exploratory testing with the users to understand what their pain points were with the current site.

Users were unclear on what the website offered, they didn’t feel confident that the medical information provided was up-to-date, and they had trouble navigating the site to find the information they’re seeking.

You are hit with a long list of menu options with unfamiliar terms.

I performed an information architecture analysis. My findings were.

To better understand how users' mental models are around information hierarchy, I conducted card sorting with users.

You are hit with a long list of menu options with unfamiliar terms.

I performed an information architecture analysis. My findings were.

To better understand how users' mental models are around information hierarchy, I conducted card sorting with users.

Definition

The Problem Space

The user journey can feel too confusing and overwhelming to even begin.

I conducted exploratory testing with the users to understand what their pain points were with the current site.

Users were unclear on what the website offered, they didn’t feel confident that the medical information provided was up-to-date, and they had trouble navigating the site to find the information they’re seeking.

You are hit with a long list of menu options with unfamiliar terms.

I performed an information architecture analysis. My findings were.

To better understand how users' mental models are around information hierarchy, I conducted card sorting with users.

Design Approach

Design Approach

Design Approach

How can I build confidence and bring clarity to visitors seeking hepatitis B information and care?

How can I build confidence and bring clarity to visitors seeking hepatitis B information and care?

How can I build confidence and bring clarity to visitors seeking hepatitis B information and care?

Definition
Definition
Definition
Design Approach
Design Approach
The user journey can feel too confusing and overwhelming to even begin.

I conducted exploratory testing with the users to understand what their pain points were with the current site.

Users were unclear on what the website offered, they didn’t feel confident that the medical information provided was up-to-date, and they had trouble navigating the site to find the information they’re seeking.

The user journey can feel too confusing and overwhelming to even begin.

I conducted exploratory testing with the users to understand what their pain points were with the current site.

Users were unclear on what the website offered, they didn’t feel confident that the medical information provided was up-to-date, and they had trouble navigating the site to find the information they’re seeking.

Design Approach
The user journey can feel too confusing and overwhelming to even begin.

I conducted exploratory testing with the users to understand what their pain points were with the current site.

Users were unclear on what the website offered, they didn’t feel confident that the medical information provided was up-to-date, and they had trouble navigating the site to find the information they’re seeking.

Design Process
Design Process

How can I build confidence and bring clarity to the users?

How can I build confidence and bring clarity to the users?

Design Process

How can I build confidence and bring clarity to the users?

Beauregard

Beauregard

Beauregard

Beauregard

©2024 WORDPRESSRIVER

Go Back To Top

©2024 WORDPRESSRIVER

Go Back To Top

©2024 WORDPRESSRIVER

Go Back To Top

©2024 WORDPRESSRIVER

Go Back To Top