Legacy Collective

Legacy Collective works to solve systemic issues by funding the most sustainable, innovative efforts through partnerships with nonprofit organizations locally and globally.

01. Challenges

Together, Legacy Collective
gives grants to incredible
nonprofits around the world!

The vision of Legacy Collective is to build a giving community that makes an ongoing impact around the world. Together, we will leave a Legacy.

Since 2015, Legacy Collective has raised more than $8.2 million dollars and given 250+ grants to deserving projects worldwide through their Giving Circles.

Before After
02. Experience

Designing a digital
home that reflects Legacy Collective’s mission
and global impact.

Legacy Collective’s mission is rooted in community-driven giving, supporting sustainable, innovative solutions to systemic issues worldwide. The website needed to reflect this impact-focused mindset while serving as a hub for donors, grantees, and Giving Circle members.

We designed a digital experience that feels grounded, trustworthy, and purpose-filled, with clear calls to action and storytelling that highlights the organization’s global reach.

Desktop view

Mobile view

The final site strikes a balance between warmth and clarity, offering visitors an experience that feels welcoming, purposeful, and easy to navigate. From the first scroll, users are introduced to Legacy’s mission and impact through a combination of compelling visuals and accessible storytelling.
The layout was designed to guide people through the who, why, and how of Legacy’s work—making it easy to explore initiatives, join a Giving Circle, or contribute to a cause. Every element, from donation tools to community features, was shaped to support ongoing engagement and connection.
03. Visual Assets

Creating cohesion through brand color, interactive layers, and motion.

When working with various photo styles, maintaining consistency can be challenging. To address this, we focused on leveraging our branding colors, incorporating a color bar as a graphic element throughout the photos and pages. Additionally, we aimed to enhance the visual appeal by adding interactivity, giving the images a multi-layered parallax effect.

Credits

Agency:

Emery
emery.com

Logo Design:

Dani Campbell
LinkedIn

Testimonials