Case Studies
Ayubsonlife Foundation
01
The Brief
02
The Project Goal
03
Images
04
The Challenge
05
The Approach
06
The Implementation
07
Testing and Optimization
08
The Results
09
The Conclusion
The Brief
Ayubsonlife Foundation is a non-governmental organization (NGO) established in 2020 by Yusuf Ayuba, a former medical professional who left his career to dedicate his life to a pro-life mission.
The foundation’s core focus is on protecting the lives of unborn children, educating young people about the value of life, supporting women facing crisis pregnancies, and empowering mothers to choose life over abortion.
Ayubsonlife Foundation’s mission is to create a society that values life, offers compassion to those in need, and provides resources for women to make informed, life-affirming choices.
The Project Goals
Develop a Modern and Compassionate Website: Create an engaging and visually appealing website that reflects the foundation’s values of compassion, education, and support.
Educate and Raise Awareness: The website should serve as a platform for educating the public about the harmful impact of abortion and provide resources for women and families in need.
Simplify User Experience: Design an easy-to-navigate platform where visitors can access information, donate, volunteer, or seek assistance with minimal effort.
Build a Strong Community Presence: Highlight the foundation’s outreach efforts, community involvement, and the positive impact it has made, fostering a sense of belonging for supporters.
Encourage Donations and Volunteer Support: Ensure the website drives donations and attracts volunteers to support the foundation’s cause and continue its mission of saving lives.
The Challenge
Sensitive Subject Matter: Addressing abortion is a highly sensitive issue, so the website needed to be designed with a tone of compassion, understanding, and respect for different viewpoints.
Providing Adequate Resources: Ensuring that women in crisis pregnancies have access to the necessary information and resources to make informed decisions, without overwhelming them with too much information at once.
Encouraging Community Engagement: The website needed to balance its educational mission with a strong call to action for community involvement, whether through donations, volunteering, or advocacy.
Images
01
The Approach
Compassionate and Professional Design: The design strategy focused on creating a warm, inviting, and supportive atmosphere. We used soft colors, gentle fonts, and uplifting imagery that resonates with the foundation’s mission of nurturing life.
Organized Content Structure: The website was structured to provide easy access to key sections like educational resources, crisis support services, donation options, and ways to get involved. This structure ensures users can find what they need quickly without being overwhelmed.
Emphasis on Storytelling: Highlighting the personal story of Yusuf Ayuba and the foundation’s journey was key to connecting emotionally with visitors. Case studies of women and families helped by the foundation were also included to create real-life examples of the foundation’s impact.
Call to Action (CTA) Design: CTAs such as “Donate Now,” “Get Help,” and “Volunteer” were strategically placed throughout the website, making it easy for visitors to contribute or seek assistance at any point in their user journey.
Mobile-First Development: Understanding that many users access the internet through mobile devices, the site was designed to be fully responsive, providing a seamless experience across all devices.
01
The Implementation
Homepage Design: The homepage was designed with a welcoming feel, immediately capturing the visitor’s attention with an inspiring message and a clear introduction to the foundation’s mission. It featured a prominent CTA for donations and a section highlighting the foundation’s core services: education, support for women, and community outreach.
Services Section: A dedicated section was built to detail the foundation’s various programs, such as counseling for women in crisis pregnancies, educational workshops for young people, and support for mothers who choose life. Each service was accompanied by testimonials and real-life success stories to reinforce the positive outcomes of the foundation’s work.
Educational Resources: The website included an extensive library of articles, videos, and downloadable resources on pro-life topics, crisis pregnancy support, and parenting. A blog was incorporated to provide regular updates on relevant issues, news, and foundation events.
02
The Implementation
Donation and Volunteering Page: A simple, secure donation system was integrated, allowing users to contribute funds easily. The volunteering page provided detailed information on how individuals can get involved in local outreach efforts, making it easy to sign up and get started.
Get Help Page: For women facing crisis pregnancies, a dedicated “Get Help” page was created with clear steps on how to reach out for support, connect with a counselor, or access medical resources. Contact forms and hotline numbers were readily available for urgent assistance.
About Us Section: The “About Us” section showcased the story of Yusuf Ayuba’s transformation from a medical professional to a pro-life advocate, along with the foundation’s vision and values. A timeline of the foundation’s milestones helped illustrate its growth and impact.
The Results
Increased Engagement and Donations: The newly designed website led to a marked increase in visitor engagement, with more users signing up for newsletters, attending events, and contributing donations. The simple yet effective donation system facilitated an increase in both one-time and recurring donations.
Improved Support for Women: Women in crisis pregnancies were able to easily find the resources they needed, thanks to the well-organized “Get Help” section. The foundation saw a rise in the number of women reaching out for support and accessing counseling services.
Growth in Volunteer Base: The website’s volunteer page made it easier for community members to get involved, leading to a significant increase in the number of volunteers joining the foundation’s cause. This, in turn, helped the foundation expand its outreach efforts.
Expanded Online Presence: The educational resources and blog posts were shared widely across social media, driving traffic to the website and increasing awareness of the foundation’s mission.
The Conclusion
The web development and design project for Ayubsonlife Foundation successfully created a platform that balances education, support, and community involvement.
The user-friendly interface, compassionate design, and organized structure have contributed to greater engagement from both donors and volunteers, while providing essential resources for women in crisis pregnancies.
The website now serves as a central hub for the foundation’s mission, fostering growth and helping to save lives by empowering women to choose life.