Case Study

Redesigning Aquent Gymnasium: Learning Made Seamless, Scalable, and Accessible

160,000 learners supported. 70% faster load times. Zero downtime launch. A scalable design system for growth.

I led the redesign of a global learning platform to make it faster and more accessible, and later helped keep it running during an unexpected LMS shutdown — work recognized internationally at the 2025 Open edX Conference in Paris.

  • Impact: Ensured uninterrupted learning for 160,000 students with a faster, more accessible platform. Achieved 70% faster load times and delivered a scalable design system to accelerate future iteration and growth.
  • Outcome: Preserved Gymnasium’s mission during the LMS shutdown by advocating for learners: notifying students, safeguarding certificates, and making all course content publicly accessible.
  • Role: Design Lead — UX, Accessibility, Visual, and Front-End
  • Year: 2024–2025
  • Project: thegymnasium.com
  • Topics: UX Design, Accessibility, Performance, Eleventy (static site generator), Open edX (open-source online learning platform), Design Systems
  • Presentation: Watch the case study talk: Seemingly Seamless

Impact at a Glance

  • ♿ Accessibility-first redesign targeting WCAG & EAA compliance → Broader learner inclusion, supporting Aquent’s global reach
  • 📈 70% faster page loads via Eleventy migration and asset optimization → Reduced bounce rates and increased learner engagement
  • ✅ Zero-downtime platform relaunch in 2025 → Ensured uninterrupted learning for 160,000 students and preserved platform credibility
  • 💡 Crisis-tested problem-solving during LMS migration and content transition → Minimized disruption and maintained trust with learners and stakeholders

Crafting the User Experience

Iterative Design Process

Moderated user research: blurred participant and prototype screens
A behind-the-scenes look at moderated testing with interactive prototypes.
  • Rapid in-browser prototyping with HTML/CSS
  • Iterative testing with learners using the prototypes I built
  • Seamlessly incorporated research into live features

Putting Learners First

To reduce friction for learners, I redesigned the course catalog, moving from a prototype that tested sorting and filtering to a live version with improved accessibility and navigation.

Prototype of Gymnasium course catalog redesign with sorting and filtering options.
Before: Prototype testing catalog sorting and filtering improvements.
Production Gymnasium course catalog with implemented filtering enhancements and accessibility updates.
After: Live catalog redesign with filtering and accessibility improvements.

Design System & Visual Language

The migration to Eleventy enabled streamlined markup and a style refactor, allowing continuous iteration and refinement of the design system and overall visual language.

  • Thoughtful UX writing that guides learners clearly and supports their journey
  • Modular, responsive grid and accessible UI components
  • Strong typography hierarchy for readability
Before-and-after comparison of Gymnasium homepage design.
Before: Legacy homepage highlighting “In the News” hero, with limited inline navigation and unclear text hierarchy.
Gymnasium homepage hero promoting the tutorial, Getting Started with Image Generation in Midjourney.
After: Refreshed homepage emphasizing “How Gymnasium Works,” improved typographic style, UX writing, and enhanced inline navigation links for better SEO and easier access to content for learners.

A minor but important enhancement was refreshing the footer for clarity and consistency. I redesigned it to consolidate links, highlight awards and press, and improve overall navigability.

Pre-Eleventy Gymnasium “As Seen In” section above the footer.
Before: Pre-Eleventy Gymnasium “As Seen In” section and footer, with legacy layout and navigation.
Post-Eleventy Gymnasium footer with unified platform, awards, and press links
After: Unified Eleventy Gymnasium footer with compact, informative layout including platform, awards, and press links.

UX Improvement: New LMS Flow

Confusing and easy to miss: Learners could start a course without enrolling, preventing it from appearing in their dashboard.

Open edX course enrollment screen before redesign, showing 'Start Course' option without enrolling first.
Before: Learners could start a course without enrolling, risking the course not appearing in their dashboard for continued learning.
Open edX course enrollment screen after redesign, showing enrollment required before accessing the syllabus, with syllabus content grayed out.
After: Syllabus remains visible but grayed out, guiding learners to enroll first and ensuring the course appears in their dashboard.
Gymnasium course syllabus experience for Modern Web Design with Aaron Gustafson of Microsoft.
Learner-facing course syllabus for Modern Web Design with Aaron Gustafson of Microsoft: designed during our early 2025 refresh, showcasing seamless visual design, thoughtful UX, and a behind-the-scenes Open edX migration from Hawthorn (2018) to Redwood (2024).

Building a Fast, Scalable Platform

To support over 160,000 learners globally, we migrated the platform to Eleventy, optimized performance and scalability, and laid the foundation for accessible, inclusive learning.

  • Migrated from Jekyll → Eleventy for faster builds and scalable, reusable components
  • Optimized assets → 70% faster page loads, giving learners instant access to content
  • Mobile-first layouts and modular components → maintainable and adaptable design system

Accessibility at the Core

Accessibility was a priority from day one. We implemented best practices to ensure content was usable for a wide range of learners, while continuing to refine compliance with global standards.

PageSpeed Insights: 93 Performance, 100 Accessibility, 100 Best Practices, 100 SEO.
Eleventy front-end: 93 Performance, 100 Accessibility — learners experience a faster, inclusive platform.
  • Semantic HTML, keyboard-friendly focus states, and screen reader navigation
  • Contrast-verified color palette and text sizing for readability
  • Laid groundwork for accessibility compliance (WCAG & EAA)
Metric Pre-Eleventy Post-Eleventy Improvement
Largest Contentful Paint (LCP) 5.2 s 1.4 s 73% faster
First Contentful Paint (FCP) 5.0 s 1.4 s 72% faster
Time to First Byte (TTFB) 2.7 s 0.9 s 67% faster
Cumulative Layout Shift (CLS) 0.04 0.02 50% improvement
Interaction to Next Paint (INP) 285 ms 58 ms 80% faster
Pre- vs post-Eleventy front-end performance metrics, showing major improvements in load speed and responsiveness.

Seamless Launch

Surprise, Surprise: After launch, the platform demonstrated exceptional stability with zero visual regressions, no bugs, and no performance or functionality issues, highlighting the thoroughness of the migration and development process.

  • Achieved zero downtime during the 2025 relaunch
  • No support tickets post-release
  • Maintained a seamless design-to-development workflow, enabling ongoing iteration and improvements

These efforts ensured learners worldwide could engage with Gymnasium’s content seamlessly, reflecting UX-first thinking at every step.

Impact in Numbers

Gymnasium’s learner base doubled, from 80,000 in 2019 to over 160,000 by 2025, driven by a platform redesign focused on performance, accessibility, and scalability.

Year Learners Worldwide Notable Outcome
2019 80,000 Steady growth; demand accelerated by the pandemic
2024 160,000 Eleventy migration, accessibility-first redesign, faster, and more inclusive platform
2025 160,000+ Continued steady growth (over 1,000 new students/month); platform ready for future expansion
2026–2030 TBD Redesigned platform positions Gymnasium for scalable, accessible growth and innovation

Impact on Stakeholders

The zero-downtime launch with no support tickets exemplified a successful rollout that delivered clear benefits for learners, the business, and the team alike.

For Learners

  • Faster, consistent, and accessible experience
  • Clearer, more readable course content

For the Business

  • Reinforced Gymnasium’s brand and platform scalability
  • Reduced maintenance overhead via modular architecture

For the Team

  • Improved design → development workflows
  • Reusable design system and Eleventy components for future expansion

Awards & Recognition

Aquent Gymnasium’s commitment to innovative, accessible workforce development has been recognized repeatedly through the American Staffing Association’s Elevate Awards, honoring outstanding work-based learning programs in the staffing and recruiting industry.

Year Recognition
2018 Honored as one of the first recipients of the ASA Elevate Awards, recognizing its innovative, effective work-based learning program in staffing and recruiting.
2020 Recognized again for delivering free, industry-informed courses and credentials that bridge the gap between education and opportunity.
2024 Awarded for offering a free, scalable platform providing UX, accessibility, development, and career training—strengthening talent pipelines and talent placement.

Designing for Crisis

Beyond the relaunch, Gymnasium itself came to an end in mid-2025 due to company layoffs, which also affected our team. With the LMS scheduled to go dark, offline, in just a few weeks, we took on the responsibility of shutting it down with care, including notifying learners, ensuring they could access their earned certificates and badges, and making all course content publicly available. Thanks to the advocacy and inspiring leadership of Program Manager Andrew Miller and the collaboration of the Director of Technology and me as Design Lead, we preserved Gymnasium’s mission — keeping free online learning accessible to more than 160,000 students worldwide, even after the platform closed.

We audited course assets, secured essential account access, and launched a migration project on GitHub. Together, we moved core content to YouTube, adapting workflows to maintain usability and engagement through the shutdown.

During the migration, I identified a subtle but persistent UX flaw in YouTube’s subtitle upload flow. I documented the issue and mocked up a quick fix, adding filename visibility for better clarity and consistency, designed for future refinement.

Before: YouTube Studio upload step without filename during subtitles upload.
Current UI: Step 2 of YouTube’s upload flow (subtitles) hides filename, creating uncertainty.
After: Mockup displaying the subtitle filename for clarity and consistency.
Mockup UI: Displaying the subtitle filename restores flow clarity across all steps.

Before losing repo access, I also tackled instructor bio inconsistencies with Cursor AI, debugging complex content patterns and generating stable fixes in real time.

Cursor AI hotfix addressing instructor bio inconsistencies before repo access loss.
AI-assisted hotfix using Cursor to preserve instructor bio consistency under restrictive conditions.

These rapid-response actions ensured learners continued receiving quality instruction, even as the platform winds down, demonstrating deep commitment to user experience under pressure.

Working through this transition reinforced the importance of steady leadership, keeping perspective, and focusing on what matters when everything feels uncertain. Above all, it reminded me that UX is about the people, not the pixels.

Telling the Gymnasium Story

Even after being laid off, I remained committed to sharing our team’s work. In July 2025, I co-presented the Gymnasium platform redesign at the Open edX Conference in Paris with Roman Edirisinghe. Together, we prepared our talk after the layoff, part catharsis, part grievance process, determined to highlight the impact and intentionality behind the redesign.

Presenting at the conference gave us a chance to reconnect with the Open edX community and reflect on the journey, from platform launch to platform loss, while advocating for accessibility and learner-first design.

View Source: Seemingly Seamless slides on GitHub.
Justin Gagne smiles with mic in hand as Roman Edirisinghe covers his face beneath a slide reading “And that’s how we did it.”
Conference photo courtesy of Ildi Morris.

After the talk, Roman and I topped off the experience at Arkose Massy, a local bouldering gym with an outdoor bar. Over burgers and stories, we celebrated a chapter well closed, not just for Gymnasium, but for the team that built it — a memorable way to honor the journey and the community connections we forged along the way.

Even after leaving Gymnasium, I remained dedicated to sharing our work and advancing accessibility in online learning. UX design isn’t just a job; it’s about helping learners connect, engage, and thrive, even amidst uncertainty. Preparing and presenting our talk after the layoff was a way to honor that commitment and the team behind it.

Thank you, děkuji, merci beaucoup.