Work

Generate: a community website the team can change themselves.

Generate brings together more than 1,500 in-house B2B marketers across Australia and New Zealand, through a Slack community, meetups and the annual Generate Summit. We built their Webflow site in 2024, and in 2026 designed and built a new one their own team can update.

Client
Generate
Industry
B2B marketing community
Region
Australia and New Zealand
Timeline
2024 to now
Work
Live site
generate.community(opens in a new tab)
Our team
  • Matthew BishopDesign system and build
  • Mark EspedidoDevelopment
Generate team
  • Axel SukiantoFounder
  • Kaylee Liu
The new Generate home page: “Join 1,500+ ANZ marketers, from solo marketers to big teams. Find your people here.”

A site the team was waiting on.

Generate’s team runs a community, an annual summit and an awards program, and the website has to keep up with all three. On the Webflow site we built in 2024, most design changes still came through us, which slowed things down whenever the team wanted to move quickly.

The goal for the new site was speed to market: a design system the team could build with, and pages they could change themselves, including by asking an AI assistant, with the Generate Summit and the Ones 2 Watch awards living on the same site.

By the numbers.

  • 1,500+in-house B2B marketers in the community
  • 3brands in one design system: Generate, the Summit and Ones 2 Watch
  • 2websites built for Generate, in 2024 and 2026

What we did for Generate.

2024 to 2026

The first site

We built Generate’s Webflow site in 2024 and kept adding to it as the community grew, most recently pages for the Generate Summit.

  • The Webflow site, launched in 2024
  • Summit pages with speakers and the agenda run from the CMS
  • Pages for past events

August to September 2026

A design system first

For the new site we started with the system rather than the pages. We designed it in Paper, from foundations and tokens through spacing, forms and components, then presented two concepts. Generate chose the second, keeping the two-column blocks from the first.

  • Colour, type and spacing tokens, set up to go straight into code
  • Forms and components for every page
  • One system for Generate, the Summit and Ones 2 Watch
  • Desktop and phone designs for each page

October 2026

Build and handover

We built the site as code from the design system, with Astro and Tailwind on Vercel, and set it up so Generate’s team can make changes themselves and see them on a preview before they go live.

  • Home, Summit and blog pages
  • Ticketing, the agenda and speakers on the Summit page
  • Join and sponsor forms connected to HubSpot
  • Editing rules for the team’s AI assistant, with a preview of every change
  • Structured data, a sitemap and an llms.txt file for search and AI
  • A walkthrough with the team at handover
  • The new Generate home page on a phone
  • The Generate Summit page on a phone
  • The Generate blog on a phone

Changes the team makes themselves.

The old site’s problem wasn’t how it looked, it was who could change it. So the new site is built as code with its own editing rules: the team asks an AI assistant for a change, it makes it on a separate copy of the site, and they check it on a preview link before it goes live.

The rules set out how pages are put together, which components to use and what never to touch, so a change made in a hurry still looks like the rest of the site.

One design system, three brands.

Generate runs three things under one roof: the community, the Generate Summit and the Ones 2 Watch awards. The design system covers all three. The Summit adds one colour and graphics of its own, and Ones 2 Watch, whose brand was designed separately, slots into the same components.

The colours, type and spacing defined in Paper go straight into the site’s code unchanged, so the designs and the site can’t drift apart. Type and spacing scale smoothly between the phone and desktop designs, and photo collages resize as one picture rather than breaking apart on smaller screens.

A Summit page that sells tickets.

The Generate Summit is the year’s big event, so its page does the selling: tickets on the page itself, the agenda colour-coded by stage, speakers you can filter, and a boarding pass that sums up the day at a glance.

Below that, a replay of last year’s event, what attendees said about it, and the sponsors who make it happen, with a way to become one.

Joining, in one form.

Generate vets every application to keep the community relevant: members are in-house marketers, not salespeople or agencies, and based in Australia or New Zealand. The join form says so up front, asks the few questions that matter, and goes straight to Generate’s HubSpot, with a question for referrals from existing members.

Sponsors have a form of their own, so the right enquiries reach the right person.

The new site has structured data describing the organisation, the Summit as an event and its FAQs, keyword-led page titles, a sitemap, and an llms.txt file that tells AI assistants what Generate is.

Previews of changes are hidden from search engines by default, so only the live site is indexed, however many versions the team checks along the way.

In their words.

“Working with Matt on a webflow website was a delight. He asked the right questions, super responsive, goes the extra mile for us… 100% would recommend!”
Axel Sukianto, Founder, GenerateGoogle review ↗
“Working with the Superbrick team was super easy, we gave them a pretty open ended brief and asked them to fill in the blanks and they really delivered! Their flexibility, adaptiveness to feedback, and quick turnaround times made them great to work with…”
Kayla Medica, GenerateGoogle review ↗