Overview

Overview

Revamped the Recovery Center of Excellence webpage to improve user experience, readability, and engagement. Focused on modern design, streamlined navigation, and interactive content to support rural communities in substance use prevention and recovery.

Revamped the Recovery Center of Excellence webpage to improve user experience, readability, and engagement. Focused on modern design, streamlined navigation, and interactive content to support rural communities in substance use prevention and recovery.

Role

Researcher and Designer

Role

Researcher and Designer

Client

School Project

Timeline

2 months

Timeline

2 months

Problem Statement

Problem Statement

The old Learn page lacked clarity, accessibility, and emotional connection, making it difficult for rural communities to navigate and engage with vital resources.

The old Learn page lacked clarity, accessibility, and emotional connection, making it difficult for rural communities to navigate and engage with vital resources.

The previous website lacked a defined hero section, making its purpose and next steps unclear to users. Here's how the new section became better.

The previous website lacked a defined hero section, making its purpose and next steps unclear to users. Here's how the new section became better.

  1. Modern Design and Visual Appeal - The new hero section has a clean design with bold typography and balanced colors, highlighting key terms like "solutions" and "recovery."

  1. Modern Design and Visual Appeal - The new hero section has a clean design with bold typography and balanced colors, highlighting key terms like "solutions" and "recovery."

  1. Clearer Call-to-Action - The "Subscribe" box for updates is prominently placed, encouraging user engagement.

  1. Clearer Call-to-Action - The "Subscribe" box for updates is prominently placed, encouraging user engagement.

  1. Focus on Empowerment and Connection - The headline emphasizes "empowering rural communities," clearly conveying the page's purpose and appeal.

  1. Focus on Empowerment and Connection - The headline emphasizes "empowering rural communities," clearly conveying the page's purpose and appeal.

  1. Improved Visual Hierarchy - The simplified layout keeps users focused on key messages without overwhelming them.

  1. Improved Visual Hierarchy - The simplified layout keeps users focused on key messages without overwhelming them.

Current Hero Section

Current Hero Section

Redesigned Hero Section

Redesigned Hero Section

The previous website did not provide interactive engagement features, making it harder for users to track and access content efficiently. Here's how the new design improved content engagement and accessibility.

The previous website did not provide interactive engagement features, making it harder for users to track and access content efficiently. Here's how the new design improved content engagement and accessibility.

  1. Diverse Content Formats - The new page integrates both blogs and videos, catering to different user preferences.

  1. Diverse Content Formats - The new page integrates both blogs and videos, catering to different user preferences.

  1. User Interaction Metrics - Each article/video displays views and appreciation counts, boosting engagement.

  1. User Interaction Metrics - Each article/video displays views and appreciation counts, boosting engagement.

  1. Improved Usability - Users can easily track read/watch time, helping them decide what to explore.

  1. Improved Usability - Users can easily track read/watch time, helping them decide what to explore.

  1. Download Feature - Allows users to save content for offline access, increasing accessibility.

  1. Download Feature - Allows users to save content for offline access, increasing accessibility.

No Article Differentiation

No Article Differentiation

Enhanced Article Details

Enhanced Article Details

Final Design

Final Design