All projects

Bitsmiths Studio · Software agency

Marketing site for a studio that ships MVPs in 30 days. Every content type publishes from the CMS, without engineering time.

Private deployment, client project

Category

Website

Year

2025

Industry

Software agency

Optimization

Nothing done twice

Bitsmiths Studio on a laptop
Bitsmiths Studio on a phone

How it is optimized

Nothing done twice

Publishing is a CMS action, not a deploy.

Every content surface is modelled once in Directus and rendered through shared templates, so a new case study or post needs no engineering time. Media is converted to WebP per request, which removes the manual export step.

What keeps it lean

  • 01Shared templates for four content types
  • 02No deploy needed to publish
  • 03Images converted on request, not by hand

Caching, batching and reuse instead of regenerating the same work.

The challenge

The studio pitches production-ready MVPs in 30 days to founders who are comparing it against agencies charging many times more. That claim needs visible proof, and the proof changes every month: new case studies, articles and testimonials. The team needed to publish all of it without a developer in the loop.

The work

We built the marketing site on Next.js over a Directus CMS, modelling every content surface once and rendering it through shared templates. The page is ordered as an argument: promise, proof, objections, one call to action. Media is converted to WebP per request, so nobody exports images by hand.

Inside the product

More than one screen.

3 more screens from Bitsmiths Studio, captured at device size.

Bitsmiths Studio: Blog on a laptop

Blog

Posts and updates published from the CMS onto the homepage.

Bitsmiths Studio: Services on a laptop

Services

The service catalogue, written and ordered by the team in the CMS.

Bitsmiths Studio: Pricing on a laptop

Pricing

Plans and the enquiry path at the end of the page.

On the phone

Bitsmiths Studio: Home on a phone

Home

Bitsmiths Studio: Blog on a phone

Blog

Bitsmiths Studio: Services on a phone

Services

Bitsmiths Studio: Pricing on a phone

Pricing

How it is built

Architecture

Next.js App Router over a Directus headless CMS. Case studies, posts, testimonials and FAQs are CMS collections rendered through shared templates, with media served as WebP via request-time transforms.

Key features

CMS-driven case studies with a shared detail template
Engineering blog
Client testimonials carousel
Pricing and process FAQ
Per-page SEO and OpenGraph metadata

Challenges & solutions

Challenge

Marketing copy, case studies and articles needed to change frequently without a developer in the loop.

Solution

Modelled every content surface in Directus and rendered it through shared templates, so publishing is a CMS action rather than a deploy.

Challenge

Case-study imagery is heavy and would otherwise dominate page weight on a marketing site where first impression speed matters.

Solution

Served all media through Directus with WebP transforms applied per request, so pages ship modern formats without a manual export step.

The impact

What became easier, better or more effective.

The site does the studio’s selling. Case studies, articles, testimonials and FAQs publish from the CMS on save, so the proof behind the 30-day promise stays current without engineering time, and a founder who reads to the end arrives at the enquiry form already informed.

01

30 days

from brief to shipped MVP

The promise the site makes, backed by the case studies it publishes.

02

4

content types publishable without a deploy

Case studies, posts, testimonials and FAQs are edited in Directus and go live on save, by whoever wrote them.

03

1

call to action per visit

Promise, proof and objections come first, so the enquiry at the end is an informed one.

Stack

  • Frontend

    • Next.js
    • React
    • TypeScript
  • Styling

    • TailwindCSS
  • CMS

    • Directus

Optimization

Nothing done twice

Caching, batching and reuse instead of regenerating the same work.

Conscious AI

Let's talk

Tell us where you are. We'll say plainly what we would do next, and whether we're the right team for it.