← Al ons werk

De eerste klant van de studio was de studio zelf.

KlantLiana StudioDienstenWebsite · CMSJaar2026DoorlooptijdZes weken
Abstract stilleven van een gevouwen wireframeschets, letterproefkaarten en een terracotta tegel, als beeld van een studio die zijn eigen website bouwt
[ sitepreview ]
Het verhaal

Hoe we liana.studio bouwden

De eerste jaren draaide de studio op een website die eigenlijk een portfolio was, aan elkaar geplakt in een pagebuilder — prima voor een tijdje, nutteloos zodra we ja gingen zeggen tegen groter, technischer werk. Elke nieuwe case betekende een pagina kopiëren en hopen dat er niets brak. Er zat geen systeem onder, alleen gewoonte.

Toen we eindelijk een rustige maand hadden, gaven we onszelf de briefing die we normaal aan een klant geven: een site op een echt CMS, met elke sectie als een blok dat iemand kan herschikken zonder code aan te raken, en een designsysteem zo strak dat het aanpassen van één kleurvariabele door het hele geheel doorwerkt. Geen shortcuts, want het was van ons.

De bouw bracht problemen boven die we tot dan toe alleen vanaf de kant van de klant hadden gezien — een afbeelding die zijn kader net niet vulde, een prijspagina die een belofte herhaalde die niet op elk abonnement klopte, een rij cijfers die scheef oogde zodra er een getal verdween. Ze oplossen op onze eigen site leerde ons meer over het patroon dan welke klantopdracht ook, omdat er geen deadline was die ons dwong de fix live te zetten en door te gaan.

Zes weken later had de studio een site waar hij echt achter kon staan — en zijn eerste, eerlijkste case.

01 — De briefing

Bouw onze eigen site zoals we die van een klant zouden bouwen.

01Geen vaste pagina's. Elke sectie — team, prijzen, quotes, cijfers — moest een blok zijn dat een klant zelf kan toevoegen, verwijderen of herschikken.
02Geen tekst die we niet konden overdragen. Als een klant een kop niet kan aanpassen zonder ons te bellen, ligt het aan het veld, niet aan de klant.
03Eén designsysteem. Kleuren, typeschaal en spacing één keer vastgelegd als variabelen, zodat het aanpassen van één token de hele site in één keer verandert.
04Twee mensen, een paar weken — hetzelfde proces dat we verkopen, geen afgeslankte versie ervan.
[ detailbeeld ]
[ lettertypeproef ]
02 — Wat we bouwden

Een slice-zone-architectuur in plaats van een stapel vaste pagina's.

01Payload CMS op Postgres dat getypeerde content rechtstreeks aan Next.js levert — geen aparte API-laag om synchroon te houden.
02Een generiek sliceZone-patroon: elke pagina is een geordende lijst herbruikbare blokken, geen maatwerktemplate.
03Gedeelde bouwstenen — knoppen, koppen, mediablokken — hergebruikt in elk blok in plaats van per pagina opnieuw getekend.
04Echte content in elk veld vanaf dag één: cases, prijzen, FAQ's — niets live gezet als lorem ipsum.
Waar het uitkwam

Zes weken, twee mensen, één live site.

6wVan briefing tot lancering2Mensen die het bouwden100%Door de klant te bewerken, blok voor blok
We behandelden onze eigen briefing als die van een klant — geen shortcuts, geen half afgemaakte blokken. Wat we niet aan een klant zouden opleveren, ging hier ook niet live.Nora FeldDesign lead, Liana Studio