Website ontwikkeling is het hele traject van idee tot een werkende website die online staat: het bepalen van het doel, het ontwerp, de technische bouw van front end en back end, het vullen met content, testen, de livegang en het onderhoud daarna. Of je nu een eenvoudige website wilt of een professionele website met koppelingen, de stappen zijn grotendeels hetzelfde. Het verschil zit in hoeveel maatwerk en techniek erbij komt kijken.
Wat is website ontwikkeling?
Website ontwikkeling, in het Engels website development of web development, is het bouwen van webpagina’s en de techniek die ze laat werken. In Nederland gebruiken we de termen webontwikkeling en webdevelopment door elkaar. Grofweg bestaat het werk uit drie lagen.
Front end development
De front end is alles wat een bezoeker in de browser ziet en gebruikt: de opmaak, de navigatie, formulieren, animaties en de interactie. Front end development gebeurt met HTML voor de structuur, CSS voor de vormgeving en JavaScript voor interactieve onderdelen. Een goede front end zorgt voor een gebruiksvriendelijke website die op elk scherm intuïtief werkt en snel laadt.
Back end development
De back end is wat er achter de schermen gebeurt, op de server. Daar draait de code die pagina’s opbouwt, gegevens uit de database haalt en formulieren verwerkt. Back end development gebeurt met programmeertalen zoals PHP en frameworks die veel standaardwerk uit handen nemen. Hier zitten ook de beveiliging en de koppelingen met andere systemen via API’s.
Het CMS
Bij de meeste websites wil je zelf content kunnen beheren: teksten aanpassen, een blog plaatsen of een vacature toevoegen. Dat doe je in een CMS (contentmanagementsysteem), zoals WordPress. Het CMS bepaalt voor een groot deel hoe makkelijk je de website later zelf kunt onderhouden. Bij een headless CMS staan content en presentatie los van elkaar, zodat je dezelfde content ook in een app of op een ander kanaal kunt gebruiken.
Web design en development: twee kanten van hetzelfde project
Web design gaat over hoe de website eruitziet en hoe bezoekers erdoorheen navigeren: de structuur, wireframes en het visueel ontwerp. Development gaat over hoe het werkt. Bij website design en development in één traject werken ontwerpers en developers vanaf het begin samen, zodat een ontwerp ook technisch haalbaar is en de website technisch sterk wordt zonder dat de gebruiksvriendelijkheid lijdt.
Dat is belangrijk, want de eerste indruk telt. Een potentiële klant beslist binnen een paar seconden of hij blijft. Een helder ontwerp, snelle laadtijden en een logische structuur zorgen voor meer conversie, of dat nu een aanvraag, een aankoop of een inschrijving is.
De fases van website ontwikkeling
Elk bureau noemt de stappen anders, maar een goede webontwikkeling volgt bijna altijd deze fases.
- Doel en briefing. Het traject start met een kick off. Wat moet de nieuwe website opleveren? Voor wie is hij bedoeld en welke actie wil je dat bezoekers ondernemen? Leg ook vast welke functionaliteit nodig is, welke systemen je wilt koppelen en wie de content levert.
- Structuur en ontwerp (UX). Op basis van de briefing komt er een sitemap en worden wireframes gemaakt: schetsen van de belangrijkste pagina’s zonder vormgeving. Daarna volgt het visueel ontwerp in je huisstijl. Test het ontwerp zo vroeg mogelijk met echte gebruikers.
- Website bouwen. Developers zetten het ontwerp om in code, richten het CMS in en bouwen eventuele koppelingen. Werk je in korte rondes, dan zie je tussentijds al werkende onderdelen en kun je bijsturen.
- Content. Teksten, beelden en video’s worden geschreven en geplaatst. Dit is vaak de stap die het langst duurt, dus begin er vroeg mee. Goede content is ook de basis voor vindbaarheid.
- Testen. Voordat de website live gaat, controleren developers alles: werkt de website in verschillende browsers en op mobiel, kloppen formulieren en koppelingen, zijn de prestaties in orde en is de beveiliging op orde?
- Livegang. De website gaat live op de definitieve hosting. Denk aan doorverwijzingen van oude naar nieuwe URL’s, zodat je je bestaande posities in zoekmachines niet kwijtraakt.
- Onderhoud en hosting. Na de livegang begint het pas. Software, plugins en de server moeten worden bijgewerkt, back-ups moeten draaien en de website moet veilig blijven. Plan ook doorontwikkeling: een website die meegroeit met je organisatie levert meer op.
Werk je met WordPress? Lees dan wat er komt kijken bij WordPress onderhoud en hosting.
CMS of maatwerk: hoe wil je je website ontwikkelen?
De belangrijkste technische keuze is of je een website ontwikkelt op een standaard CMS of als maatwerk.
| Standaard CMS (bijvoorbeeld WordPress) | Website op maat | |
|---|---|---|
| Geschikt voor | Informatieve websites, blogs, campagnes | Websites met specifieke functionaliteit of veel koppelingen |
| Snelheid van bouwen | Snel, veel kant-en-klare onderdelen | Langer, alles wordt voor jou gebouwd |
| Zelf content beheren | Ja, met een bekende omgeving | Ja, als er een beheeromgeving wordt gebouwd |
| Flexibiliteit | Binnen de mogelijkheden van thema en plugins | Volledig vrij |
| Onderhoud | Regelmatig updates van CMS en plugins | Onderhoud van eigen code en frameworks |
Voor de meeste bedrijfswebsites is een CMS als WordPress een prima keuze. Maatwerk wordt interessant als je website meer moet doen dan informeren, bijvoorbeeld met een reserveringssysteem, een eigen rekenmodule of koppelingen met je administratie.
Vindbaarheid in Google en AI-zoekmachines
Een website die niemand vindt, levert weinig op. Bij goede webontwikkeling bouw je vindbaarheid vanaf het begin in, in plaats van achteraf:
- Techniek: snelle laadtijden, een schone HTML-structuur, goede prestaties op mobiel en een logische opbouw van koppen.
- Structuur: een duidelijke menustructuur en URL’s die aansluiten op waar je klanten naar zoeken.
- Content: pagina’s die concrete vragen van je doelgroep beantwoorden.
Steeds meer mensen zoeken ook via AI-assistenten. Daar gelden deels andere regels. Lees hoe je vindbaar wordt in AI-zoekmachines. Betere vindbaarheid levert meer bezoekers op, en met een goede website maak je van die bezoekers loyale klanten.
Wat bepaalt de kosten van website ontwikkeling?
Een prijs zonder context zegt weinig. Dit zijn de factoren die de kosten van een website laten ontwikkelen bepalen:
- Omvang: het aantal pagina’s en verschillende paginatypes (templates).
- Ontwerp: een standaard thema of een volledig eigen web design.
- Functionaliteit: formulieren, zoekfuncties, meertaligheid, een webshop of andere maatwerk-onderdelen.
- Koppelingen: met je CRM, administratie, nieuwsbriefsysteem of andere software.
- Content: lever je teksten en beelden zelf aan of laat je ze maken?
- Hosting en onderhoud: de afspraken over beheren, updates, beveiliging en doorontwikkeling na de livegang.
Wil je weten waar je huidige website staat voordat je een nieuwe laat bouwen? Met de gratis web tech scan kijken we naar de techniek, de vindbaarheid in Google en AI-zoekmachines, de koppelingen en de processen die je website ondersteunt.
Wanneer wordt je website een webapplicatie?
Op een gegeven moment wil je dat bezoekers op je website niet alleen iets lezen, maar ook iets doen. Dan schuift website ontwikkeling op richting het bouwen van webapplicaties. Signalen dat je die grens over gaat:
- Inloggen: klanten, leden of medewerkers krijgen een eigen account en zien hun eigen gegevens.
- Gebruikersrollen: verschillende gebruikers mogen verschillende dingen zien en doen.
- Koppelingen: gegevens moeten automatisch heen en weer tussen je website en andere systemen.
- Processen: aanvragen, bestellingen, planningen of dossiers worden online afgehandeld, met statussen en meldingen.
Dan heb je geen website meer nodig, maar een applicatie die in de browser draait. Het verschil lees je in verschil tussen een website en een webapplicatie. Hoe zo’n traject verloopt, lees je bij webapplicatie ontwikkelen.
Website ontwikkeling en Inesta
Inesta bouwt sinds 2005 webapplicaties voor organisaties door heel Nederland, vanuit Utrecht. Waar het past bouwen we low-code, waar meer nodig is maatwerk in Symfony of Laravel, en de code is altijd van jou. Daarnaast verzorgen we onderhoud en hosting van WordPress-websites. Groeit je website uit tot meer dan een website? Lees meer over een webapplicatie laten bouwen of bespreek je plannen met ons. Je krijgt binnen één werkdag reactie.