Van eerste idee naar een website die van jou is

Studio · Handleiding · 4 min lezen

Van een eerste schets naar een complete website: in Studio werk je visueel aan het ontwerp, organiseer je de inhoud en controleer je het resultaat voordat je publiceert. Deze handleiding neemt je mee door vier stappen.

Begin met een sterke basis

Een nieuwe website begint met een idee. Wat wil je vertellen, voor wie maak je de pagina en wat moet een bezoeker kunnen doen? Kies een template die bij die structuur past. In Studio blijven de secties, teksten en beelden bewerkbaar op het canvas.

Vervang eerst de inhoud. Pas daarna de verhoudingen en witruimte aan. Zo beoordeel je het ontwerp met de teksten en beelden die er echt in komen.

Eén stijl, op elke pagina

Kleuren, typografie en herbruikbare componenten geven je website samenhang. Maak een header en footer één keer en gebruik ze op je andere pagina’s. Een wijziging aan het gedeelde onderdeel komt overal terug.

Bekijk het ontwerp op desktop, tablet en mobiel. Let op het ritme tussen koppen, tekst en beelden, en geef knoppen voldoende ruimte.

Geef je content een vaste plek

Met het CMS houd je de inhoud van je ontwerp gescheiden. Een collectie geeft artikelen dezelfde velden. Je overzicht laat bezoekers bladeren, terwijl de detailpagina ruimte geeft aan het verhaal.

Een goede artikelpagina heeft een duidelijke titel, een rustig leesritme en een route terug naar het overzicht. Laat het beeld het verhaal ondersteunen.

Van canvas naar HTML en CSS

Controleer voor publicatie de navigatie, formulieren en mobiele weergave. Open de voorvertoning en volg dezelfde route als een bezoeker. Elk onderdeel moet begrijpelijk zijn zonder uitleg.

Studio publiceert je ontwerp als HTML en CSS. Je neemt je website mee als bestanden en houdt de inhoud en de structuur in eigen hand.