Skip to content
ROODTSQUARED

Alchemy Hub

Pre-liveConsultancy siteLine 03

A consultancy with a great deal to say, and a website platform that made saying it expensive.

Alchemy HubPRE-LIVE

Overview

Alchemy Hub is a business-growth consultancy whose website carries services, client stories, a team, an events programme, a blog and a podcast. The site ran on a page-builder, which is a good answer to a much smaller question. We rebuilt it as a full site with each kind of content modelled properly, delivered on our own preview address so the client could walk through all of it while their live site carried on working.

The challenge

  1. The content had outgrown the container: services, stories, events and episodes all want to behave differently, and on a page-builder they are all just pages.

  2. Publishing had friction, because the platform had no idea what a service or an episode was.

  3. Nobody could gamble the live site on a rebuild that had to be right first time.

The approach

  1. Model the content: a service, a story, an event and an episode as four shapes with four behaviours.

  2. Keep the client's own photography and information architecture; give them somewhere better to live.

  3. Deliver the whole thing as a working site on a preview address, not a design to approve.

What we built

  1. Content model

    Adding the next service, story, event or episode is filling in a form, not rebuilding a page.

  2. Design system

    Editorial layout and real typographic hierarchy, built for them rather than chosen from a menu.

  3. Preview delivery

    Every route browsable at a RoodtSquared address, updating from the main branch, next to the live site for comparison.

Technologies and integrations

  1. React and TypeScript

  2. Structured content

  3. Netlify preview deployment

What changed

Outcome: The client can walk through a complete, working replacement for their website before deciding anything. Their own site remains their production website; this build has not replaced it.

Supporting evidence

  1. Pre-live. Delivered on a RoodtSquared preview address; not yet launched on the client's domain.

  2. No screenshots or client claims are published until the client agrees them.

Outgrown the platform your site was built on?

We can show you the replacement working before you decide.

Talk it through with us. No obligation to go any further.