Website ontwerp tips en tricks

Online website designers delen hun website design tips en tricks. Website design is een specialisme binnen de grafische wereld. Dit komt omdat je bij een website naast branding en creativiteit ook rekening moet houden met de functionaliteit en de zogenaamd ‘user interaction’. Ook kan niet alles wat een website designer bedenkt en maakt even makkelijk door website ontwikkelaars gebouwd worden.

Laat je adviseren of ondersteunen door een ervaren website designer van CallTheONE. Ze zijn online voor een simpel advies tot het ontwerpen van een complete website. Ze werken op afstand via een live videoverbinding en je betaalt in eerste instantie per minuut. De eerste minuut is gratis en je bent vrij om na de eerste video call elke prijsafspraak te maken die jij samen overeen wilt komen.

Websites worden steeds belangrijker voor elk type onderneming. Het vertegenwoordigt niet alleen je merk, het is ook voor de meeste ondernemingen je voordeur en etalage. Of je nu een e-commerce site of een informatieve website hebt of wilt, de website moet er verzorgd uit zien. Web designers hebben zich gespecialiseerd om jouw wensen om te zetten in een design die bij je doelgroep en doelstellingen aansluit. Indien gewenst kunnen ze eerst een digitale of analoge schets maken.

how-do-you-become-a-website-designer

Hoe word je een website designer?

Je kunt een website designer worden door een combinatie van design skills en technische vaardigheden te leren. Een website heeft namelijk meer nodig dan alleen maar een paar leuke plaatjes en teksten. Door het volgen van workshops, webinars of het nemen van privélessen kun je al heel snel een goede website designer worden.

Hoe belangrijk is techniek bij het maken van websites

Door de opkomst van allerlei gratis online tools heb je als website designer steeds minder technische kennis nodig. Tenminste, als het gaat om eenvoudige sites. Bij de meer complexere sites die uit heel veel pagina’s of meerdere talen bestaat is het belangrijk dat je voldoende technische kennis hebt.

Om te kunnen ranken in Google moet je site namelijk snel genoeg zijn en op die manier opgebouwd zodat google de inhoud makkelijk kan crawlen.

Waar moet je op letten bij het grafisch ontwerpen van een website

Een website moet natuurlijk jouw merk vertegenwoordigen. Cohesie tussen jouw merk en hoe de website er uit ziet is daarom evident. DIt is eenvoudig te toetsen als je in het bezit bent van een huisstijlhandboek, maar als je dit niet hebt moeten er voldoende reclame uitingen zijn om jouw merk van af te kunnen leiden. Als je ook dit niet hebt zullen de meeste webdesigners eerst een huisstijl willen ontwikkelen voordat ze aan het website design beginnen.

Het 3 stappenplan voordat je begint aan een website design

the-3-step-by-step-plan-objective

1. Doelstelling:

Om het juiste grafische website ontwerp voor een website te maken moet in eerste instantie de doelstelling van de site helder en daarom eenduidig zijn. Waar dient de site precies voor en wat wil je dat de bezoeker komt doen?

Voorbeelden zijn:

  • Verkopen van producten
  • Informatie verschaffen
  • Prijs of product vergelijken
  • Een speciale tijdelijke promotie
  • Etc

the-3-step-by-step-plan-target-group-and-user-flow

2. Doelgroep en user-flow:

Wie gaat de site bezoeken en hoe verwacht je dat ze zich gaan gedragen? Willen ze eerst veel informatie of direct een product bekijken of artikel lezen. Maar minstens zo belangrijk is om te weten hoe ze op jouw website komen en wat ze al over jouw onderneming of aanbod weten voordat ze op de website komen.

the-3-step-by-step-plan-user-interaction

3. User interactie

Hoe wil je dat bezoekers op jouw website navigeren, hoe ‘opdringerig’ of hoe ‘begeleidend’ wil je bijvoorbeeld zijn? Sommige websites kun je pas verlaten na 20 pop-ups en andere sites vragen niet eens om je e-mailadres.

Website ontwerpers en schrijvers

Schrijvers zijn goed in schrijven en ontwerpers goed in ontwerpen. Zelden is er een combinatie van deze twee vaardigheden bij een persoon aanwezig. Het is daarom verstandig een goede schrijver of content marketing specialist in te huren die eerst alle teksten schrijft. Op CallTheONE zijn schrijvers van over de hele wereld online om direct aan de slag te gaan.

website-design-and-seo

Website design en SEO

Een website moet SEO voorbereid zijn. Grafische ontwerpers willen soms het liefst zoveel mogelijk beeld en zo min mogelijk tekst. Search engines denken precies anders om. Voordat je een website laat ontwerpen is het daarom ook verstandig om eerst een SEO specialist via TheONE te raadplegen waar de site binnen jouw doelstellingen aan moet voldoen. Een mooie site hoeft nog geen vindbare site te zijn.

Ranking en de opbouw van je HTML pagina’s

Een goed voorbeeld waarom technische kennis noodzakelijk is bij het ontwerpen van een site is de opbouw van HTML pagina’s. Elke pagina bestaat uit HTML code die door Google gelezen wordt. Dat is dus niet wat je visueel ziet, maar de achterliggende code. Google leest die HTML code van links naar rechts en van boven naar beneden.

Als je pagina eerst met heel veel code begint en helemaal onderaan de code staat pas de tekst, zal Google moeite kunnen hebben om je pagina te begrijpen en deze niet hoog ranken.

Google kijkt ook naar de verhouding content (tekst, afbeeldingen en video’s) en code. Als een pagina meer regels code dan content bevat zal deze zelden hoog in de zoekresultaten komen.

Ranking en laadtijd van pagina

Google vindt het belangrijk dat pagina’s snel geladen zijn. Dit is een factoren die zeer bepalend is hoe hoog je in de zoekmachine kan ranken. Door hele zware afbeeldingen en complexe code te gebruiken binnen je website design, kan een pagina ‘te zwaar’ worden.

Ranking en je menu

Bij het ontwerpen van je site is het belangrijk om een heldere menustructuur aan te houden. Je menu is een van de eerste dingen waar Google naar kijkt en de Google crawlers die je site scannen gebruiken onder andere je menu om door je site te navigeren.

Hou er bij je website design rekening mee dat Google pagina’s die met 1 klik bereikbaar zijn, belangrijker maakt dan pagina’s die met meer klikken bereikt kunnen worden. Hoe meer klikken, hoe lager de pagina over het algemeen zal ranken.

Video’s verwerken in je website design

Video’s trekken veel aandacht als je ze op de juiste manier verwerkt in je website design. Maar video’s kunnen je website ook ‘zwaar’ maken waardoor het (te) lang duurt voordat je pagina geladen is. Zorg dat je video’s zo klein mogelijk maakt door ze te comprimeren met behulp van professionele videobewerkingssoftware.

Het is populair om website pagina’s te laten beginnen met een full screen video. Meestal zijn dit hele korrelige video’s. Dat komt omdat ze heel erg gecomprimeerd zijn om zo min mogelijk laadtijd te kosten.

De meest gebruikte manier om video’s in de website design te gebruiken is om een link vanaf YouTube te plaatsen. Op YouTube kun je de HTML code van een filmpje opvragen om deze te embedden. Dit wil zeggen dat het filmpje niet fysiek op je site staat, maar afgespeeld wordt vanaf YouTube binnen jouw eigen site.

Hoe plaats je het beste commerciële banners binnen je site?

Commerciële banners zijn een goede manier om je blog of site rendabel te maken, maar hoe plaats je deze banners het beste binnen je site? Het is een gegeven dat de meeste websitebezoekers zich enorm kunnen irriteren aan banners. Daarom worden banners vaak rechts aan de kantlijn gezet. Het oog scand een pagina van links naar rechts en door de banners rechts te plaatsen kan de lezer ongestoord doorlezen.

Een andere veelgebruikte manier is om banners na een bepaalde alinea te plaatsen. De lezer is geïnteresseerd in een onderwerp en net als er iets belangrijks wordt geschreven wordt eerst een banner getoond. Omdat de lezer graag door wil lezen zal hij verder scrollen en de banner tot zich nemen. Als je dit een enkele keer toepast zal de gebruiker er niet veel last van hebben. Doe je dit te vaak dan wordt het irritant.

website-designers-and-website-developers

Website ontwerpers en site ontwikkelaars

Het is altijd verstandig om een website ontwerper vanaf het begin samen te laten werken met een website ontwikkelaar. Zo voorkom je dat een creatieve ontwerper dingen bedenkt die later veel tijd aan ontwikkeling kost.

Je kunt ook gebruik maken van WordPress ontwikkelaars op CallTheONE die op hun beurt weer gebruik maken van bestaande WordPress templates en die naar jouw wensen aanpassen.

Ben Steenstra Ben Steenstra
lees in 8 min
Gerelateerde artikelen
Laat meer zien
110 de beschikbare website-ontwerpers
  • Jochem de Klerk
    Creative missionary
    Gratis
  • Chris Camargo
    Experience Designer
    € 0,74 pm
  • John Sixi
    Software Engineer
    € 0,05 pm
  • marina zerda
    Design web pages
    € 0,05 pm
  • Izrrael Sandrea
    Digital Marketing
    € 2,00 pm
  • Evelyn Störzner
    Webdesign
    € 1,00 pm
Laat meer zien