Strategisch gesprek Waarom we nooit met code beginnen
Een website bouw je niet los van de rest. Voordat de ontwikkeling begint, controleren we één ding: heb je een goede brandguide? Zo ja, dan ben je klaar voor de bouw van je website. Zo nee, dan leggen we eerst dat fundament. Een website zonder merksysteem eronder communiceert inconsistentie, en in het premiumsegment staat inconsistentie gelijk aan kwaliteit die je niet in de hand hebt.
Die check beschermt jou. Het is het verschil tussen een site die één seizoen mooi oogt en een site die je over drie jaar nog steeds goed vertegenwoordigt.
Een website die antwoord geeft
De websites die we maken, ontwerpen we in Figma en bouwen we in Astro. Ze werken prettig om één reden die de meeste bureaus niet kunnen bieden: je kunt in gewone taal met je website praten. Je website wordt de centrale bron van waarheid voor je hele bedrijf. Het is de plek waar de techniek achter je ontwerp samenkomt, en daarmee een fundament voor automatisering in je hele organisatie. Je teksten, je structuur en je data staan op één plek, en je tools kunnen eruit putten.
Daar maken wij het verschil. Geen mooiere template, maar een website die werkt als infrastructuur.
Het plan in drie stappen
Eerst leggen we het fundament: de kern van je bedrijf, het verhaal, de pagina’s. Daarna geven we het vorm: structuur en stijl, en vervolgens een compleet ontwerp in Figma dat jij goedkeurt. Tot slot bouwen we en leveren we op: ontwikkeling in Astro, een gezamenlijke review en de lancering. Zes fases in totaal, elk met een eigen feedbackmoment. Hieronder lees je alle details. Bovenaan deze pagina kun je het volledige proces downloaden als pdf of kopiëren naar je eigen AI-assistent.
Fase 1: het fundament
We beginnen met een moodboard en een brandscript. In het brandscript halen we de kern van je bedrijf naar boven, zodat de communicatie op je website meteen helder is voor iemand die nog nooit van je heeft gehoord. Daarnaast maken we een sitemap: we brengen in kaart welke pagina’s je website volgens ons nodig heeft om te functioneren, en hoe die pagina’s met elkaar samenhangen.
Pas als we het eens zijn over de sitemap, de pagina’s, de verbindingen daartussen, het brandscript en het moodboard, gaan we verder. Niet eerder.
Fase 2: wireframe en stylescape
In de tweede fase voegen we de sitemap en het brandscript samen. Nu weten we per pagina, onderdeel voor onderdeel, wat die moet communiceren. Met het brandscript zorgen we dat het resultaat een logische, psychologische route wordt die je bezoekers naar de acties leidt die jij wilt.
Het resultaat is een wireframe. Een wireframe bevat bewust nog geen ontwerpelementen. Zo kunnen we ons richten op de route door de website, zonder afleiding van kleur en typografie.
Tegelijkertijd werken we het moodboard, tot dan toe losse fragmenten en kleine experimenten, uit tot een stylescape. Een stylescape is nog geen brandguide. Het is de gekozen sfeer, afgestemd op jou en tastbaar gemaakt: nog steeds een schets van het uiteindelijke ontwerp, maar veel relevanter. Vind je het soms lastig om je voor te stellen welke richting een ontwerper op wil? Dan is dit de stap waarop het kwartje valt.
Fase 3: brandguide en high-fidelity-ontwerp
Als het wireframe en de stylescape allebei kloppen, werken we de stylescape concreet uit tot een brandguide. Hier steken we echt tijd in, zodat je stijl vastligt in iets wat je zelf in handen hebt, en niet alleen in het hoofd van een ontwerper zit.
Daarna voegen we de brandguide en het wireframe samen. Het resultaat is een high-fidelity-ontwerp van je website in Figma. Afhankelijk van het budget ontwerpen we de homepage en eventueel één andere pagina die veel ontwerpwerk vraagt. Kies je voor de exclusieve route, waarin kwaliteit zwaarder weegt dan besparen? Dan ontwerpen we elke pagina tot in detail in Figma.
Fase 4: bouwen in Astro
Als we het eens zijn over het ontwerp, gaan we bouwen. De site wordt ontwikkeld in Astro: snel, toegankelijk, makkelijk te bewerken en vanaf dag één klaar voor zoekmachines. In deze fase ben je wat minder betrokken. We bouwen wat je hebt goedgekeurd.
Fase 5: oplevering, bijschaven en livegang
Dan leveren we op en bekijk jij de website. We zijn mensen, geen robots, dus er zullen foutjes in zitten en er moet nog wat worden bijgeschaafd. Heb je het gevoel dat iets nog niet helemaal op niveau is, of zie je uitlijningsproblemen (bij handwerk heel normaal), dan bespreek je dat met ons in een gesprek. We lopen samen alles door en halen elke bug eruit. Zijn de bugs eruit en ben je tevreden met het resultaat, dan zetten we de site live.
Zo werken feedback en wijzigingen
De fases zijn bewust van elkaar gescheiden. Elke keer dat een fase klaar is, heb je een moment om feedback te geven. Ga je akkoord, dan gaan we door naar de volgende fase. Houd er rekening mee dat latere fases voortbouwen op wat je eerder hebt goedgekeurd. Verander je van gedachten over iets waarover we al akkoord waren, dan kunnen we de afgesproken deadlines niet garanderen en ook het oorspronkelijke budget niet aanhouden, omdat de wijziging extra capaciteit kost. Van gedachten veranderen mag altijd. We vragen alleen dat je weet wat het betekent voordat je het doet.
Wat je uiteindelijk krijgt
Een website die eruitziet, leest en voelt als het bedrijf dat je werkelijk bent. Klanten die je kwaliteit al voelen vóór het eerste gesprek. Een centrale bron van waarheid waarop je team en je automatiseringen kunnen vertrouwen. En een stijl die van jou is, vastgelegd in een brandguide, zodat elk volgend contactmoment consistent blijft.
Klaar om met het fundament te beginnen? Plan een strategisch gesprek. We vertellen je eerlijk of je merk klaar is voor ontwikkeling, of wat er eerst moet gebeuren.
Veelgestelde vragen
Heb ik een brandguide nodig voordat jullie mijn website bouwen?
Ja. Een website zonder merksysteem eronder communiceert inconsistentie. Heb je er nog geen, dan bouwen we die eerst in de fundamentfase: brandscript, moodboard en sitemap, daarna stylescape en brandguide. Heb je er al een, dan ben je klaar voor ontwerp en ontwikkeling.
Wat maakt een website in Astro anders?
Snelheid, bewerkbaarheid en structuur. De site wordt een centrale bron van waarheid voor je bedrijf, waarmee je in gewone taal kunt praten en die je kunt koppelen aan je automatiseringen. Bovendien is hij vanaf dag één klaar voor vindbaarheid in zoekmachines en AI, zonder een stapel plugins die je moet onderhouden.
Wat kost een professionele website in Amsterdam?
Dat hangt af van de scope. Kleinere projecten beginnen rond EUR 4.000, grotere platforms met een CMS kunnen oplopen tot EUR 20.000 of meer. De belangrijkste factor is of we alleen de homepage in Figma ontwerpen of elke pagina tot in detail. Die scope spreken we af in fase één.
Hoe lang duurt het om een nieuwe website te lanceren?
Eenvoudige projecten gaan in vier tot zes weken live. Grotere projecten duren een paar maanden. Elke fase eindigt met een feedbackmoment, dus het tempo hangt ook af van hoe snel er akkoord wordt gegeven. Haastwerk leidt tot slordige resultaten, dus we bouwen het liever in één keer goed.
Wat gebeurt er als ik halverwege van gedachten verander?
Dat mag, en het gebeurt. Latere fases bouwen voort op eerdere afspraken, dus een wijziging betekent extra werk. Afgesproken deadlines en het oorspronkelijke budget gelden dan niet meer. We vertellen je vooraf wat de wijziging kost, zodat je niet voor verrassingen komt te staan.