Wat is webdesign?

Wat is webdesign?

Webdesign is de discipline die bepaalt hoe een website eruitziet en aanvoelt. Het brengt visueel ontwerp en gebruikerservaring samen: de kleuren en typografie, maar ook de structuur, de navigatie en de manier waarop bezoekers door de site bewegen. Het doel is niet alleen een aantrekkelijke site, maar een site die zijn werk doet.

Webdesign versus webdevelopment.

Het verschil is eenvoudig te onthouden. Webdesign gaat over het ontwerp: hoe een site eruitziet en werkt voor de gebruiker. Webdevelopment is de technische bouw met code, in HTML, CSS, JavaScript en de back-end erachter. De ontwerper bepaalt hoe iets moet worden, de developer maakt dat technisch werkelijkheid. Beide zijn nodig; geen van beide kan zonder de ander.

Welke onderdelen horen bij webdesign?

Webdesign is een verzamelterm voor meerdere disciplines die samen één geheel vormen.

Visueel ontwerp en huisstijl.

Dit is de laag die het eerst opvalt: kleur, typografie, beeld, ruimte. Goed visueel ontwerp is niet versiering, maar sturing. Het leidt de aandacht naar wat belangrijk is en zorgt dat de site klopt bij wie de organisatie is. De huisstijl van de organisatie vormt daarbij het uitgangspunt.

UX en UI.

UX (user experience) gaat over de hele ervaring: vindt de bezoeker makkelijk zijn weg, lukt het hem zijn doel te bereiken? UI (user interface) gaat over de concrete onderdelen waarmee hij dat doet: de knoppen, de menu's, de formulieren. UX bepaalt de route, UI levert de middelen om die route af te leggen.

Toegankelijkheid (WCAG).

Een toegankelijke website werkt voor iedereen, ook voor mensen met een visuele beperking of mensen die geen muis gebruiken. De WCAG-richtlijnen leggen vast waar een site dan aan moet voldoen: voldoende contrast, leesbare tekst, bedienbaar met een toetsenbord. Toegankelijkheid is bovendien steeds vaker een wettelijke eis, geen vrije keuze.

Vindbaarheid (SEO).

Een site die niemand vindt, doet zijn werk niet. Daarom houdt webdesign al tijdens het ontwerp rekening met vindbaarheid: een logische structuur, snelle laadtijden, een opbouw die zoekmachines begrijpen. SEO is geen laagje dat je er achteraf overheen legt, maar een uitgangspunt dat in het ontwerp zit.

Hoe verloopt een webdesignproces?

Van idee naar werkende site, in een paar herkenbare stappen.

Van wireframe naar ontwerp.

Een wireframe is een kale schets van een pagina: waar komt wat, zonder kleur of beeld. Dat klinkt onspannend, maar het is het moment waarop de structuur wordt bepaald, los van de vormgeving. Pas als de opbouw klopt, komt het visuele ontwerp eroverheen. Zo voorkom je dat een mooi plaatje een wankele structuur verbergt.

Van ontwerp naar werkende site.

Het goedgekeurde ontwerp gaat naar development, waar het wordt omgezet in werkende code. Cube werkt hierbij volgens de eigen C-U-B-E-aanpak: Creëren (samen de behoefte ontdekken), Uitdenken (strategie en concept), Bouwen (de oplossing ontwikkelen) en Evolueren (monitoren en verbeteren). Die laatste fase is geen bijzaak; een website is nooit af, want gebruikersgedrag en techniek blijven veranderen.

Wat maakt goed webdesign?

Goed webdesign is niet het meest opvallende, maar het meest doeltreffende. Bezoekers vinden binnen seconden wat ze zoeken, de site werkt op elk apparaat, laadt snel en is toegankelijk. Vorm volgt functie. De mooiste site is niets waard als bezoekers afhaken; een heldere, snelle site die converteert, doet precies wat hij moet doen. Goed ontwerp sluit bovendien aan op wie de organisatie is en wat ze wil uitstralen.

Webdesign voor maatwerk en B2B.

In een B2B-context is webdesign zelden een losstaande website. Het is vaak de schil rond een platform, een portaal of een applicatie, waar vormgeving en functionaliteit volledig samenvallen. Daar onderscheidt maatwerk zich van een kant-en-klaar sjabloon: het ontwerp volgt jouw processen en jouw gebruikers, niet andersom. Onderdelen als responsive webdesign en interaction design komen daarin samen, ondersteund door de design-aanpak van Cube.