Free AI Visibility Score — See how AI finds and cites your website
Fatsoma
One system. Every future page, built in-house.
Fatsoma came to us wanting a site rebuild. We built them a design system instead: a scalable component library and a marketing team fully equipped to build the rest themselves.
No items found.
The Challenge
Fatsoma was expanding beyond ticketing into B2B, launching AI marketing and order & pay services. Their existing site was a brochure built for one business, not a platform that could sell three, or evolve quickly as the business grew.With a limited budget, the obvious route was a few new static pages. We suggested something different: build the system behind the pages instead, so every future page could be created without developer dependency.The challenge was to build a system that could:
- Deliver genuinely custom, high-impact design and interaction, not template-level Webflow
- Hide the code complexity completely, so the marketing team builds without touching code
- Give Fatsoma the capability to create unlimited future pages from the same system
- Do it within a limited budget, without compromising on quality
Client
Fatsoma
Industry
Consumer Services
Technology
Services
Design Systems
Webflow Development
Team
Alessia Sannazzaro
Liam McCabe
Kered Kurten
Timeline
4 weeks
.webp)
No items found.
The Approach
We worked with Fatsoma's team to design a system, not a set of pages, one built to support B2B growth beyond the initial two-page brief.
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 Fatsoma's team could build on independently.
3. Webflow Development
Custom-coded components, WebGL animations, and GSAP-powered interactions, all packaged so the marketing team can use them without ever touching code.
4. Quality Assurance
Cross-device testing and refinement, ensuring every component performs consistently before handover.
5. Handover & Training
Documented the system and trained Fatsoma's team to build, edit, and extend pages themselves, no developer required.
.webp)
No items found.
.webp)
.webp)
No items found.
The Solution
We delivered a component-driven Webflow platform built on BLOCKS, designed to scale with Fatsoma's B2B growth.
- A library of 40+ custom components, each stretching Webflow beyond its native capability
- Interactive WebGL animations and GSAP-powered motion, built as reusable code components
- A system simple enough for the marketing team to build and edit without ever touching code
- Two live pages, with the system ready to support unlimited future pages
- Full training and documentation, handing genuine ownership back to Fatsoma's team
The result is a platform that doesn't just support two pages, but gives Fatsoma the infrastructure to launch and scale their B2B offering independently.
Faster time to market
New pages go live without booking in developer time.
Lower cost per page
One investment in the system, unlimited pages after.
Reduced technical dependency
The marketing team owns page creation, not the dev team.
Consistent Brand at Scale
Every new page inherits the same design system, with no drift as the team builds.
Stronger brand perception
Helping Fatsoma position as a global events leader.
.webp)
“Code & Wander brought our new visual identity to life in Webflow while giving us a flexible system our team can continue to build with. The custom gradient functionality and reusable components have made the website both more distinctive and much easier to manage.”
Clare Treverrow
Visual Design Lead
at
Fatsoma
