Demos

See it before you order it.

For every line of business we build one complete example site - finished, live and designed down to the last detail. Not a picture of a website, an actual website you can scroll through.

Every demo is a fictional business. Names, prices and addresses are made up - the engineering behind them is not.

01Restaurant / Pizzeria

FUOCO

A Neapolitan pizzeria in Berlin. Cinematic scrollytelling from flour to oven, a dough ball rendered in real 3D, a menu that blooms as you move across it - and a pizza peel for a cursor.

  • A hero in three chapters - farina, pomodoro, fuoco - driven entirely by the scroll
  • A dough ball in real 3D that stretches flat into a pizza as you scroll
  • A menu that pins the matching pizza to your cursor, row by row
  • Its own cursor, film grain and a thread of olive oil instead of a scrollbar
ScrollytellingWebGLCustom cursorNext.js
Open the demo ↗
Open the live demo
02Architecture / Design practice

STUDIO NORD

An architecture practice in Berlin. The counterpart to FUOCO: no fireworks, but calm, grid and precision. A floor plan draws itself layer by layer as you scroll - and dissolves into the photograph of the room it describes.

  • A visible grid, generous margins and metadata set like annotations on a drawing
  • An SVG floor plan that builds in seven layers and cross-fades into the photograph
  • Existing building and renovation as a before/after wipe, driven by the scroll
  • A crosshair cursor with coordinates, a contact sheet, and one house across five hours
Editorial GridSVG-GrundrissScroll-SequenzenNext.js
Open the demo ↗
Open the live demo
03Fitness / Training studio

FORM TRAINING CLUB

An independent training studio in Berlin-Kreuzberg. The first demo that runs across three pages: home, studio and training. One working set of deadlifts plays out over three screens of scroll, the floor plan becomes the navigation, and a trial session is booked in four steps.

  • Three linked pages rather than one - sharing a header, a booking bar and a footer
  • A deadlift set that plays out as you scroll: weight, scale and photograph follow the same curve
  • The floor plan as navigation - six zones that explain themselves as you move across them
  • A weekly schedule with filters and session details, and a four-step trial booking
Drei UnterseitenScroll-SequenzenBuchungsstreckeNext.js
Open the demo ↗
Open the live demo
04Tax advisory / Professional services

KERN & PARTNER

A tax and business advisory firm in Hamburg. The quiet demo, across four pages: no spectacle, just information design. A page of bookkeeping resolves into three questions as you scroll, an ownership structure that grew by accident reorders itself under a new holding, and an annual statement becomes a basis for decisions line by line.

  • Four linked pages - home, services, expertise and the firm, sharing one header
  • A ledger that loses its columns as you scroll, until one line and three questions remain
  • A holding structure drawn in SVG that moves from how it is to how it should be
  • A professional intake instead of a contact box, expandable service rows and a planning year
Vier UnterseitenInformationsdesignScroll-SequenzenNext.js
Open the demo ↗
Open the live demo
Up next

Your line of business missing?

We are building the series out one demo at a time. Tell us what you do - or skip the demo and let's talk about your actual site.

Start a project →