Covenant House Web Design

Homepage Design, Navigation Design, and Call to Action Design

Project Overview:

Covenant House, a leading organization dedicated to supporting homeless youth and survivors of trafficking, sought a visual redesign of their website to enhance user experience and accessibility.

The project focused on creating a more engaging and informative online presence that aligns with the organization's branding and style preferences.

Project Overview:

Covenant House, a leading organization dedicated to supporting homeless youth and survivors of trafficking, sought a visual redesign of their website to enhance user experience and accessibility.

The project focused on creating a more engaging and informative online presence that aligns with the organization's branding and style preferences.

Project Goals:

Improve User Experience:
Create a more intuitive and accessible website that enables teenagers to quickly locate housing support and other services.
Enhance Donor Engagement:
Design the site to clearly showcase the organization’s services and emphasize the impact of donor contributions.
Increase Donations:
Develop a visual strategy that encourages visitors to contribute by illustrating how their support directly benefits the youth Covenant House serves.

Project Goals:

Improve User Experience:
Create a more intuitive and accessible website that enables teenagers to quickly locate housing support and other services.
Enhance Donor Engagement:
Design the site to clearly showcase the organization’s services and emphasize the impact of donor contributions.
Increase Donations:
Develop a visual strategy that encourages visitors to contribute by illustrating how their support directly benefits the youth Covenant House serves.

Project Execution: The project was carried out in three key phases:

Analysis & Brainstorming:
- Reviewed the existing website audit and gathered insights from Covenant House PA’s Volunteer Manager.
- Conducted brainstorming sessions to align on project goals, focusing on the dual objectives of user support and donor engagement.
Initial Design:
- Created mock-ups for key site pages, incorporating feedback over multiple review rounds.
- Focused on visually presenting the organization’s services in a way that resonates with both youth seeking support and potential donors.
Finalization:
- Delivered the final visual design, complete with a style guide and detailed design notes.
- Provided guidance to front-end developers through two consultation calls to ensure the design was accurately implemented.

Project Execution: The project was carried out in three key phases:

Analysis & Brainstorming:
- Reviewed the existing website audit and gathered insights from Covenant House PA’s Volunteer Manager.
- Conducted brainstorming sessions to align on project goals, focusing on the dual objectives of user support and donor engagement.
Initial Design:
- Created mock-ups for key site pages, incorporating feedback over multiple review rounds.
- Focused on visually presenting the organization’s services in a way that resonates with both youth seeking support and potential donors.
Finalization:
- Delivered the final visual design, complete with a style guide and detailed design notes.
- Provided guidance to front-end developers through two consultation calls to ensure the design was accurately implemented.

Donation Page

Project Overview:

Covenant House, a leading organization dedicated to supporting homeless youth and survivors of trafficking, sought a visual redesign of their website to enhance user experience and accessibility.

The project focused on creating a more engaging and informative online presence that aligns with the organization's branding and style preferences.

Donation Page

Project Overview:

Covenant House, a leading organization dedicated to supporting homeless youth and survivors of trafficking, sought a visual redesign of their website to enhance user experience and accessibility.

The project focused on creating a more engaging and informative online presence that aligns with the organization's branding and style preferences.

Donation Page UI/UX Design Overview

User-Centered Design: The layout is clean and intuitive, prioritizing ease of use. The design minimizes friction by guiding users smoothly through the donation process with straightforward and clearly labeled sections.
Emotional Resonance Through Milestones: A key feature is the donation milestone tracker, prominently displayed to highlight the collective progress toward the fundraising goal. This element taps into the donors' emotions, encouraging them to contribute by making them feel part of a larger, impactful community effort.
Goal-Oriented Engagement: The donation amounts are presented as clearly defined options, with a prominent call to action (CTA) button, "Donate Now." This approach simplifies the decision-making process and keeps users focused on completing their donation.
Streamlined Information Entry: The form fields are organized logically, requiring only essential information, which reduces cognitive load and accelerates the donation process. Payment options are clearly displayed with visual cues, enhancing usability.
Secure Donation Assurance: A "Gift Securely" button emphasizes the security of the transaction, building trust and confidence in users, which is crucial for online donations.
Responsive and Accessible Design: The design is fully responsive, ensuring an optimal experience across all devices. Accessibility considerations are integrated to ensure the page is usable by a diverse audience, including those with disabilities.
Supportive Content: Additional content, such as links to learn more about the shelter’s services and programs, is strategically placed to provide context and deepen the donor’s understanding of the cause, potentially increasing their commitment.