Driving Interest in a New Giving Vehicle
DeliverablesWebsite 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.
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.
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.
Carefully selected aspirational imagery captures the spirit, influence, and positive impact of a broad range of philanthropic causes.
The web design introduces Donor Advised Funds using carefully curated copy and easy-to-skim iconography based callouts.
Grant highlights are elevated to the Homepage, where site admins can easily showcase the depth and breadth of NPT’s work.
A quick and easy form encourages users to stay engaged with the brand via email newsletters.
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.