The Challenge
Genzeon, a healthcare IT consulting firm specializing in digital transformation, AI, and cybersecurity, had a website that had become more trouble than it was worth. The site was built on a split architecture in which the content lived in one system and the design in another, meaning even simple updates, like changing a headline or swapping an image, required developer involvement. The marketing team had lost control of its own website. After working with previous development firms who couldn't resolve the underlying problem, Genzeon needed a partner who could rebuild the site into something their team could actually manage, while matching their already-approved designs exactly.
Our Solution
FatLab rebuilt the entire site into a single, manageable platform in 7-8 weeks, eliminating the two-system complexity while matching the approved designs pixel for pixel. The new site gives Genzeon's marketing team 19 flexible page layouts they can mix and match to build new pages on their own, a mega menu their team can update from the admin panel, a blog system with automatic tables of contents and reading time estimates, and a built-in search that works instantly as visitors type. All existing content (258 pages and posts plus 741 images and documents) was migrated into the new platform without losing anything.
What We Built
- A complete website rebuild eliminating the two-system architecture that was blocking the team
- Nearly 1,000 content items migrated including all pages, posts, images, and documents
- 19 flexible page layouts the marketing team can use to build new pages without a developer
- A mega menu system fully manageable from the admin panel
- Built-in search and blog filtering that works instantly without page reloads
- Search-optimized FAQ sections that can appear as rich results in Google
- Completed in 7-8 weeks from kickoff to launch
Project Overview
Genzeon is a healthcare IT consulting firm that helps healthcare organizations navigate digital transformation, artificial intelligence, cybersecurity, and cloud migration. Their work spans the intersection of technology and healthcare operations, serving clients who need technical expertise applied to one of the most regulated and complex industries.
When Genzeon came to FatLab, the company's website had become a liability rather than an asset. The site was built as a headless WordPress implementation, a decoupled architecture in which WordPress served as the backend content management system while a separate frontend application handled rendering and display. This approach, while technically sophisticated, had created a situation where making routine content updates required coordination between two disconnected systems. Non-technical staff could not make changes without developer involvement, the editorial workflow was fragmented, and the site had become difficult for anyone outside the development team to manage.
After working with previous development partners who could not resolve the fundamental architectural mismatch between the headless approach and the team's operational needs, Genzeon needed a partner who could start fresh. The goal was clear: rebuild the site as a single, manageable WordPress platform while preserving every detail of the already-approved designs. No redesign, no creative reinterpretation. The same visual experience, delivered on an architecture that the marketing team could actually use.
From Headless to Traditional WordPress
Why the Headless Architecture Failed
The headless WordPress approach was not technically broken. The decoupled frontend rendered pages, the WordPress backend stored content, and the API layer connected the two. But the architecture was operationally burdensome in ways that compounded over time.
Every content update required understanding which system controlled which part of the output. Simple tasks like changing a headline or swapping an image meant navigating between the WordPress admin panel and the frontend codebase. The editorial team had lost autonomy over their own website. Content changes that should have taken minutes required developer tickets and scheduling instead. For a growing healthcare IT firm trying to establish thought leadership through blog content and case studies, this bottleneck was unsustainable.
The decision to move from headless to traditional single-instance WordPress was not a step backward in sophistication. It was a recognition that the right architecture is the one that serves the team using it. A traditional WordPress installation with a well-built custom theme can deliver the same frontend experience while giving content editors direct control over every page, post, and layout on the site.
The Migration
The migration encompassed nearly 1,000 content items that needed to be moved from the headless setup to the new traditional WordPress structure. This was not a simple database import. Content that had been structured for a decoupled API layer needed to be restructured into ACF flexible content layouts, custom post types, and WordPress's native content management system.
| Content Type | Items Migrated |
|---|---|
| Pages | 32 |
| Blog Posts | 169 |
| Leadership Profiles | 9 |
| Partner Listings | 25 |
| Client Reviews | 14 |
| Testimonials | 9 |
| Media Assets | 741 |
| Total | ~1,000 |
Blog content alone required mapping 169 posts across 9 categories and 113 tags, preserving the content taxonomy that Genzeon had built over time. Media assets, including images, documents, and downloadable resources, were migrated into the WordPress media library with proper associations to their parent content.
Technical Implementation
Custom Theme Architecture
FatLab built a fully custom WordPress theme using Bootstrap 5.3.2 as the CSS framework foundation. Rather than relying on a single CDN, the theme implements a multi-tier CDN fallback system that loads Bootstrap from the primary CDN, falls back to Cloudflare if the primary CDN is unavailable, and includes inline emergency CSS as a final safety net. This ensures the site's layout never breaks, even during CDN outages.
The stylesheet architecture uses 47 SCSS source files organized in a 7-tier structure compiled with Dart Sass:
| Tier | Purpose | Contents |
|---|---|---|
| Abstracts | Variables, mixins, functions | Design tokens and reusable utilities |
| Vendors | Third-party overrides | Bootstrap customizations, Swiper adjustments |
| Base | Foundation styles | Typography, reset, base element styling |
| Layout | Structural components | Header, footer, grid system, page structure |
| Components | Reusable UI elements | Buttons, cards, forms, navigation elements |
| Modules | Feature-specific styles | Blog layouts, testimonial displays, team sections |
| Pages | Page-specific overrides | Individual page styling and adjustments |
This 7-tier organization means that any developer working on the theme can immediately locate where a particular style lives. Typography changes go in Base, navigation updates go in Components, and page-specific adjustments go in Pages. The separation prevents the kind of CSS sprawl that makes themes unmaintainable over time.
The theme loads Google Fonts (DM Sans and Raleway) for typography, Font Awesome 6 for iconography, and Swiper 11 for testimonial and content sliders. JavaScript is organized into seven discrete modules: core theme functionality, DevOps utilities, testimonials slider, animated statistics counter, table of contents generation, cookie consent banner, and Bootstrap initialization with a 10-retry fallback system that ensures the framework loads even under adverse network conditions.
The Mega Menu System
One of the most complex frontend features is the mega menu navigation system, built entirely with ACF repeater fields rather than a third-party menu plugin. The mega menu uses tabbed panels with organized columns for solutions, services, and platforms, each with calls to action and descriptive content that editors can update directly from the WordPress admin under Theme Options.
On desktop, the mega menu activates on hover, revealing structured content panels that give visitors a complete view of Genzeon's service offerings. On mobile, the same content restructures into an accordion fallback that preserves all navigation items in a touch-friendly format. Because ACF fields power the entire menu system, the marketing team can add, remove, or reorganize menu sections without touching theme code.
Flexible Content System
The theme provides 19 flexible content layouts that can be combined in any order to build unique pages. This composable approach means Genzeon's team can create new landing pages, service descriptions, and campaign pages without developer involvement.
| Layout | Description |
|---|---|
| Hero Slides | Full-width animated hero with multiple slides |
| Photo Marquee | Scrolling photo banner with overlay text |
| Dual Image Header | Split-screen image layout with content |
| Image with Stats | Featured image alongside animated statistics |
| Static Hero | Simple hero section with heading and CTA |
| Text with Image | Side-by-side content and image block |
| Full-Width Text | Edge-to-edge rich text content area |
| Stats Counter | Animated number counters for key metrics |
| Card Grid | Flexible grid of content cards |
| Testimonial Slider | Rotating client testimonials with Swiper |
| Team Grid | Leadership and team member display |
| Partner Logos | Client and partner logo showcase |
| FAQ Accordion | Expandable question-and-answer sections |
| CTA Banner | Call-to-action section with background options |
| Video Embed | Responsive video with lazy loading |
| Tabbed Content | Multi-tab content organization |
| Timeline | Chronological milestone display |
| Icon Grid | Service or feature grid with icons |
| Blog Feed | Dynamic latest posts display |
The theme also includes 5 distinct page header variants that give each page a unique visual identity at the top:
| Header Variant | Use Case |
|---|---|
| Hero Slides | High-impact landing pages with rotating content |
| Photo Marquee | Visual storytelling with scrolling imagery |
| Dual Image | Service pages with split visual layouts |
| Image with Stats | Data-driven pages highlighting key metrics |
| Static Hero | Standard pages with clean heading and CTA |
Behind these layouts sit 12 ACF field groups containing 278 total fields that control every configurable aspect of the content. An ACF Options Page provides centralized settings for site-wide elements such as contact information, social links, and global CTAs, so common data is managed in one place rather than hard-coded across templates.
Search and Content Features
The theme includes AJAX-powered live search in the site header that returns results as the visitor types, without triggering a full-page reload. This search is built directly into the theme rather than relying on an external search plugin.
The blog system is equally self-contained. AJAX category filtering lets visitors dynamically filter the blog archive by category tags, loading results without page navigation. Each blog post includes:
- Auto-generated table of contents that scans headings and creates a navigable outline
- Estimated reading time calculated from word count
- FAQ sections with JSON-LD schema markup that enables search engine rich results, allowing Genzeon's blog posts to appear as expandable FAQ snippets in Google search
- Related posts displayed at the end of each article based on category and tag matching
These features were built into the theme because they are core to the site's content strategy. By avoiding external plugins for search, filtering, and blog enhancements, FatLab reduced the dependency chain and ensured these features would not break when plugins update or lose support.
Custom Post Types
Beyond standard pages and posts, the theme registers 4 custom post types to organize Genzeon's structured content:
| Post Type | Count | Purpose |
|---|---|---|
| Leadership | 9 | Executive and management team profiles |
| Partners | 25 | Technology and consulting partner listings |
| Reviews | 14 | Client reviews and ratings |
| Testimonials | 9 | Featured client testimonial quotes |
Each post type has its own archive template and single-item display, with ACF fields controlling the structured data that appears alongside the content.
Plugin Stack
The production site runs 11 active plugins, a lean count that reflects how much functionality FatLab built directly into the custom theme:
| Plugin | Role |
|---|---|
| Advanced Custom Fields Pro | Flexible content fields, options pages, repeater fields |
| Yoast SEO | Search engine optimization, XML sitemaps, meta management |
| Swiper | Content and testimonial slider functionality |
| WP Mail SMTP | Reliable email delivery for form submissions |
| Redirection | URL redirect management for migrated content |
| Safe SVG | SVG upload support with sanitization |
| Classic Editor | Content editing interface preference |
| Duplicate Page | Quick content duplication for editorial workflow |
| Pantheon Advanced Page Cache | CDN and edge caching integration |
| Pantheon HUD | Hosting environment management toolbar |
| WP Native PHP Sessions | Session handling for Pantheon's containerized infrastructure |
Three of the 11 plugins are Pantheon-specific and required by the hosting platform's containerized architecture. The remaining eight represent the full extent of third-party functionality the site needs, because features like the mega menu, AJAX search, blog filtering, FAQ schema, and flexible content layouts all live in the theme itself.
Security and Infrastructure
Genzeon hosts its site on Pantheon, a hosting relationship that predated the engagement with FatLab. Pantheon's platform provides container-based WordPress hosting with built-in CDN, automated backups, and development/staging/production environments. FatLab built the custom theme to work within Pantheon's architecture, including the required session-handling and caching plugins, and continues to provide ongoing WordPress support services for development and maintenance.
The theme itself implements security headers directly in WordPress rather than relying solely on server configuration: X-Frame-Options to prevent clickjacking, X-Content-Type-Options to block MIME sniffing, and Referrer-Policy to control information leakage in outbound requests. These headers are set at the theme level, so they travel with the code regardless of the hosting environment.
The Bootstrap initialization fallback system deserves specific mention as an infrastructure resilience feature. The 10-retry mechanism ensures that even if the CDN delivering Bootstrap is slow or temporarily unavailable, the site's layout framework will eventually load or gracefully degrade to the inline emergency styles. For a healthcare IT firm whose website serves as a trust signal for enterprise clients, this kind of resilience is not optional.
Results and Impact
The decision to move from headless to traditional WordPress proved to be exactly the right call for Genzeon's team and their operational reality. A previous partner chose headless architecture for technical reasons that did not account for how the marketing team actually needed to work day to day. By rebuilding as a single-instance WordPress installation, FatLab restored the editorial autonomy that Genzeon's team had been missing. Content editors can now build pages from 19 flexible layouts, update the mega menu, publish blog posts with automatic FAQ schema, and manage all four custom post types without opening a code editor or filing a developer ticket.
The numbers tell the story of a complete rebuild: nearly 1,000 content items migrated into a new architecture, 19 flexible content layouts with 5 page header variants providing composable page building, 278 ACF fields across 12 field groups powering the content management system, and a 47-file SCSS architecture organized in 7 tiers ensuring the codebase remains maintainable as the site evolves. The blog system alone contains 169 posts organized across 9 categories and 113 tags, each with auto-generated tables of contents, reading time estimates, and JSON-LD FAQ schema markup for search engine rich results.
The 7-8 week project timeline, with two weeks of core development followed by 4-6 weeks of refinement and content population, reflected a realistic approach to launching a complex WordPress site within a corporate environment. The refinement phase accommodated departmental reviews, executive approvals, and the inevitable content adjustments that surface when a team starts working with a new platform. The result is a site that matches the approved designs pixel-for-pixel while running on an architecture that Genzeon's team can manage independently going forward.
Results
- nearly 1,000 content items successfully migrated from headless to traditional WordPress
- 19 flexible content layouts replacing developer-dependent content management
- 7-8 week project timeline from kickoff to launch
- Custom mega menu with tabbed panels managed entirely from WordPress admin
- AJAX live search and blog filtering built into the theme without external plugins
- 11 active plugins reflecting how much functionality lives in the custom theme