Webdesigner: wat die doet, wat het kost en hoe je kiest

Een webdesigner plant en bouwt de look, de indeling en de flow van een website, zodat klanten je bedrijf kunnen vinden en contact kunnen opnemen. Voor een klein bedrijf in de VS of Canada kost een professioneel gebouwde site van een webdesigner meestal tussen de $1.500 en $10.000, afhankelijk van het aantal pagina's en de functies.

Wat doet een webdesigner?

Een webdesigner bepaalt hoe je website eruitziet, hoe de pagina's zijn ingedeeld en hoe een bezoeker van het eerste scherm bij contact met jou komt. Dat werk heet webdesign. Het doel is simpel: een vreemde komt op je site en snapt snel wat je aanbiedt en hoe hij je bereikt.

Het werk verloopt meestal in een vaste volgorde. Eerst is er een gesprek over je bedrijf, je klanten en wat bezoekers volgens jou moeten doen. Daarna plant de designer de pagina's en maakt mockups. Dat zijn afbeeldingen van elke pagina, gemaakt voordat er iets wordt gecodeerd. Onderweg maakt of bewerkt de designer beeldmateriaal, past hij je kleuren, lettertypen en logo toe zodat elke pagina als één merk aanvoelt, en zet hij de navigatie op: de menu's en links waarmee mensen hun weg vinden. Aan het eind levert de designer de site op en verwerkt hij aanpassingen.

Een goede designer maakt de site ook responsive. Dat betekent dat de site zich aanpast aan elk schermformaat. Denk aan een loodgieter in Queens. Iemand met een lekkende leiding zoekt op een telefoon, dus de pagina heeft bovenaan een grote knop nodig om direct te bellen. Iemand die aan een bureau diensten vergelijkt, wil de volledige lijst en het werkgebied zien. Een responsive site bedient beiden met één set pagina's.

Webdesigner of webdeveloper: wat is het verschil?

Een webdesigner vormt de look, de indeling en de user flow; een webdeveloper schrijft de code waardoor de site echt werkt. User flow is de route die een bezoeker door je pagina's volgt. Design beantwoordt de vraag: "Hoe moet dit eruitzien en waar moeten mensen klikken?" Webontwikkeling beantwoordt de vraag: "Hoe bouwen we het zo dat het laadt, op elk apparaat werkt en aanvragen naar jou doorstuurt?"

Dus: programmeren designers ook? Sommigen wel, anderen niet. Veel kleine studio's doen allebei, zodat één team je van mockup naar een live site brengt. Grotere bureaus splitsen de rollen vaak, en een designer geeft dan kant-en-klare mockups door aan een aparte developer.

Dit is de regel voor jou: vraag om de afgeronde, werkende site, niet alleen om mockups. Een setje mooie plaatjes is geen website. Laat schriftelijk vastleggen dat de prijs het bouwen, testen en live zetten van de pagina's omvat.

Lees je dit om het vak te leren? Dan draait een functieomschrijving voor webdesigner meestal om indelingen, beeld, branding en gebruiksvriendelijkheid. Sommige werkgevers voegen programmeren toe, andere laten dat aan developers. Lees dus bij elke vacature goed welke taken erbij horen.

Heb je een webdesigner, een websitebouwer of een AI-tool nodig?

Dat hangt ervan af hoeveel je website moet kunnen. Een template is een kant-en-klare indeling die je vult met je eigen tekst en foto's. Een op maat gecodeerde site wordt vanaf nul gebouwd rond jouw plan, zodat de indeling en de functies bij je bedrijf passen en niet andersom. Websitebouwers en AI-tools leveren meestal snel resultaat in de stijl van een template. Heb je meer nodig, dan is een designer de juiste weg.

• Een websitebouwer is genoeg als je een simpele site met een paar pagina's nodig hebt, je zelf prettig je teksten schrijft en een standaardindeling bij je past.
• Een AI-tool bespaart tijd als je een eerste opzet wilt, ruwe ideeën voor pagina's of plaatshoudertekst die je zelf nog nakijkt en aanpast.
• Een op maat gecodeerde site loont als je een specifieke route voor aanvragen nodig hebt, koppelingen met andere systemen, een klantenportaal, ruimte om te groeien of een uitstraling die opvalt tussen concurrenten die dezelfde templates gebruiken.

Kun je iemand betalen om een website voor je te ontwerpen? Ja, en dat doen de meeste kleine bedrijven. AppDesign360 bouwt op maat gecodeerde websites in plaats van templates, vanaf $1.500, en legt omvang, prijs en opleverdatum schriftelijk vast voordat het werk begint.

Hoeveel kost een webdesigner?

Voor een klein bedrijf in de VS of Canada kost een professioneel gebouwde website meestal tussen de $1.500 en $10.000, afhankelijk van het aantal pagina's en wat de site moet kunnen. Bij AppDesign360 vallen de prijzen in drie categorieën, en in de schriftelijke omschrijving van het werk staat in welke je zit.

Vier dingen bepalen de prijs. Het eerste is het aantal pagina's. Het tweede zijn functies, zoals boekingsformulieren, betalingen of een klantlogin. Het derde is content: een site waarvoor jij kant-en-klare teksten en foto's aanlevert, kost minder dan een site waarvoor de ontwerper eerst materiaal moet verzamelen. Het vierde is wie de copy schrijft, oftewel de woorden op elke pagina. Schrijven is echt werk, dus vraag of het in de offerte zit.

Hosting, domeinnamen en andere kosten van providers staan vaak los van het ontwerptarief. Hosting is de dienst die je site online houdt, en een domein is je webadres. Vraag om deze kosten schriftelijk, zodat het totaalbedrag voor het eerste jaar geen verrassingen bevat.

Ontwerpers rekenen op twee manieren af. Een vaste projectprijs dekt een afgesproken omvang voor één bedrag, en past bij een website met een duidelijk plan. Werk per uur past bij aanpassingen, doorlopende ondersteuning of taken die moeilijk in te schatten zijn, en het ontwerp- en ontwikkelwerk van AppDesign360 begint bij $20 per uur. Salarissen van webdesigners zijn weer iets anders. Ze laten zien wat een werknemer verdient, niet wat jij aan een studio betaalt, want dat bedrag dekt ook de planning, het testen, de lancering en de ondersteuning.

Hoe kies je stap voor stap een webdesigner?

Kies door een korte reeks stappen te doorlopen, en denk goed na voordat je contact opneemt met iemand. Of je nu zoekt op webdesigners in de buurt of rondkijkt op online marktplaatsen, via aanbevelingen en bij lokale studio's: dezelfde stappen gelden. Een lokaal team kan persoonlijk met je afspreken, maar een studio die op afstand werkt kan je net zo goed helpen, zoals AppDesign360 doet in de VS en Canada vanuit Queens en Teaneck.

1. Bepaal je doel en hoe klanten contact met je opnemen. Beslis of je telefoontjes, aanvragen via een formulier, boekingen of iets anders wilt. Een ontwerper kan alleen bouwen naar een doel dat jij hebt benoemd.
2. Bekijk portfolio's. Zoek naar afgeronde, werkende sites en niet alleen naar mooie plaatjes, en open ze op je telefoon én op je computer.
3. Vraag wie eigenaar is van de code, de hosting en de accounts. Je hoort alle drie te houden, met eigendom en overdracht schriftelijk vastgelegd.
4. Kijk wat er na de lancering gebeurt. Bij AppDesign360 lost het team dat je site heeft gebouwd problemen op gedurende 30 dagen bij nieuwe sites. Vraag aan elke ontwerper wat hun equivalent is.
5. Plan een gesprek. AppDesign360 biedt een gratis kennismakingsgesprek van 20 minuten om je doelen, wat je al hebt en de volgende stap door te nemen. Technische specificaties zijn optioneel.

Gebruik het gesprek om te vragen naar een lanceerdatum en leg die schriftelijk vast, samen met de omvang en de prijs. Een datum maakt van een vage belofte iets waar je op kunt plannen. De doorlooptijd hangt af van het aantal pagina's, de functies en hoe snel jij content aanlevert. Een ontwerper die een termijn noemt zonder vragen te stellen, heeft dus niet goed gekeken.

Welke fouten moet je vermijden bij het inhuren van een webdesigner?

De meeste problemen bij het inhuren komen voort uit wat nooit is opgeschreven, niet uit slechte ontwerpers. Dit zijn de fouten die de meeste problemen veroorzaken.

• Geen schriftelijke omvang, prijs of lanceerdatum. Zonder die afspraken kunnen jij en de ontwerper allebei iets anders aannemen over wat erbij zit en wanneer het klaar is.
• Geen eigenaar zijn van je code en accounts. Als de ontwerper je hosting en bestanden beheert, is later weggaan lastig. Controleer dat je je code, hosting en accounts houdt.
• Alleen op prijs beoordelen. De goedkoopste offerte laat misschien copywriting, testen of ondersteuning weg. Vergelijk wat elke offerte omvat, niet alleen het totaalbedrag.
• Vage specificaties. Als je zegt dat je een moderne site wilt, heeft de ontwerper weinig om op voort te bouwen. Som je pagina's op, wat elke pagina moet doen en wat jij aanlevert.

Een klant van AppDesign360 verwoordde het laatste punt helder. De klant zei dat gedetailleerde specificaties cruciaal zijn voor succes, en ook dat het project een paar weken over de deadline ging. Daarbij voegde de klant toe dat het team zijn best deed om de omvang van het project te accommoderen, en dat het team al werd ingeschakeld voor meer werk.

Dat is een eerlijk beeld van hoe projecten verlopen. Planningen kunnen uitlopen, zeker als de eisen onderweg veranderen. Een schriftelijke omvang voorkomt niet elke vertraging, maar geeft beide kanten een gedeeld referentiepunt voor wat is afgesproken en wat als wijziging telt.

Kun je webdesigner worden zonder diploma?

Ja. Klanten huren een webdesigner in op basis van afgerond werk, niet op basis van een diploma. Een opleiding in design of informatica kan helpen bij het leren, maar een ondernemer die iemand zoekt om een site te bouwen, kijkt eerst naar je portfolio.

Een portfolio is een kleine verzameling echte projecten die je kunt laten zien. Elk project bevat een link naar de live site, wat je gevraagd werd te doen en wat je zelf hebt gedaan. Heb je nog geen klanten, bouw dan een voorbeeldsite voor een lokale non-profitorganisatie of voor het kleine bedrijf van een vriend. Laat vervolgens de pagina's zien, de indeling op de telefoon en de weg die een bezoeker aflegt van de homepage naar het contactformulier.

Wat je verdient, is lastiger vast te stellen. Het salaris van een webdesigner hangt af van waar je woont, hoeveel ervaring je hebt en wie je werkgever is, en het inkomen van een freelancer verschilt weer van dat van iemand in loondienst. We hebben geen betrouwbaar cijfer om je te geven, dus kijk op actuele vacaturesites en bij de arbeidsstatistieken van de overheid voor jouw regio. Die bronnen worden bijgewerkt; een bedrag dat hier staat, niet.

Wat is de volgende stap?

Begin met een gratis kennismakingsgesprek van 20 minuten via appdesign360.com. We bespreken je doelen, wat je al hebt en wat de verstandige volgende stap is. Technische specificaties zijn optioneel, dus je kunt komen met een globaal idee en duidelijke antwoorden over je klanten.

Ga je ermee aan de slag, dan leggen we de scope (wat er precies gemaakt wordt), de prijs en de lanceerdatum schriftelijk vast voordat het werk begint. Je houdt je code, hosting en accounts zelf. Het gesprek kost niets en is een risicoarme manier om te zien of de studio en jouw project bij elkaar passen.