Free AI Visibility Score — See how AI finds and cites your website
Global Grids Catalyst
A scalable Webflow build for the future of power grids
Code & Wander was brought in as a Webflow development partner to build the new Global Grids Catalyst website, translating the approved design direction into a responsive, flexible, and easy-to-manage Webflow site.
No items found.
%202.webp)
The Challenge
Global Grids Catalyst needed a polished digital platform to communicate a complex global infrastructure mission with clarity and credibility.
Working in collaboration with HAA, Code & Wander was responsible for delivering the Webflow build, bringing the approved designs to life as a responsive, scalable website that could support future updates, content, and campaign activity.
The challenge was to build a Webflow site that could:
- Accurately translate the approved visual direction into Webflow
- Make a complex climate and energy topic feel clear and accessible
- Provide a flexible page and component structure for future updates
- Support content, campaign, and stakeholder communication needs
- Deliver a polished, responsive build that the team could manage over time
No items found.
The Approach
We worked closely with HAA throughout the build, translating their design system into a scalable Webflow site without losing any of its ambition:
1. Component Strategy
Audited the Figma designs to identify a library of reusable, code-supported components, each built to stretch Webflow beyond its native capability.
2. Design System Setup
Built the system on BLOCKS, establishing the design tokens, variables, and structure the team could build on independently.
3. A sandbox for the animations
We built an environment where the design team could experiment with the animations, testing timing and motion themselves, then handing us the exact parameters to implement.
4. Quality Assurance
Cross-device testing and refinement, ensuring every component performs consistently before handover.
5. Handover & Training
Documented the system and trained the team to build, edit, and extend pages themselves, no developer required.
.webp)
No items found.
No items found.
The Solution
We delivered a component-driven Webflow platform, built on BLOCKS, that matches HAA's design in full and gives GGC room to grow it well beyond its current pages.
- A component-first build, from buttons to full section blocks, matched precisely to HAA's design system
- Animation refined through a shared sandbox, giving exact motion rather than approximated timing
- CMS collections for team members and research content, so updates need no developer
- A password-protected Innovation Fund area, kept fully separate from the public site
- Full training and documentation, handing genuine ownership back to GGC's team
The result is a site GGC's team can manage, extend, and build on independently, without depending on a developer for routine changes.
