Turning a brand site into a publishing and new-business engine
We extended The Impact Collective's Next.js and Prismic site from a brand brochure into the system that runs their business: a podcast platform, an events hub, service pages that scope and price their B Corp and Impact Strategy offers, a case study library, and 23 reusable blocks the team publishes all of it with.
See it live at theimpactcollectivepdx.com
Challenges and solutions
Extending a distinctive brand without diluting it
The challengeThe Impact Collective already had a bold, high-contrast identity: deep navy, vibrant red and cream, with a unique illustrated character style. Most added functionality on a site like this arrives looking bolted on, and one generic section would have undercut the whole thing.
What we shippedWe engineered every new page and block pixel-perfect into that brand, fully responsive and brought to life with Framer Motion. Each block also exposes brand-native background and colour options in the CMS, so the team recolours and rearranges sections without ever stepping outside the design system.
Giving the podcast a real home
The challengeTheir show, Sunny Brands, was the front door to the community, but it lived entirely on third-party platforms. The site had nowhere to send a listener, and no way to turn an episode into a reason to come back.
What we shippedWe built a full podcast platform: a scannable episode directory, season views, and immersive episode pages that embed the video player directly in the branded layout alongside descriptions and key takeaways, with one-tap subscribe links to YouTube, Spotify and Apple Podcasts. A new episode is now a CMS entry, not a ticket.
Turning gatherings into attendance
The challengeEvents were announced ad hoc with no consistent place to point people, which meant every gathering started from zero and the RSVP path changed each time.
What we shippedWe built a dynamic events system: a clean chronological listing, and detail pages designed to convert, each leading with a bold hero, the key logistics of date, time and location, and a prominent RSVP call to action. An event goes from idea to a live, on-brand page in minutes.
Selling the services, not just describing them
The challengeThe consulting offers are the business: B Corp certification, Impact Strategy, the New Standards Readiness Check, a Fractional Impact Officer. The site described them in prose, so a serious buyer could not see what an engagement actually included, what it cost, or how to start one.
What we shippedWe built dedicated service pages and the blocks that make them convert. A split-colour Readiness Check offer carries scope, deliverables, price and a booking CTA. A Fractional Impact Officer section lays out the ways to engage as colour-blocked cards. An Engagement Formats row gives each option an icon, a timeline, who it suits and its deliverables. All of it editable, so pricing and packaging change without a deploy.
Proving the credibility before asking for the call
The challengePurpose-driven buyers are unusually evidence-driven, and the site was asking for a booking before it had shown the work. The proof existed, it just had nowhere to live.
What we shippedWe built the proof layer: a client logo strip with marquee, grid and double-row layouts and a name-tile fallback, a credentials strip rendering Certified B Corp, 1% for the Planet and People + Planet First as brand-native badges, a Featured by B Lab block, and a full case study system with its own content type, listing, detail pages, and a section block that shows studies stacked or rotating with a pager.
Routing visitors to the right next step
The challengeMore pages, more offers and more proof create a new problem: the risk moves from having nothing to say to burying it. Someone arriving to recertify should not have to hunt for the certification page.
What we shippedWe built bridge and pathway blocks that carry traffic between the pieces. An Impact Framework bridge connects the sustainability-management-system question straight to their own framework, and a B Corp pathway strip routes recertification traffic to the certification page. The rebuilt footer leads with their credentials on every page and carries a streamlined newsletter signup wired to their mailing list.
Before and after
- BeforeA podcast with nowhere on the site to liveAfterA podcast platform with seasons, episodes and subscribe links
- BeforeEvents announced ad hoc, with no RSVP pathAfterAn events hub with full logistics and RSVP on every event
- BeforeServices described in paragraphs of proseAfterScoped, priced offer pages with booking CTAs
- BeforeCredibility claimed rather than shownAfterClient logos, credentials, a B Lab feature and case studies
- BeforeAn annual impact report as a flat documentAfterA striking digital report, colour-blocked and genuinely readable
- BeforeEvery content change waiting on a developerAfter23 reusable blocks the team assembles on its own
Building on their brand
The Impact Collective helps purpose-driven people and organizations deepen, measure and grow their social and environmental impact. They are a community organization built around the B Corp movement, 1% for the Planet, and purpose-driven business, and they came to us with something most clients do not have: a genuinely distinctive brand already in place.
That made the constraint clear. Everything we added had to look like it had always been there.
A podcast platform
A full podcast experience for their Sunny Brands show: a scannable episode directory, season views, and immersive episode pages that embed the video player directly in the branded layout alongside descriptions and key takeaways, with one-tap subscribe links to YouTube, Spotify and Apple Podcasts.
The team adds a new episode by filling in the CMS. No developer, no broken layouts.
A community events hub
A dynamic events system: a clean, chronological listing and detail pages designed to convert. Each event leads with a bold hero, the key logistics, and a prominent RSVP call to action.
Offer pages that do the selling
The bigger shift was moving the consulting offers out of prose and onto pages built to convert. Each one is assembled from blocks the team controls:
- The New Standards Readiness Check renders as a split-colour offer section: scope and deliverables on one half, the price and booking CTA on a companion colour half. A buyer can see exactly what they get and book it.
- The Fractional Impact Officer offer opens with a centred title and intro, then lays out the ways to engage as colour-blocked cards and closes on a CTA.
- Engagement Formats presents the ways to work together as a row of cards, each carrying an icon, a timeline, who it suits, and its deliverables.
Because all three live in the CMS, packaging and pricing change when the business changes them, not when a developer is free.
Proof, before the ask
Purpose-driven buyers want evidence. We gave the credibility somewhere to live:
- A client logo strip with marquee, grid and double-row layouts, adjustable scroll speed, and a name-tile fallback for clients without a usable logo.
- A credentials strip rendering Certified B Corp, 1% for the Planet and People + Planet First as brand-native badges with captions and links.
- A Featured by B Lab block, pairing the story with the B Lab credential and linking straight to the feature.
- A case study system: its own content type with outcomes, a short and a full story, a short and a full quote, an author and headshot, plus a listing, detail pages, and a section block that renders studies stacked in alternating colours or rotating one at a time with a pager.
Movement building and the impact report
Beyond the content hubs and the offers, we built a Movement Building page that introduces the causes they champion, the People and Planet First movement, the B Corp movement and 1% for the Planet, and we rebranded their annual Impact Report into a striking digital report: colour-blocked sections, custom iconography, and data made genuinely engaging to read.
The Impact Collective's site is no longer a brochure with a contact form on the end. The podcast and events hubs act as real growth engines for the community, the service pages scope and price the consulting work that pays for it, the proof blocks and case study system make the credibility visible, and the rebranded impact report tells their story with weight.
All of it runs on 23 reusable blocks, so the team scales every part of it on their own schedule, with no technical friction and without ever falling off brand.
Technology stack
Is your site describing your services or selling them?
We turned The Impact Collective's brand site into the place their offers get scoped, priced and booked, all published by their own team. Tell us what yours needs to do.