Skip to content

Case study · 04 / 04 · 2026

The agency's own website, designed in Figma and being built on the same Next.js + Strapi stack the agency ships for clients.

Role

Designer & engineer

Timeline

Design complete · build in progress

Stack

Next.js · TypeScript · Strapi 5 · Motion · Tailwind CSS

Status

In progress design complete, build under way
MacDevelop cover

Context

MacDevelop is the Dutch agency I ship client work for. Its own site needed the same standard it sells: a fast, content-managed, animated marketing site.

What I built

  • The complete visual design in Figma: home, services, work and contact, with a motion plan for each section.
  • A build plan on Next.js + Strapi 5 using the atomic component system and animation architecture proven on client projects.

Architecture

Strapi dynamic zones for every marketing section so the team can reorder and rewrite pages without a developer, a Next.js front end with Motion for reveals, and Vercel previews on every pull request.

Outcome

Design complete and approved; the build is in progress. This page will switch from renders to screenshots when it ships.

Screens

  • MacDevelop homepage services section design

  • MacDevelop services page design

Next project

K-Station →