Strategisch gesprek Een goed webdesignbureau in Amsterdam levert een website die je bedrijf uitlegt aan iemand die nog nooit van je heeft gehoord, die snel laadt op een telefoon en die gevonden wordt in Google en in AI-antwoorden. Bij Viralistic begint dat bij je brandguide en je verhaal. We ontwerpen in Figma en bouwen in Astro, zodat je team jaren met de site verder kan.
Webdesign bureau Amsterdam: wat je mag verwachten
De meeste mensen vergelijken bureaus op hun portfolio. Dat laat smaak zien, maar zegt weinig over de vraag of een site werk oplevert. Wij houden elk project aan vier eisen.
Een ontwerp vanuit je verhaal en je doelgroep
Voordat er iets wordt ontworpen, schrijven we je brandscript: wat je aanbiedt, voor wie, en waarom ze voor jou kiezen. De sitemap en elke pagina volgen daaruit. Daardoor is de site meteen duidelijk voor een nieuwe bezoeker, en past het grafisch webdesign bij het bedrijf dat je werkelijk bent. In ons artikel over UX design lees je wat die laag van het werk voor je moet doen.
Een fundament dat Google en AI kunnen lezen
Snelle pagina’s, een heldere structuur, logische koppen en gestructureerde data horen bij de bouw. Google meet de gebruikservaring met Core Web Vitals en adviseert een Largest Contentful Paint binnen 2,5 seconde, een Interaction to Next Paint onder 200 milliseconden en een Cumulative Layout Shift onder 0,1 (Google Search Central). Op die waarden bouwen we, zodat SEO en zichtbaarheid in AI-antwoorden op een gezonde site kunnen beginnen.
Een website die op elk scherm werkt
Google gebruikt de mobiele versie van een site om te indexeren en te ranken. Dat heet mobile-first indexing (Google Search Central). In Figma ontwerpen we daarom voor desktop én mobiel, zodat de versie op je telefoon dezelfde aandacht krijgt als het grote scherm.
Content die het ontwerp draagt
Foto’s, video en tekst bepalen of een ontwerp werkt. Een sterke layout vol stockfoto’s lijkt nog steeds op die van ieder ander merk. We fotograferen ook zelf: mensen, producten, mode en auto’s. Elke shoot plannen we rond de plek waar de beelden op je site komen. Voor Shoop Shoop leverden we een nieuwe website op, samen met een fotoshoot en video.
Waarom we eerst je brandguide controleren
Een website zonder merksysteem eronder communiceert inconsistentie. Daarom controleren we je brandguide voordat de ontwikkeling begint. Heb je er een, dan gaan we door naar het ontwerp. Heb je er nog geen, dan maken we hem in de eerste fases: brandscript, moodboard, stylescape en daarna de brandguide zelf.
In het premiumsegment staat inconsistentie gelijk aan kwaliteit die je niet in de hand hebt. Die check maakt het verschil tussen een site die één seizoen mooi oogt en een site die je over drie jaar nog goed vertegenwoordigt. De brandguide blijft van jou, dus elk volgend contactmoment ziet eruit als hetzelfde bedrijf. Wat er in een goede huisstijl zit, lees je in huisstijl laten maken. Hoe wij merken bouwen, zie je bij branding en design.
Zo verloopt een webdesigntraject
Elk project loopt in zes fases. Elke fase eindigt met iets wat je kunt zien en een moment om te reageren, en op jouw akkoord bouwt de volgende fase verder. Bovenaan deze pagina download je het volledige proces als pdf, of kopieer je het naar je eigen AI-assistent.
1. Fundament
We maken een moodboard en schrijven je brandscript. Daarin leggen we de kern van je bedrijf vast, zodat je website klopt voor iemand die je naam nog nooit heeft gehoord. Ook maken we een sitemap: elke pagina die je site volgens ons nodig heeft, en hoe die pagina’s samenhangen. Zijn we het eens over de pagina’s, het verhaal en de sfeer, dan gaan we verder.
2. Wireframe en stylescape
We voegen de sitemap en het brandscript samen tot een wireframe. Dat laat per pagina zien wat er staat en in welke volgorde, en het brandscript zorgt dat de route bezoekers naar de acties leidt die jij wilt. Het wireframe heeft bewust nog geen kleur of typografie, zodat we de route door de site zonder afleiding kunnen beoordelen. Tegelijk groeit het moodboard uit tot een stylescape: de gekozen sfeer, afgestemd op jou en tastbaar gemaakt. Vind je het lastig om je voor te stellen welke kant een ontwerper op wil? Dan valt hier het kwartje.
3. Brandguide
Kloppen het wireframe en de stylescape, dan werken we de stylescape uit tot een brandguide met regels voor typografie, kleur en beeld. Het grafisch ontwerp van je website ligt daarmee vast in een document dat van jou is.
4. Ontwerp in Figma
We combineren de brandguide en het wireframe tot een high-fidelity-ontwerp in Figma. De scope volgt het budget. Meestal ontwerpen we de homepage en een of twee pagina’s die veel ontwerpwerk vragen. Bij exclusieve projecten ontwerpen we elke pagina tot in detail.
5. Bouw in Astro
Na je akkoord op het ontwerp bouwen we de site in Astro. In deze fase ben je minder betrokken, want we bouwen wat je hebt goedgekeurd.
6. Oplevering en livegang
We leveren de site op en lopen hem met je door in een reviewgesprek. Handwerk heeft op dit punt nog ruwe randjes, zoals een kleine bug of uitlijning die net niet klopt. Die lossen we samen op. Ben je tevreden, dan zetten we de site live.
Feedback en wijzigingen
De fases zijn bewust gescheiden. Van gedachten veranderen over iets waarover we al akkoord waren, mag altijd, en het gebeurt ook. Latere fases bouwen voort op eerdere afspraken, dus een wijziging kost extra tijd en budget, en de afgesproken deadline en het oorspronkelijke budget gelden dan niet meer. We vertellen je vooraf wat een wijziging kost.
Website laten opfrissen zonder je posities te verliezen
Een nieuwe of opgefriste website houdt zijn bezoekers uit Google als elke oude URL naar de juiste nieuwe pagina leidt. Google adviseert om elke oude URL te koppelen aan een nieuw adres, permanente redirects aan de serverkant te gebruiken, zoals een 301, en die minstens een jaar te laten staan. Ook raadt Google af om veel oude URL’s naar de homepage te sturen (Google Search Central).
We beginnen daarom bij wat je al hebt: de pagina’s die bezoekers en aanvragen opleveren, de teksten en beelden die nog werken, en wat weg kan. Daarna krijgt elk oud adres een redirect naar zijn nieuwe pagina. Ons helpartikel over je posities behouden bij een relaunch (Engelstalig) laat elke stap zien, ook de controles na de livegang.
Soms is een nieuwe website niet de eerste stap. Werkt je huidige site goed maar vindt niemand hem, dan is SEO misschien een betere plek om te beginnen. Dat zeggen we je dan ook.
Website laten maken in Amsterdam: wat kost het?
Kleinere projecten beginnen rond EUR 4.000, grotere platforms met een CMS kunnen oplopen tot EUR 20.000 of meer. De scope spreken we af in de eerste fase, zodat je weet waarvoor je betaalt voordat het ontwerp begint.
Dit bepaalt waar je uitkomt:
- Hoeveel pagina’s we tot in detail ontwerpen in Figma. Dat is de grootste factor.
- Of we eerst je brandscript en brandguide moeten maken.
- Een CMS voor teams die vaak publiceren, en koppelingen met andere software.
- Nieuwe fotografie of video.
- Het aantal bestaande pagina’s dat moet verhuizen en een redirect nodig heeft.
Na de lancering betaal je voor managed hosting per maand. In ons artikel over wat een website laten maken kost vergelijken we alle manieren om aan een website te komen, en wat betaalbaar over drie jaar echt betekent.
We zien de website als het fundament onder alles wat daarna komt. Werkt hij en word je gevonden, dan kunnen advertenties extra bereik toevoegen. Zonder dat fundament koop je met advertenties vooral bezoekers voor een site die ze weer kwijtraakt.
Na de lancering: hosting, aanpassingen en één aanspreekpunt
Met managed hosting houden we je website online, snel en veilig, en heb je één aanspreekpunt voor domein, DNS, SSL, e-mail en updates. De site draait op een wereldwijd edge-netwerk met automatische SSL, dagelijkse back-ups en uptimemonitoring. Omdat hij in Astro is gebouwd, is er geen stapel plugins die elke week moet worden gepatcht.
Zelf aanpassen kan ook. Alle tekst staat in gewone bestanden die je in de browser bewerkt, met een preview voordat iets live gaat, of je vraagt Claude Code om wijzigingen in gewone taal. Beide helpartikelen zijn Engelstalig. Laat je het liever aan ons over? Eén bericht over een tekstwijziging of een nieuwe pagina is genoeg. In ons artikel over website onderhoud lees je wat goede nazorg inhoudt.
Webdesign bureau Amsterdam: waarom Viralistic
Viralistic wordt geleid door Marrallisa Kreijkes, vanuit de Achtergracht 17 in Amsterdam. Je krijgt één strateeg voor ontwerp, bouw, vindbaarheid en de automatiseringen rond je site, in plaats van een stapel freelancers die elk één stukje zien. Zoek je een webdesign specialist in Amsterdam die ook je merk en je vindbaarheid begrijpt, dan werk je bij ons met één persoon die het geheel overziet.
Een paar voorbeelden. Voor Shoop Shoop, een marketingbureau uit Woerden, maakten we een StoryBrand BrandScript, wireframes en een nieuwe website, en positioneerden we het merk opnieuw voor het topsegment. Voor Parkup in Dubai ontwierpen we de identiteit en de website opnieuw als één systeem. Op Trustpilot hebben we een 4,8, en meer projecten vind je bij alle cases.
We zeggen het ook eerlijk als een nieuwe website niet de juiste volgende stap is. Een mens controleert elke pagina voor de livegang, ook als AI heeft geholpen. Plan een strategisch gesprek, dan vertellen we je eerlijk of je merk klaar is voor ontwikkeling, of wat er eerst moet gebeuren.
Veelgestelde vragen
Wat kost een website laten maken bij een webdesignbureau in Amsterdam?
Bij Viralistic beginnen kleinere projecten 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 en de belangrijkste pagina’s in Figma ontwerpen, of elke pagina tot in detail. Een brandguide, fotografie, koppelingen en het verhuizen van content tellen ook mee. Die scope spreken we af in fase één.
Hoe lang duurt het om een website te laten maken?
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 komt. Haastwerk leidt tot slordige resultaten, dus we bouwen het liever in één keer goed.
Kan ik mijn website zelf aanpassen?
Ja. Op onze Astro-sites staat alle tekst in gewone bestanden die je in de browser bewerkt, met een preview voordat iets live gaat. Je kunt Claude Code ook in gewone taal om wijzigingen vragen, en ons Engelstalige helpcentrum legt beide stap voor stap uit. Kleine wijzigingen kunnen via ons lopen, als onderdeel van managed hosting. Wil je team pagina’s visueel bouwen, dan past Webflow mogelijk beter.
Wat moet ik zelf aanleveren?
Vooral kennis en tijd. Jij kent je bedrijf en je klanten, en samen maken we daar een brandscript en een sitemap van. Bestaande teksten, foto’s, je brandguide en toegang tot je domein en huidige website helpen om sneller te werken. Ontbreekt er iets, zoals een brandguide of goede fotografie, dan maken we dat binnen het project. Reken op tijd voor de feedbackmomenten.
Waar komen de foto’s en video’s vandaan?
Van jou of van ons. Viralistic fotografeert ook zelf: mensen, producten, mode en auto’s. Elke shoot plannen we samen met het ontwerp, zodat de beelden passen bij de pagina’s waarop ze staan. Voor Shoop Shoop leverden we de website op met een fotoshoot en video. Stockfoto’s kunnen, maar daarmee lijkt een premium merk al snel op ieder ander.
Kunnen jullie de content van mijn huidige website overzetten?
Ja. We lopen je huidige pagina’s samen door en bepalen wat meegaat, wat we herschrijven en wat verdwijnt. Daarna krijgt elke oude URL een permanente 301-redirect naar zijn nieuwe pagina, zoals Google aanraadt bij een verhuizing. Zo bescherm je het verkeer uit Google en de links die je in de loop der jaren hebt opgebouwd.
Kan de website gekoppeld worden aan mijn CRM of andere software?
Ja. Met automatiseringen in n8n koppelen we je website aan je CRM en andere tools. Aanvragen uit een formulier komen dan direct in je CRM terecht, en data blijft tussen platforms gelijk. In principe kan alles met een API worden gekoppeld. Omdat een Astro-site zijn content op één gestructureerde plek bewaart, kunnen ook je tools en AI-assistenten eruit lezen.
Heb ik een brandguide nodig voordat jullie mijn website bouwen?
Ja, of we maken er eerst een. Een website zonder merksysteem eronder communiceert inconsistentie. Zonder brandguide begint het project met de fundamentfase: brandscript, moodboard en sitemap, daarna stylescape en brandguide. Heb je er al een, dan controleren we hem en gaan we door naar ontwerp en ontwikkeling.
Is de website van mij?
Ja. Bij een Astro-site staan de code en de content in gewone bestanden die van jou zijn en overal gehost kunnen worden. Ook de brandguide blijft van jou. Bij Webflow kun je de code exporteren op een betaald Workspace-abonnement, maar CMS-content zit niet in die export. Dat telt mee als je later wilt verhuizen.