Skip to content
← All work

Nonprofit

Code Nation

How We Rebuilt a Volunteer-Built Site and Turned On the Analytics It Never Had

Google Ad Grant dollars activated
$175K+
New optimized campaigns launched
24+
Increase in conversions
82%

About the project

Code Nation branding over portraits of the students its programs serve

We built a brand new website using WordPress and created all custom graphics to refresh Code Nation's digital presence. Our modern design and intuitive interface effectively captured the brand's unique identity and improved overall usability. Our solution delivered exceptional user experience.

Next, we optimized Google Analytics to better understand web traffic across all 20 U.S. locations, enabling precise measurement of performance. Our enhanced tracking provided clear insights into visitor behavior. We continuously monitored measurable performance improvements.

In addition, we developed a custom Google Map featuring all locations with detailed descriptions, further boosting local engagement. These combined efforts led to a 32% increase in overall engagement, empowering Code Nation to reach a wider audience.

The rebuilt Code Nation site from top to bottom: hero, mission, programme outcomes, city pages, and the animated team directory

Building a Seamless Digital Experience for Code Nation

We first came across Code Nation through a volunteer service, and was drawn to the fact that the organization is dedicated to serving diverse communities in tech. This really stood out to us, because the tech industry has been underrepresented in diverse communities and often ignored by traditional education.

The original description of the volunteer project was for minimal web design issues that could typically be solved with basic knowledge of WordPress and HTML/CSS. However, upon logging in to the Code Nation website, we discovered that the current theme being utilized was created using a proprietary web builder theme. After further investigation it was discovered that the proprietary theme could no longer be updated because of the outdated theme. The volunteer hours of 5 hours a week for 4 weeks was simply not enough time to complete the project. Code Nation hired Vizionality for a web development overhaul.

Code Nation programs are made possible by the volunteers, schools, company partners, and supporters who give time, money, and resources to create opportunities for our students. The new web design focused on the user experience from more than one perspective. Clear messaging for all targets was a priority along with a stunning visual display that optimized the user experience. This project was not a complete redesign. The same color scheme, font, and images resemble the old website. But once we migrated the website onto a new WordPress theme, a new and refreshed design started to take place.

The challenge

The site had been built by a volunteer on a proprietary page builder that could no longer be updated, so internal staff could not change their own content without technical help. Google Analytics was never installed at all, which meant no view of visitor behaviour, no measurement of performance, and no basis for any decision about the twenty US locations the organisation serves.

What we did

  1. Rebuilt the site on WordPress with a content management setup the internal team can maintain without a developer.
  2. Produced custom graphics throughout, keeping the existing colour, type, and imagery so the rebuild read as a refresh rather than a rebrand.
  3. Installed and configured Google Analytics from scratch, structured to measure traffic across all twenty US locations separately.
  4. Built a custom Google Map of every location with detail for each, to support local discovery.
  5. Activated and structured the Google Ad Grant into campaigns aimed at the audiences the programmes actually serve.

Results
Summarized

Vizionality's overhaul delivered a modern, user-friendly website that empowers Code Nation's internal team to easily update content. The custom WordPress design, complete with tailored graphics, not only enhanced the visual appeal and brand consistency but also eliminated the dependency on technical volunteers.

In addition, the integration of Google Analytics provided robust tracking and actionable insights into user behavior. This data-driven approach has enabled Code Nation to optimize its digital strategy, resulting in sustainable growth and increased engagement across their online channels.

Start your audit
Code Nation students holding new laptops received through the programme