Driving Interest in a New Giving Vehicle

Deliverables
Website PlanningSite ArchitectureContent StrategyWebsite DesignWebsite Development

National Philanthropic Trust is a leader in facilitating philanthropy on a global scale. In particular, NPT is the largest national independent provider of Donor Advised Funds. Despite this strong strategic focus, the organization’s previous web design did not effectively showcase the Trust’s brand, depth of expertise, or global impact.

Collaborative Goalsetting

To kick off the project, the Push10 team collaborated closely with NPT in a workshop environment where the group prioritized key goals and functionality, defined the target audience, determined the visual style, and outlined the content requirements for the website.



Philadelphia Web Design for Public Charity shown on mobile device

A Branded Experience

Among other priorities, the group chose to focus on enhancing the organization’s digital brand identity, creating new educational resources, and better showcasing the impact of grants.

Interactive Grant Highlights Map

NPT is one of the largest grant-making institutions in the United States, having made more than 200,000 grants totaling $5.6 billion to charities worldwide. Push10 introduced a brand new feature that highlights this impressive worldwide impact – an interactive grant highlights map.

Captivating Imagery

Carefully selected aspirational imagery captures the spirit, influence, and positive impact of a broad range of philanthropic causes.

A Focus on Education

The web design introduces Donor Advised Funds using carefully curated copy and easy-to-skim iconography based callouts.

Grant Highlights

Grant highlights are elevated to the Homepage, where site admins can easily showcase the depth and breadth of NPT’s work.

Newsletter Signup

A quick and easy form encourages users to stay engaged with the brand via email newsletters.

Web Design for National Philanthropic Trust, a Philadelphia area nonprofit public charity

Data Visualization, with Flexibility

Push10 continues to work alongside the NPT team to add features and functionality to the new website. A robust landing page for their most recent Annual Report was just launched, featuring enhancements such as data visualization and editable charts.

Designing Custom Charts

We built customized graphs using ApexCharts JS to optimize graph layout. Different chart styles appeared across the site, so we created custom layouts for line, bar, pie, scatter and bubble graphs. All charts were integrated with Scroll Magic to achieve a unified and seamless experience. Scroll Magic targets their locations and runs the load-in animation when each chart scrolls-in to view.

A System for Editable Data

NPT needed to efficiently and accurately edit the data in any given chart. Using data attributes with JSON calls, we were able to create a backend system in WordPress that allowed them to easily make edits for both the data and labels of each graph. This was integrated into multiple post types, which allowed NPT to add any of the chart styles they needed throughout the site.

More Like This

Website design for Geneva Global philanthropic consulting in Philadelphia

Geneva Global

UX Strategy & Planning // Web Design // Web Development