About the project
Evergreen Safety Council runs training and certification programs. Their WordPress site had grown heavy with plugins and page builders, which slowed pages, fragmented the design, and made routine updates hard for non-technical staff. I rebuilt the entire site in Webflow to give the team a faster, easier-to-edit foundation with a structured CMS for programs, resources, and updates.
Goals
- Make editing simple so staff can publish without engineering help
- Improve performance and Core Web Vitals while keeping design fidelity
- Unify styles and components into a single design system
- Centralize program content in a clean CMS with filters and clear CTAs
- Preserve or improve SEO and analytics tracking during migration
Project execution
What I built
- Information architecture refresh - simplified navigation, clearer paths to programs and registration
- Webflow design system - tokens for color and type, a style guide page, reusable components for hero, stats, accordions, cards, CTAs
- CMS content model - Collections for Programs, Categories, Articles, FAQs, Testimonials, Locations, and Resources. Each Program has fields for overview, outcomes, prerequisites, schedule link, FAQs, and related programs
- Program detail templates - consistent layout for every course, including sticky CTA, outcomes, instructor notes, and FAQ blocks
- Search and filters - simple client side filtering by category, delivery type, and difficulty
- Forms and CRM handoff - Webflow forms with spam protection and clear success states, routed to the existing CRM via Tag Manager or a no code connector
- Accessibility - semantic structure, focus states, keyboard testing, color contrast checks, skip links
- Performance - image resizing and modern formats, conservative animations, font subsetting and preloads, deferred non essential scripts
- SEO and redirects - meta and social tags, sitemap, 301 redirect map from old WordPress URLs, validation of canonical tags and broken links
- Analytics - GA4 events for primary CTAs and form submits, consent banner hookup
Migration approach
- Audit of WordPress content and plugins, then a minimal set of integrations in Webflow
- CSV imports for Articles and Programs where possible, with manual QA for rich text and media
- URL mapping spreadsheet that pairs every legacy path with its new destination
- Staging reviews with staff to validate copy, CTAs, and tracking before cutover
Project results
Outcomes
- Editors can create a new Program page by duplicating a CMS item and filling fields instead of rebuilding a layout
- Visual consistency across pages due to the component library and shared tokens
- Lab tests show improved Core Web Vitals on key templates, with stable CLS and faster LCP on content heavy pages
- Cleaner analytics with first party events and fewer cross tool discrepancies
What comes next
- Phase 2 - program finder enhancements, richer search, and structured data for course listings
- Optional multilingual support and location based content
- Additional automation for certificates and post training communications
Why this works for Evergreen Safety Council
- One platform to edit and publish content quickly
- Fewer plugins and simpler governance reduce maintenance and risk
- A CMS that matches how the organization thinks about programs and resources
- A performance and accessibility baseline that can be maintained by non engineers
