OneHealth

Increasing awareness and participation in blood donation.

Increasing awareness and participation in blood donation.

Role

UI/UX Designer

Platform

Web

Tools

Figma

Timeline

2024

Overview

One Health Life Savers is a health-focused NGO dedicated to organizing blood drives and providing essential medical outreach across Nigeria. The mission was to create a platform that would amplify their reach, educate users on the importance of blood donation, and inspire meaningful community involvement.

The goal was to develop a space that could inform and engage without overwhelming, highlighting real stories and tangible impacts to encourage both donations and volunteerism. My role was to craft a design that felt trustworthy, accessible, and genuinely impactful, something that could connect people to the organization’s mission and encourage lasting support.

One Health Life Savers is a health-focused NGO dedicated to organizing blood drives and providing essential medical outreach across Nigeria. The mission was to create a platform that would amplify their reach, educate users on the importance of blood donation, and inspire meaningful community involvement.

The goal was to develop a space that could inform and engage without overwhelming, highlighting real stories and tangible impacts to encourage both donations and volunteerism. My role was to craft a design that felt trustworthy, accessible, and genuinely impactful, something that could connect people to the organization’s mission and encourage lasting support.

The Goal

  • Enhance Awareness: Showcase the NGO’s impact to encourage donations.

  • Increase Engagement: Simplify the volunteer registration process to attract more individuals.

  • Establish Trust: Present the NGO as a credible and transparent organization dedicated to health causes.

  • Educate Users: Inform visitors about the critical need for blood donation and its impact on saving lives, increasing their motivation to contribute.

  • Enhance Awareness: Showcase the NGO’s impact to encourage donations.

  • Increase Engagement: Simplify the volunteer registration process to attract more individuals.

  • Establish Trust: Present the NGO as a credible and transparent organization dedicated to health causes.

  • Educate Users: Inform visitors about the critical need for blood donation and its impact on saving lives, increasing their motivation to contribute.

  • Enhance Awareness: Showcase the NGO’s impact to encourage donations.

  • Increase Engagement: Simplify the volunteer registration process to attract more individuals.

  • Establish Trust: Present the NGO as a credible and transparent organization dedicated to health causes.

  • Educate Users: Inform visitors about the critical need for blood donation and its impact on saving lives, increasing their motivation to contribute.

  • Enhance Awareness: Showcase the NGO’s impact to encourage donations.

  • Increase Engagement: Simplify the volunteer registration process to attract more individuals.

  • Establish Trust: Present the NGO as a credible and transparent organization dedicated to health causes.

  • Educate Users: Inform visitors about the critical need for blood donation and its impact on saving lives, increasing their motivation to contribute.

My Process

My Process

Understanding its goals and audience

To better understand how to design OneHealth website, I started by gaining a deep understanding of its goals, offerings and intended audience. This helped me grasp the tone, and feeling the design need to convey to reach our intended users.

Competitive Analysis

I conducted a competitive analysis of health-focused NGOs such as Hiama Initiatives, lifebank, NBSA, and Nigerian Red Cross. The objective of the analysis was to understand how these websites establish trust and how to find effective ways of delivering educational content about blood donation and its importance.

Content Generation

I collaborated with the team and drafted the content for the different section of the website with the goal of promoting users engagement and educating users.

Understanding its goals and audience

To better understand how to design OneHealth website, I started by gaining a deep understanding of its goals, offerings and intended audience. This helped me grasp the tone, and feeling the design need to convey to reach our intended users.

Competitive Analysis

I conducted a competitive analysis of health-focused NGOs such as Hiama Initiatives, lifebank, NBSA, and Nigerian Red Cross. The objective of the analysis was to understand how these websites establish trust and how to find effective ways of delivering educational content about blood donation and its importance.

Content Generation

I collaborated with the team and drafted the content for the different section of the website with the goal of promoting users engagement and educating users.

Understanding its goals and audience

To better understand how to design OneHealth website, I started by gaining a deep understanding of its goals, offerings and intended audience. This helped me grasp the tone, and feeling the design need to convey to reach our intended users.

Competitive Analysis

I conducted a competitive analysis of health-focused NGOs such as Hiama Initiatives, lifebank, NBSA, and Nigerian Red Cross. The objective of the analysis was to understand how these websites establish trust and how to find effective ways of delivering educational content about blood donation and its importance.

Content Generation

I collaborated with the team and drafted the content for the different section of the website with the goal of promoting users engagement and educating users.

Understanding its goals and audience

To better understand how to design OneHealth website, I started by gaining a deep understanding of its goals, offerings and intended audience. This helped me grasp the tone, and feeling the design need to convey to reach our intended users.

Competitive Analysis

I conducted a competitive analysis of health-focused NGOs such as Hiama Initiatives, lifebank, NBSA, and Nigerian Red Cross. The objective of the analysis was to understand how these websites establish trust and how to find effective ways of delivering educational content about blood donation and its importance.

Content Generation

I collaborated with the team and drafted the content for the different section of the website with the goal of promoting users engagement and educating users.

Key Highlights

Key Highlights

Banner

Designed to notify visitors of urgent blood needs for patients outside of scheduled blood drives and outreach events.

Effortless Navigation

Designed a streamlined navigation system that allowed users to easily explore the site, encouraging visitors to engage deeply with One Health’s mission.

Mission-Driven Header with Engaging Visuals

Introduced the site with a compelling tagline that clearly communicated One Health’s purpose. Authentic images from past medical outreaches, paired with prominent CTAs, inviting visitors to either donate or register as blood donors. Featuring logos of associated organizations to build instant trust and credibility among potential volunteers and donors.

Showcasing Impact Through Real Stories

Highlighted One Health’s life-saving work with statistics and testimonials to inspire users to become part of the community. This impact-driven section made it clear how each donation and volunteer action could change lives.

Spotlight on One Health’s Mission

Focused on educating visitors about One Health’s contributions, including how donations of blood and funds directly supported impactful initiatives, reinforcing transparency and community impact.

Get Involved: Be the Change

This actionable section guided visitors on various ways they could support One Health’s mission, making it clear that every contribution matters.

Upcoming Events

This section keeps visitors informed about upcoming events and medical outreach initiatives.


Event Highlights for Community Connection

Displayed photos from past events and outreaches to help visitors connect with One Health’s story on a personal level, showcasing the organization’s hands-on involvement in the community.

Social Proof

Shared feedback from beneficiaries of One Health’s services, strengthening credibility and motivating new users to support the cause through real, relatable stories.

Answering Questions: Blood Donation FAQs

Provided a comprehensive FAQ section addressing common blood donation questions, alleviating common concerns and building transparency around the donation process.

Action-Oriented CTAs and Informative Footer

With a clear picture of One Health’s mission, this section remind users of the organization’s goals and encouraged them to take action through impactful CTAs.

The footer offered quick links to essential resources, reinforcing the site’s credibility.

About Us Page

This section was crafted to provide visitors with a clear understanding of One Health’s mission, vision, and the tangible steps they’re taking to achieve meaningful impact.

FAQ Section

This section was crafted to address common blood donation questions, alleviating common concerns and building transparency around the donation process.

Tablet View

Designed to to ensure consistency and responsiveness throughout.

Mobile View
Banner

Designed to notify visitors of urgent blood needs for patients outside of scheduled blood drives and outreach events.

Effortless Navigation

Designed a streamlined navigation system that allowed users to easily explore the site, encouraging visitors to engage deeply with One Health’s mission.

Mission-Driven Header with Engaging Visuals

Introduced the site with a compelling tagline that clearly communicated One Health’s purpose. Authentic images from past medical outreaches, paired with prominent CTAs, inviting visitors to either donate or register as blood donors. Featuring logos of associated organizations to build instant trust and credibility among potential volunteers and donors.

Showcasing Impact Through Real Stories

Highlighted One Health’s life-saving work with statistics and testimonials to inspire users to become part of the community. This impact-driven section made it clear how each donation and volunteer action could change lives.

Spotlight on One Health’s Mission

Focused on educating visitors about One Health’s contributions, including how donations of blood and funds directly supported impactful initiatives, reinforcing transparency and community impact.

Get Involved: Be the Change

This actionable section guided visitors on various ways they could support One Health’s mission, making it clear that every contribution matters.

Upcoming Events

This section keeps visitors informed about upcoming events and medical outreach initiatives.


Event Highlights for Community Connection

Displayed photos from past events and outreaches to help visitors connect with One Health’s story on a personal level, showcasing the organization’s hands-on involvement in the community.

Social Proof

Shared feedback from beneficiaries of One Health’s services, strengthening credibility and motivating new users to support the cause through real, relatable stories.

Answering Questions: Blood Donation FAQs

Provided a comprehensive FAQ section addressing common blood donation questions, alleviating common concerns and building transparency around the donation process.

Action-Oriented CTAs and Informative Footer

With a clear picture of One Health’s mission, this section remind users of the organization’s goals and encouraged them to take action through impactful CTAs.

The footer offered quick links to essential resources, reinforcing the site’s credibility.

About Us Page

This section was crafted to provide visitors with a clear understanding of One Health’s mission, vision, and the tangible steps they’re taking to achieve meaningful impact.

FAQ Section

This section was crafted to address common blood donation questions, alleviating common concerns and building transparency around the donation process.

Tablet View

Designed to to ensure consistency and responsiveness throughout.

Mobile View
Banner

Designed to notify visitors of urgent blood needs for patients outside of scheduled blood drives and outreach events.

Effortless Navigation

Designed a streamlined navigation system that allowed users to easily explore the site, encouraging visitors to engage deeply with One Health’s mission.

Mission-Driven Header with Engaging Visuals

Introduced the site with a compelling tagline that clearly communicated One Health’s purpose. Authentic images from past medical outreaches, paired with prominent CTAs, inviting visitors to either donate or register as blood donors. Featuring logos of associated organizations to build instant trust and credibility among potential volunteers and donors.

Showcasing Impact Through Real Stories

Highlighted One Health’s life-saving work with statistics and testimonials to inspire users to become part of the community. This impact-driven section made it clear how each donation and volunteer action could change lives.

Spotlight on One Health’s Mission

Focused on educating visitors about One Health’s contributions, including how donations of blood and funds directly supported impactful initiatives, reinforcing transparency and community impact.

Get Involved: Be the Change

This actionable section guided visitors on various ways they could support One Health’s mission, making it clear that every contribution matters.

Upcoming Events

This section keeps visitors informed about upcoming events and medical outreach initiatives.


Event Highlights for Community Connection

Displayed photos from past events and outreaches to help visitors connect with One Health’s story on a personal level, showcasing the organization’s hands-on involvement in the community.

Social Proof

Shared feedback from beneficiaries of One Health’s services, strengthening credibility and motivating new users to support the cause through real, relatable stories.

Answering Questions: Blood Donation FAQs

Provided a comprehensive FAQ section addressing common blood donation questions, alleviating common concerns and building transparency around the donation process.

Action-Oriented CTAs and Informative Footer

With a clear picture of One Health’s mission, this section remind users of the organization’s goals and encouraged them to take action through impactful CTAs.

The footer offered quick links to essential resources, reinforcing the site’s credibility.

About Us Page

This section was crafted to provide visitors with a clear understanding of One Health’s mission, vision, and the tangible steps they’re taking to achieve meaningful impact.

FAQ Section

This section was crafted to address common blood donation questions, alleviating common concerns and building transparency around the donation process.

Tablet View

Designed to to ensure consistency and responsiveness throughout.

Mobile View
Banner

Designed to notify visitors of urgent blood needs for patients outside of scheduled blood drives and outreach events.

Effortless Navigation

Designed a streamlined navigation system that allowed users to easily explore the site, encouraging visitors to engage deeply with One Health’s mission.

Mission-Driven Header with Engaging Visuals

Introduced the site with a compelling tagline that clearly communicated One Health’s purpose. Authentic images from past medical outreaches, paired with prominent CTAs, inviting visitors to either donate or register as blood donors. Featuring logos of associated organizations to build instant trust and credibility among potential volunteers and donors.

Showcasing Impact Through Real Stories

Highlighted One Health’s life-saving work with statistics and testimonials to inspire users to become part of the community. This impact-driven section made it clear how each donation and volunteer action could change lives.

Spotlight on One Health’s Mission

Focused on educating visitors about One Health’s contributions, including how donations of blood and funds directly supported impactful initiatives, reinforcing transparency and community impact.

Get Involved: Be the Change

This actionable section guided visitors on various ways they could support One Health’s mission, making it clear that every contribution matters.

Upcoming Events

This section keeps visitors informed about upcoming events and medical outreach initiatives.


Event Highlights for Community Connection

Displayed photos from past events and outreaches to help visitors connect with One Health’s story on a personal level, showcasing the organization’s hands-on involvement in the community.

Social Proof

Shared feedback from beneficiaries of One Health’s services, strengthening credibility and motivating new users to support the cause through real, relatable stories.

Answering Questions: Blood Donation FAQs

Provided a comprehensive FAQ section addressing common blood donation questions, alleviating common concerns and building transparency around the donation process.

Action-Oriented CTAs and Informative Footer

With a clear picture of One Health’s mission, this section remind users of the organization’s goals and encouraged them to take action through impactful CTAs.

The footer offered quick links to essential resources, reinforcing the site’s credibility.

About Us Page

This section was crafted to provide visitors with a clear understanding of One Health’s mission, vision, and the tangible steps they’re taking to achieve meaningful impact.

FAQ Section

This section was crafted to address common blood donation questions, alleviating common concerns and building transparency around the donation process.

Tablet View

Designed to to ensure consistency and responsiveness throughout.

Mobile View

Reflection

Reflection

Adopting a Content-First Approach

This project deepened my appreciation for a “content-first approach” in design. By starting with the content as the foundation, I avoided the hassle of reshaping the design to fit around it later. Instead, this approach allowed me to create a layout that naturally aligned with and enhanced the message, making the design process smoother and more intentional.

Understanding the User’s Perspective

Working on this project highlighted the importance of deeply empathizing with the user’s journey. By focusing on the needs of potential donors, volunteers, and beneficiaries, I was able to design features and messaging that made the experience feel approachable and impactful.

The Power of Visual Storytelling

This project reinforced the impact of visual storytelling in building trust and connection. By incorporating authentic images and testimonials from outreach events, I learned how visuals could powerfully convey One Health’s mission, bridging the gap between the organization’s work and the audience’s understanding. This experience emphasized the role of storytelling in transforming user engagement.

Adopting a Content-First Approach

This project deepened my appreciation for a “content-first approach” in design. By starting with the content as the foundation, I avoided the hassle of reshaping the design to fit around it later. Instead, this approach allowed me to create a layout that naturally aligned with and enhanced the message, making the design process smoother and more intentional.

Understanding the User’s Perspective

Working on this project highlighted the importance of deeply empathizing with the user’s journey. By focusing on the needs of potential donors, volunteers, and beneficiaries, I was able to design features and messaging that made the experience feel approachable and impactful.

The Power of Visual Storytelling

This project reinforced the impact of visual storytelling in building trust and connection. By incorporating authentic images and testimonials from outreach events, I learned how visuals could powerfully convey One Health’s mission, bridging the gap between the organization’s work and the audience’s understanding. This experience emphasized the role of storytelling in transforming user engagement.

Adopting a Content-First Approach

This project deepened my appreciation for a “content-first approach” in design. By starting with the content as the foundation, I avoided the hassle of reshaping the design to fit around it later. Instead, this approach allowed me to create a layout that naturally aligned with and enhanced the message, making the design process smoother and more intentional.

Understanding the User’s Perspective

Working on this project highlighted the importance of deeply empathizing with the user’s journey. By focusing on the needs of potential donors, volunteers, and beneficiaries, I was able to design features and messaging that made the experience feel approachable and impactful.

The Power of Visual Storytelling

This project reinforced the impact of visual storytelling in building trust and connection. By incorporating authentic images and testimonials from outreach events, I learned how visuals could powerfully convey One Health’s mission, bridging the gap between the organization’s work and the audience’s understanding. This experience emphasized the role of storytelling in transforming user engagement.

Adopting a Content-First Approach

This project deepened my appreciation for a “content-first approach” in design. By starting with the content as the foundation, I avoided the hassle of reshaping the design to fit around it later. Instead, this approach allowed me to create a layout that naturally aligned with and enhanced the message, making the design process smoother and more intentional.

Understanding the User’s Perspective

Working on this project highlighted the importance of deeply empathizing with the user’s journey. By focusing on the needs of potential donors, volunteers, and beneficiaries, I was able to design features and messaging that made the experience feel approachable and impactful.

The Power of Visual Storytelling

This project reinforced the impact of visual storytelling in building trust and connection. By incorporating authentic images and testimonials from outreach events, I learned how visuals could powerfully convey One Health’s mission, bridging the gap between the organization’s work and the audience’s understanding. This experience emphasized the role of storytelling in transforming user engagement.

Ready to transform your ideas into meaningful experiences?

Ready to transform your ideas into meaningful experiences?

Shakirat Akanji

Product Designer and Aspiring Illustrator

Shakirat Akanji

Product Designer and Aspiring Illustrator

Shakirat Akanji

Product Designer and Aspiring Illustrator