Skip to main content
Case Studies

National Coalition of Girls’ Schools

The Challenge

Transform the existing membership directory that was slow and cumbersome into a rapid, interactive map that could serve all of the National Coalition of Girls’ Schools' (NCGS) audiences.

The Solutions

A custom Association Management Software (AMS) map integration leveraging React, a JavaScript framework, that has both a filtering and search tool, dynamically updating in real-time based on membership status.

The Results

Member Schools are promoted and are more likely to increase student enrollment due to the visibility, increased membership interest for NCGS among non-Member Schools, and a more effective search tool for prospective parents.


The National Coalition of Girls’ Schools is a non-profit membership association that advocates for PK-12 grade girls’ schools across the globe. NCGS serves independent, public, charter, and religiously affiliated schools through the core pillars of advocacy, networking, research, and professional development. With over 260 Member Schools, 26,000 educators, 115,000 students and 1 million+ alumnae, NCGS needs a website that is easy to manage and can grow with them.

Knucklepuck rebuilt and relaunched the website in 2018, so NCGS knew the level of expertise we would bring to the membership map. The question wasn’t if Knucklepuck would be able to bring this need to life, it was how.


Roughly two years after the initial site launch with Knucklepuck, NCGS was as happy as ever with their functional, new look. As more users were interacting with the site, NCGS decided they needed a quick visual to showcase how far-reaching membership is across the world. This new feature needed to serve both their member and prospective member schools, who are looking to drive enrollment, as well as parents who are looking for girls’ schools in their area.

Their previous website had a standard membership directory, however it required redirecting to the AMS, which was not easy to use, slow, and did not integrate naturally with the rest of the site.


A custom AMS map integration.

Knucklepuck started this initiative as we do all our projects: with a detailed discovery to capture and document the technical and business requirements for the feature. NCGS knew what aesthetic and visual they were looking for, and Knucklepuck knew how to bring that to life on the technical side of things.

To do so, Knucklepuck leveraged React, a JavaScript library commonly used in app development to build user interfaces that are lightning-fast. Using a custom-built AMS integration, Knucklepuck pulls in active Member Schools and their details, including the school name, location and metadata. This feature allows the map to automatically update when a new Member School is added, and removes school listings when their membership expires. NCGS can promote Member Schools to keep their membership active as well as drive interest among non-Member Schools who want to “be on the map”.

This seamless, custom AMS integration is equally as useful for parents. If they are interested in a girls’ school for their child, they can use the map as a searchable directory. Parents can take this a step further by clicking the location pin, which opens an info box for a specific school that includes the grade levels, location, and a link to the school’s website.

Knucklepuck also created a combination filter and search tool that allows parents to find schools that meet certain criteria, such as by school name, city, state, country, and grade level(s). As users refine using the search tool, Member School listings automatically populate beneath the map showing the most relevant listings. Users can also zoom in and out to identify schools in certain areas.

The map is also fully responsive, meaning it will perform consistently across all desktop, mobile, and tablet devices.

The old member directory on old member directory

The new map directory on new member directory


By partnering with Knucklepuck on the interactive map, NCGS was able to enhance their structurally-sound WordPress website with a new, visually compelling directory that meets the evolving needs of the Coalition and their audience.

Olivia Haas, Director of Strategic Communications & Media at NCGS, shares that their audience is reacting very positively to the new feature. “We saw a number of schools contact NCGS after the map was launched saying ‘Why aren’t we on your map?’ Well, you’re not currently a member, but we would love for you to join,” stated Haas. “It created the exact sort of reactions we were hoping for!”

Can We Help?

If you have an idea, a project or a challenge, we’d love to hear about it.