Website Case Study

XQ Super School

XQ Institute leads a national movement to rethink high school education in America. They work with educators, students, families, and policymakers.

Their work matters.
Their website needed to keep up.

XQ Super School homepage rebuilt in Elementor

The Problem

Building on Inflexible Foundations

XQ came to us with a site built using Timber, a custom WordPress framework designed for developers who want complete control over site architecture. It looked stylish and worked for the agency that built it, but XQ’s team is full of brilliant educators, not web developers who regularly manage complex code.

The site setup was like a house of cards. Each page had been hard-coded with unique dependencies. Change one thing and other areas broke. Outdated plugins were causing cascading issues. The blog relied on a confusing tagging structure that made content hard to find. Every WordPress security patch was unnerving.

For a team managing national education initiatives, it wasn’t sustainable.

OLD SITE

XQ Super School old website design

How We Fixed It

XQ’s renewal didn’t start from scratch. We rebuilt a more user-friendly foundation, and then refreshed the design. This preserved their content and SEO work while fixing the deeper-seeded problems.

Phase 1: Rebuilt the Foundation

We started by reviewing the top 100 most-visited pages. Most were blog posts. This was where much of XQ’s SEO authority lived and we preserved it carefully throughout this process.

Eliminating the House of Cards

We eliminated the Timber framework entirely and rebuilt everything in Elementor. We cleaned up the outdated plugins causing those cascading failures. This gave XQ a stable base where updates became predictable instead of anxiety-inducing.

Migrating the Blog

XQ had a massive blog archive. They told us what they wanted to keep and we made some changes while preserving both traditional SEO and AI search visibility. We renamed it to Perspectives and restructured the navigation for easier browsing. Kristen restyled the header and footer to match the XQ ecosystem while keeping their brand identity intact. The primary dark green color and hover states stuck around, just with a more polished look like their XQ Competency Navigator.

Creating Reusable Templates

XQ was using custom post types for Resources + Tools, Board Members, and Schools + Partners, but they weren’t functioning as reusable templates on Timber. The backend was cluttered with outdated, unused fields that made it confusing to add content. We created proper Elementor templates that let XQ’s team add new content without touching code. We also cleaned up those confusing fields, keeping only what was necessary and making it clear where to add information.

For Schools + Partners, XQ decided on one flexible template that handles most schools while allowing custom layouts when needed, like the DC + XQ page.

Other Technical Changes

  • Integrated forms with HubSpot and Salesforce
  • Set up analytics dashboards using Plausible, MixPanel, and Google Tag Manager

The site looked largely the same at this point, but was much easier to manage.

Client Insight

Hear from XQ Super School
The Elementor migration has been really positive for us. Having direct control over content updates changed how we work with the site.
Kris Daniel Udang
Senior Manager, Digital Product & Experiences

Phase 2: Design Evolution

Once the site was stable, we focused on refreshing the visual design. Kristen’s work on Perspectives set the tone. The light green backgrounds and curved elements replaced and softened the old hard-edge look and that’s what we used across other parts of the site. The homepage animation was snazzy but slow. Using the Know, Like, Trust framework, we split it into three modules so users don’t feel locked into one never-ending section as they scroll. We also started updating old pages with accessibility features in mind, improved mobile responsiveness across the board, and built new pages for brand guidelines. This phase is still ongoing. XQ tells us what needs attention, and we improve it without disrupting their workflow.
XQ Super School homepage redesigned by Clockwork
XQ Super School perspectives page (blog) redesigned by Clockwork
XQ Super School blog Where We Work template redesigned by Clockwork

A Foundation for Future Learning

The transformation gave XQ a stable foundation that supports their mission to rethink high school education. The team now shares their insights, tools, and partnerships with educators nationwide without website obstacles getting in the way.

They also get more peace of mind:

  • WordPress updates don’t cause panic: The house of cards is gone
  • Less need for developers: Custom templates keep things consistent without any code
  • Design improvements for better browsing: We’ll keep improving the visual experience

We’ve become their go-to website support team across their growing collection of education-focused web properties. It’s an ongoing project focused on stability and consistency as XQ continues their important work with schools and districts nationwide.

XQ Super School blog post template redesigned by Clockwork

Looking Ahead:

When Rebuilding Makes Sense

Not every website needs to start from scratch. Sometimes the smartest move is rebuilding on a stable foundation while keeping what works. If your team is fighting with your website, that’s a sign.

Learn more about our web design services and how we help education organizations build websites that support their mission.

Website causing more problems than it solves? Let’s talk.