Grafisch ontwerp als startpunt van webdesign

Grafisch ontwerp als startpunt van webdesign

Portfoliofooter 2

Grafisch ontwerp als startpunt webdesign

In het huidige digitale tijdperk speelt het uiterlijk van een website een grote rol in de gebruikerservaring. Een goed grafisch ontwerp (mock-up) kan niet alleen de aantrekkelijkheid van een website bepalen, maar ook de bruikbaarheid, navigatie en de algehele merkbeleving positief beïnvloeden. Deze portfolio pagina gaat over een nieuwe website waarbij de start van verschillende Europese campagnes werd gebruikt om de nieuwe website voor het overkoepelende paraplumerk Modern Dental Europe op te zetten.

Modern Dental Europe

Opdracht

“Maak een website met landingspagina’s voor twee campagnes in 11 Europese landen en leg hiermee tevens de basis voor een nieuwe meertalige website voor Modern Dental Europe.”

Grafische vormgevers bij opdrachtgever in huis

Bij het ontwerpen van een website op basis van een grafisch ontwerp moet er rekening worden gehouden met verschillende aspecten, zoals kleur, typografie, lay-out, afbeeldingen en iconen. Het is belangrijk om een consistent visueel thema te creëren dat past bij het doel van de website en de doelgroep. Modern Dental Europe heeft zelf grafische vormgeefsters in huis die zich hier mee bezig houden. Zij tekenden voor de eerste opzet (zie grafische ontwerpen).

Hieronder voorbeelden van de nieuwe website. Klik op een afbeelding voor een vergroting of bezoek de website.

Homepage
Homepage
Our global presence
‘Our global presence’
Landingpage 1
‘Landingpage 1’
About us
‘About us’
Education
‘Education’
Landingpage 2
‘Landingpage 2’

Belangrijke aspecten bij een grafisch ontwerp

Een van de belangrijkste aspecten van een grafisch ontwerp is het kleurenschema. Kleuren zullen emoties en gevoelens oproepen bij de gebruiker en bepalen ook de leesbaarheid en hiërarchie van de inhoud. Het is daarom belangrijk om een kleurenpalet te kiezen dat past bij het merk en de boodschap die overgebracht moet worden. Bij Cornelissen.Marketing werken wij hiervoor met een set van 38 merk gerelateerde emoties en 51 emotie versterkende kleuren die beiden voortkomen uit wetenschappelijk onderzoek.
 
Een ander belangrijk aspect is goed gebruik maken van kleurcontrasten om ervoor te zorgen dat de inhoud goed leesbaar is voor iedereen, ongeacht hun visuele vermogen.

Typografie is een ander belangrijk element bij het ontwerpen van een website op basis van een grafisch concept. Het lettertype moet passen bij het merk en de boodschap die wordt overgebracht, en moet ook gemakkelijk leesbaar zijn op verschillende schermformaten. Een combinatie van verschillende lettertypen kan ook helpen om de inhoud te structureren en hiërarchie te creëren.

De lay-out van een website bepaalt de structuur en navigatie van de inhoud. Een goed ontworpen lay-out moet de inhoud duidelijk en gemakkelijk toegankelijk maken voor de gebruiker. Het is belangrijk om witruimte te gebruiken om de inhoud te scheiden en te voorkomen dat de website overbelast wordt met te veel informatie.

Afbeeldingen en iconen kunnen ook bijdragen aan de visuele aantrekkelijkheid van een website op basis van een grafisch concept. Afbeeldingen moeten relevant zijn voor de inhoud en de boodschap van de website, en moeten ook van hoge kwaliteit zijn om ervoor te zorgen dat de website er professioneel uitziet. Iconen kunnen worden gebruikt om de inhoud te verduidelijken en de gebruiker te helpen bij het navigeren door de website.

Het aangeleverde ontwerp was voor ons erg prettig om mee te werken omdat over alle bovenstaande aspecten al goed was nagedacht.
 

WordPress webdesign met managed webhosting

Uiteraard is er gekozen voor WordPress webdesign met Managed WordPress hosting. Door dit laatste is modern-dental-europe.com verzekerd van goede support en een supersnelle laadsnelheid van de website. Klik op de afbeeldingen om de pagina’s ‘live’ te bekijken.

Checklist webdesign in negen stappen

Bij het ontwikkelen van de nieuwe site voor modern-dental-europe.com hebben het gebruikelijke negen-stappen-plan voor als checklist gebruikt.

1. Kies een goede domeinnaam

Check of je domeinnaam voor een bezoek de lading dekt. Voor gevestigde namen/merken volstaat vaak de naam zelf maar overweeg het volgende als je de keuze nog kan maken:

    • de naam van je dienst: webdesignbussum.nl;
    • het nut dat het oplevert: goedgevondenworden.nl;
    • de wens van je doelgroep: goedzichtbaar.nl;
    • je achternaam en de dienst: cornelissenmarketing.nl.

Controleer ook of deze nog wel beschikbaar is.

2. Zorg voor een sterk logo

Je wilt dat je logo makkelijk toepasbaar is in alle beschikbare kanalen. Het liefst authentiek en vooral herkenbaar! Kijk nog eens goed naar je logo en vraag je dit eens af, kan ik het overal even makkelijk en herkenbaar inzetten? Hou de volgende richtlijnen aan:

    1. Minimaliseer de uitvoering en maximaliseer het contrast;
    2. Zorg dat je logo altijd herkenbaar blijft in responsieve omgevingen;
    3. Kun je de tekst op tien meter afstand ook nog lezen?
    4. Gebruik online een landscape logo met een typerend beeldmerk;
    5. Kies de emotie die het nut van het merk oproept;
    6. Zorg dat je kleurgebruik de emotie versterkt die je wilt oproepen.

3. Bedenk welke emotie het merk oproept

Wat voelt men op het moment dat men het unieke nut van jouw merk ervaart of welk gevoel ervaart men wanneer het specifieke probleem wordt opgelost? Onderzoekers hebben hier een keer onderzoek naar gedaan en zijn tot een set van 38 merkgerelateerde emoties gekomen. Wanneer je er hier een of twee uit kiest wordt het grafische gedeelte van je webdesign een stuk makkelijker.

4. Bedenk welke kleuren deze emotie versterken

Sinds mensenheugenis associëren wij kleuren met bepaalde emoties. Door de juiste keuzes hierin te maken kan de merkbeleving versterkt worden en ook de emoties die men het merk toedicht worden beïnvloed. Bekijk hier welke kleuren bepaalde emoties versterken. Kies bij webdesign naast je hoofdkleur een of twee complementaire kleuren voor je huisstijl.

5. Kiezen lettertype / Is er een huisstijl?

Voor je website is de keuze van een lettertype belangrijk voor de beleving van het gehad. Om een merk sterk neer te zetten is het sowieso belangrijk om consistent te zijn in alle uitingen. Dit waarborg je door de huisstijl vast te leggen in een merkboek. Een huisstijl geeft vorm aan de uitstraling van je merk. Het is een mix van vorm, emotie, kleur, logo, beeldmerk en het gebruik van specifieke lettertypes. Dit in het kader van je merkbelofte of missie, visie en kernwaarden.

6. B2B of B2C?

Voor een goede ‘klik’ met de bezoeker op de website dien je bij de opzet twee zaken heel duidelijk te hebben: wat is de specifieke behoefte van de bezoeker en op welke unieke wijze kun jij daar invulling aan geven? Vragen die in een goed merkconcept worden beantwoord. Daarbij verschilt de manier van beslissingen in B2B en B2C. Zo hebben zakelijke beslissers 2 tot 4 contactmomenten nodig om tot een beslissing te komen. Een consument heeft beduidend meer contactmomenten nodig. Denk bij webdesign ook na over het volgende:

    • heeft de bezoeker een hoog of laag budget?
    • heeft de bezoeker weinig of veel contactmomenten nodig?
    • heb ik direct of indirect contact met de beslisser?
    • gaat het om impulsieve of weloverwogen aankopen?
    • gaat het om eenmalige aankopen of een zakelijk langere relatie?

7. Zorg voor responsive design

WordPress website Je moet ervoor zorgen dat je bezoekers je website als prettig in gebruik ervaren. Ongeacht of ze deze op een desktop, tablet of smartphone bekijken. Bedenk dat de ‘zoekbots’ van de zoekmachines dit net als gewone bezoekers ook prettiger vinden en je met een hogere ranking in de zoek resultaten belonen.

8. Zorg dat de website snel is

Een vertraging van slechts één seconde heeft invloed op het bounce-percentage, SEO-ranking en zelfs het conversieratio van je website. Dit nog los van bezoekers die afhaken als het inladen van je pagina’s te lang duurt. Check de snelheid van je website met bijvoorbeeld een site als WebPageTest zodat je exact weet wat je moet doen om de optimale snelheid te bereiken. De keuze van een goede hostingpartij is extreem belangrijk en betaalt zich dubbel en dwars terug.

9. Optimaliseer de relevante pagina’s voor de zoekmachines

Google heeft zichzelf als opdracht gesteld om de online zoekers zo relevant mogelijke resultaten te bieden. Voordat je gaat schrijven is het belangrijk om eerst uit te zoeken op welke woorden je gevonden wilt worden. Hiervoor zijn er online tal van tools te vinden met Google Ads voorop). Belangrijker nog is eerst te bedenken of een zoekmachine strategie wel bij jouw onderneming past.

Altijd heel fijn om met Eric te werken. Hij schakelt snel, is goed te bereiken en is snel met het leveren van de gevraagde opdrachten.

Elysee Dental

Modern Dental Group

Grafische ontwerp

Aangeleverd door klant

Grafisch ontwerp 1
Grafisch ontwerp 2

Gekozen kleurrichting(en):

Custom

#00809c

Dichtste bij:

Teal

Positief: rustig, cool, smaakvol, verfijnd, zelfverzekerd.

PMS 315C  #0A546D

# Het benoemen van het belangrijkste nut, het benoemen van een emotie en het kiezen van een merkkleur zijn onderdeel van de beproefde methodiek voor het ontwikkelen van een merkconcept.

Merkontwikkeling en webdesign

Het onderscheidend vermogen van jouw onderneming boven dat van de concurrentie uit tillen, dat is wat ik graag doe. Samen met jou creëer ik hiervoor niet alleen meer zichtbaarheid en aandacht, maar ik zorg er tevens voor dat de website een actieve rol in jouw communicatie gaat spelen.
drs. ing. Eric Cornelissen

drs. ing. Eric Cornelissen

Merkstrateeg | Webdesigner | Online marketeer

Al sinds 1988 help ik ondernemers bij het ontwikkelen en behouden van een sterk merkimago. De ervaring heeft mij geleerd dat het centraal stellen van een duidelijke positionering essentieel is voor succes. Het herontwerp van het logo en de website zijn hierbij de middelen waarmee deze positionering het duidelijkst gecommuniceerd kan worden. Met de dienstverlening van Cornelissen.Marketing ben ik in staat om de complete regie hierover te voeren en volledige invulling te kunnen geven aan de uitvoering ervan. Dit met als doel om jou als ondernemer te helpen een sterk en samenhangend merk op te bouwen dat zijn waarde propositie effectief communiceert naar de doelgroep en daarmee bijdraagt aan de groei van jouw onderneming.

Ander werk

Selecteer een categorie of merk

Website voor ANBI stichting ‘Podium deMess’

Website voor ANBI stichting ‘Podium deMess’

Portfoliofooter 2

Website voor ANBI stichting & cultuurpodium ‘deMess’

Een cultuurpodium is een plek waar kunstenaars en artiesten hun talenten kunnen tonen aan het publiek. Of het nu gaat om theater, dans, muziek of andere vormen van kunst, een cultuurpodium biedt een platform voor het creëren en delen van kunst en cultuur. Om het publiek te bereiken en te informeren over de activiteiten van het podium, is het hebben van een website van cruciaal belang. Zeker als er ook nog eens sprake is van een belangrijke rol van het cultuurpodium in tal van locale activiteiten.

Opdracht

“Verbeter de gebruikersvriendelijkheid van de website voor de bezoekers ervan rekening houdend met een balans tussen de voorstellingen en de locale activiteiten”

Website Podium deMess

Optimalisering website na eerste vijf jaar

Het is snel gegaan maar cultuurpodium deMess bestaat alweer vijf jaar. Dat er in het begin nog gezocht werd naar de specifieke rol en de plek die deMess inmiddels heeft ingenomen was zichtbaar op de website. Zowel aan de voor- als achterzijde. Al in de zomer van 2022 zijn de eerste bespreking gevoerd over de verbetering van de gebruikersvriendelijkheid voor alle betrokken partijen. Zowel de bezoekers van de voorstellingen, de locale activiteiten als ook de vrijwilligers die de website wekelijks up-to-date houden.

Cultuurpodium maar ook ANBI-stichting

Ten eerste is de website van deMess van groot belang om het publiek te informeren over het aanbod en de evenementen die plaatsvinden. Het was daarom essentieel om de website overzichtelijker te maken en alle benodigde informatie te vermelden, zoals de voorstellingen en activiteiten, nieuws, social media en een goede contactpagina.

Daarnaast is het voor deMess als ANBI-stichting belangrijk om goed aanwezig te zijn op het internet, omdat het een belangrijk kanaal is voor het bereiken van donateurs en het vergroten van naamsbekendheid.

Hieronder voorbeelden van de nieuwe website. Klik op een afbeelding voor een vergroting of bezoek de website.

Home
Homepage
Activiteiten
‘Activiteiten’
Inschrijven nieuwsbrief
‘Inschrijven nieuwsbrief’
Voorstellingen
‘Voorstellingen’
Nieuws
‘Nieuws’
Contact
‘Contact’

Welke informatie moet de website van een ANBI stichting vermelden?

Er zijn een aantal verplichte gegevens die op de ANBI website van een stichting moeten worden vermeld. Bij het opzetten van de nieuwe opzet is hier uiteraard naar gekeken:

  1. Naam en RSIN-nummer: De naam, het RSIN-nummer en het ANBI-nummer uit het ANBI register van de stichting moeten duidelijk zichtbaar zijn op de website.
  2. Contactgegevens: De contactgegevens van de stichting, zoals het adres, telefoonnummer en e-mailadres, moeten op de website worden vermeld.
  3. Doelstelling: De doelstelling van de stichting moet op de website worden beschreven. Dit kan bijvoorbeeld in de vorm van een missie- of visieverklaring.
  4. Beleidsplan: Het beleidsplan van de stichting moet op de website worden geplaatst. Hierin staat onder andere beschreven welke activiteiten de stichting onderneemt om haar doelstelling te bereiken.
  5. Bestuurssamenstelling: De namen en functies van de bestuursleden moeten op de website worden vermeld.
  6. Beloningsbeleid: Het beloningsbeleid van de stichting moet op de website worden vermeld. Hierin staat onder andere beschreven hoe het bestuur wordt beloond en of er vrijwilligersvergoedingen worden uitgekeerd.
  7. Financiële gegevens: De financiële gegevens van de stichting moeten op de website worden gepubliceerd. Hieronder vallen de jaarrekening, het jaarverslag en de balans.

WordPress webdesign met managed webhosting

Uiteraard is er gekozen voor WordPress webdesign met Managed WordPress hosting. Door dit laatste is demess.nl verzekerd van goede support en een supersnelle laadsnelheid van de website. Klik op de afbeeldingen om de pagina’s ‘live’ te bekijken.

Webdesign in negen stappen

Bij het ontwikkelen van de nieuwe site voor cultuurpodium deMess hebben we het gebruikelijke negen-stappen-plan voor een website met impact als checklist gebruikt.

1. Kies een goede domeinnaam

Check of je domeinnaam voor een bezoek de lading dekt. Voor gevestigde namen/merken volstaat vaak de naam zelf maar overweeg het volgende als je de keuze nog kan maken:

    • de naam van je dienst: webdesignbussum.nl;
    • het nut dat het oplevert: goedgevondenworden.nl;
    • de wens van je doelgroep: goedzichtbaar.nl;
    • je achternaam en de dienst: cornelissenmarketing.nl.

Controleer ook of deze nog wel beschikbaar is.

2. Zorg voor een sterk logo

Je wilt dat je logo makkelijk toepasbaar is in alle beschikbare kanalen. Het liefst authentiek en vooral herkenbaar! Kijk nog eens goed naar je logo en vraag je dit eens af, kan ik het overal even makkelijk en herkenbaar inzetten? Hou de volgende richtlijnen aan:

    1. Minimaliseer de uitvoering en maximaliseer het contrast;
    2. Zorg dat je logo altijd herkenbaar blijft in responsieve omgevingen;
    3. Kun je de tekst op tien meter afstand ook nog lezen?
    4. Gebruik online een landscape logo met een typerend beeldmerk;
    5. Kies de emotie die het nut van het merk oproept;
    6. Zorg dat je kleurgebruik de emotie versterkt die je wilt oproepen.

3. Bedenk welke emotie het merk oproept

Wat voelt men op het moment dat men het unieke nut van jouw merk ervaart of welk gevoel ervaart men wanneer het specifieke probleem wordt opgelost? Onderzoekers hebben hier een keer onderzoek naar gedaan en zijn tot een set van 38 merkgerelateerde emoties gekomen. Wanneer je er hier een of twee uit kiest wordt het grafische gedeelte van je webdesign een stuk makkelijker.

4. Bedenk welke kleuren deze emotie versterken

Sinds mensenheugenis associëren wij kleuren met bepaalde emoties. Door de juiste keuzes hierin te maken kan de merkbeleving versterkt worden en ook de emoties die men het merk toedicht worden beïnvloed. Bekijk hier welke kleuren bepaalde emoties versterken. Kies bij webdesign naast je hoofdkleur een of twee complementaire kleuren voor je huisstijl.

5. Kiezen lettertype / Is er een huisstijl?

Voor je website is de keuze van een lettertype belangrijk voor de beleving van het gehad. Om een merk sterk neer te zetten is het sowieso belangrijk om consistent te zijn in alle uitingen. Dit waarborg je door de huisstijl vast te leggen in een merkboek. Een huisstijl geeft vorm aan de uitstraling van je merk. Het is een mix van vorm, emotie, kleur, logo, beeldmerk en het gebruik van specifieke lettertypes. Dit in het kader van je merkbelofte of missie, visie en kernwaarden.

6. B2B of B2C?

Voor een goede ‘klik’ met de bezoeker op de website dien je bij de opzet twee zaken heel duidelijk te hebben: wat is de specifieke behoefte van de bezoeker en op welke unieke wijze kun jij daar invulling aan geven? Vragen die in een goed merkconcept worden beantwoord. Daarbij verschilt de manier van beslissingen in B2B en B2C. Zo hebben zakelijke beslissers 2 tot 4 contactmomenten nodig om tot een beslissing te komen. Een consument heeft beduidend meer contactmomenten nodig. Denk bij webdesign ook na over het volgende:

    • heeft de bezoeker een hoog of laag budget?
    • heeft de bezoeker weinig of veel contactmomenten nodig?
    • heb ik direct of indirect contact met de beslisser?
    • gaat het om impulsieve of weloverwogen aankopen?
    • gaat het om eenmalige aankopen of een zakelijk langere relatie?

7. Zorg voor responsive design

WordPress website Je moet ervoor zorgen dat je bezoekers je website als prettig in gebruik ervaren. Ongeacht of ze deze op een desktop, tablet of smartphone bekijken. Bedenk dat de ‘zoekbots’ van de zoekmachines dit net als gewone bezoekers ook prettiger vinden en je met een hogere ranking in de zoek resultaten belonen.

8. Zorg dat de website snel is

Een vertraging van slechts één seconde heeft invloed op het bounce-percentage, SEO-ranking en zelfs het conversieratio van je website. Dit nog los van bezoekers die afhaken als het inladen van je pagina’s te lang duurt. Check de snelheid van je website met bijvoorbeeld een site als WebPageTest zodat je exact weet wat je moet doen om de optimale snelheid te bereiken. De keuze van een goede hostingpartij is extreem belangrijk en betaalt zich dubbel en dwars terug.

9. Optimaliseer de relevante pagina’s voor de zoekmachines

Google heeft zichzelf als opdracht gesteld om de online zoekers zo relevant mogelijke resultaten te bieden. Voordat je gaat schrijven is het belangrijk om eerst uit te zoeken op welke woorden je gevonden wilt worden. Hiervoor zijn er online tal van tools te vinden met Google Ads voorop). Belangrijker nog is eerst te bedenken of een zoekmachine strategie wel bij jouw onderneming past.

Grafische ontwerp

Aangeleverd door CC Factory

De voorgesprekken over het gebruikersvriendelijker maken van de website werden door Chantal Creemers van CC Factory uitgewerkt in een grafisch ontwerp.

Concept 1
Concept 2

Gekozen kleurrichting(en):

Custom

#debd33

Zwart

Positief: krachtig, elegant, geraffineerd, mysterieus, zwaarmoedig, basis, klassiek, sterk, duur, onkwetsbaar, magisch, nacht, sober, prestigieus, stijlvol, modern.
Negatief: depressie, dood, rouw, onderwereld, kwaad, onderdrukking, dreigend.

#000000

Neutraal grijs

Positief: klassiek, sober, zakelijk, praktisch, tijdloos, geschikt, stil, neutraal, logisch, onopvallend, opzettelijk, gereserveerd, fundamenteel, eenvoudig, bescheiden.

PMS 423C #8C8C8C

# Het benoemen van het belangrijkste nut, het benoemen van een emotie en het kiezen van een merkkleur zijn onderdeel van de beproefde methodiek voor het ontwikkelen van een merkconcept.

Merkontwikkeling en webdesign

Het onderscheidend vermogen van jouw onderneming boven dat van de concurrentie uit tillen, dat is wat ik graag doe. Samen met jou creëer ik hiervoor niet alleen meer zichtbaarheid en aandacht, maar ik zorg er tevens voor dat de website een actieve rol in jouw communicatie gaat spelen.
drs. ing. Eric Cornelissen

drs. ing. Eric Cornelissen

Merkstrateeg | Webdesigner | Online marketeer

Al sinds 1988 help ik ondernemers bij het ontwikkelen en behouden van een sterk merkimago. De ervaring heeft mij geleerd dat het centraal stellen van een duidelijke positionering essentieel is voor succes. Het herontwerp van het logo en de website zijn hierbij de middelen waarmee deze positionering het duidelijkst gecommuniceerd kan worden. Met de dienstverlening van Cornelissen.Marketing ben ik in staat om de complete regie hierover te voeren en volledige invulling te kunnen geven aan de uitvoering ervan. Dit met als doel om jou als ondernemer te helpen een sterk en samenhangend merk op te bouwen dat zijn waarde propositie effectief communiceert naar de doelgroep en daarmee bijdraagt aan de groei van jouw onderneming.

Ander werk

Selecteer een categorie of merk

Inspirerende educatieve blog: schrijflesidee.nl

Inspirerende educatieve blog: schrijflesidee.nl

Portfoliofooter 2

Inspirerende educatieve blog: schrijflesidee.nl

De lancering van het boek ‘Wat een goede tekst’ was een mooi moment en goede deadline voor het uitvoering geven aan een langgekoesterd idee: een inspirerende educatieve blog. Dit door het ontwikkelen van een website die gericht is op het ondersteunen van leerkrachten bij het geven van betekenisvol en doelgericht onderwijs in het schrijven van verhalende, informatieve en overtuigende teksten kan een krachtige manier zijn om de schrijfvaardigheden van leerlingen te verbeteren.

Schrijflesidee

Opdracht

“Maak een website die met een goede landingspagina de lancering van het boek ‘Wat een goede tekst’ support en waar inspirerende blogs en ideeën over dit onderwerp gedeeld kunnen worden.”

Bijdragen in een belangrijke vaardigheid

Het schrijven van verhalende, informatieve en overtuigende teksten is een belangrijke vaardigheid die leerlingen nodig hebben om succesvol te zijn in hun academische en professionele leven. Leerkrachten spelen een cruciale rol bij het onderwijzen van deze vaardigheid en hebben vaak behoefte aan ondersteuning bij het ontwikkelen van effectieve lesplannen en het vinden van geschikt lesmateriaal.

Boeklancering “Wat een goede tekst’ een mooi moment om te starten

Het boek ‘Wat een goede tekst‘ heeft het zelfde doel als de blog: een bijdrage leveren aan het verbeteren van het schrijfonderwijs. De lancering van het boek was een mooie deadline om de website goed neer te zetten.

Een website met maandelijks nieuwe praktische ideeën

De idee achter de website is dat Petra de Lint alle leerkrachten zou willen adviseren: “Denk zelf na, volg niet klakkeloos taalmethodes, welke je ook gebruikt. Wees kritisch en verdiep je in wat goed schrijfonderwijs is. Door daarbij het abonnement op haar blog aan te bieden hoopt zij leerkrachten ideeën te geven en te inspireren.

Homepage
‘Homepage’
Inschrijven nieuwsbrief
Pagina ‘Inschrijven nieuwsbrief’
Petra de Lint
Pagina ‘Over mij’
Boeklancering: 'Wat een goede tekst'
Pagina ‘Boek’
Blog
‘Blogs’
Contact
Pagina ‘Contact’

Webdesign in negen stappen

Bij het ontwikkelen van de nieuwe site voor schrijflesidee.nl hebben het gebruikelijke negenstappenplan voor als checklist gebruikt.

1. Kies een goede domeinnaam

Check of je domeinnaam voor een bezoek de lading dekt. Voor gevestigde namen/merken volstaat vaak de naam zelf maar overweeg het volgende als je de keuze nog kan maken:

    • de naam van je dienst: webdesignbussum.nl;
    • het nut dat het oplevert: goedgevondenworden.nl;
    • de wens van je doelgroep: goedzichtbaar.nl;
    • je achternaam en de dienst: cornelissenmarketing.nl.

Controleer ook of deze nog wel beschikbaar is.

2. Zorg voor een sterk logo

Je wilt dat je logo makkelijk toepasbaar is in alle beschikbare kanalen. Het liefst authentiek en vooral herkenbaar! Kijk nog eens goed naar je logo en vraag je dit eens af, kan ik het overal even makkelijk en herkenbaar inzetten? Hou de volgende richtlijnen aan:

    1. Minimaliseer de uitvoering en maximaliseer het contrast;
    2. Zorg dat je logo altijd herkenbaar blijft in responsieve omgevingen;
    3. Kun je de tekst op tien meter afstand ook nog lezen?
    4. Gebruik online een landscape logo met een typerend beeldmerk;
    5. Kies de emotie die het nut van het merk oproept;
    6. Zorg dat je kleurgebruik de emotie versterkt die je wilt oproepen.

3. Bedenk welke emotie het merk oproept

Wat voelt men op het moment dat men het unieke nut van jouw merk ervaart of welk gevoel ervaart men wanneer het specifieke probleem wordt opgelost? Onderzoekers hebben hier een keer onderzoek naar gedaan en zijn tot een set van 38 merkgerelateerde emoties gekomen. Wanneer je er hier een of twee uit kiest wordt het grafische gedeelte van je webdesign een stuk makkelijker.

4. Bedenk welke kleuren deze emotie versterken

Sinds mensenheugenis associëren wij kleuren met bepaalde emoties. Door de juiste keuzes hierin te maken kan de merkbeleving versterkt worden en ook de emoties die men het merk toedicht worden beïnvloed. Bekijk hier welke kleuren bepaalde emoties versterken. Kies bij webdesign naast je hoofdkleur een of twee complementaire kleuren voor je huisstijl.

5. Kiezen lettertype / Is er een huisstijl?

Voor je website is de keuze van een lettertype belangrijk voor de beleving van het gehad. Om een merk sterk neer te zetten is het sowieso belangrijk om consistent te zijn in alle uitingen. Dit waarborg je door de huisstijl vast te leggen in een merkboek. Een huisstijl geeft vorm aan de uitstraling van je merk. Het is een mix van vorm, emotie, kleur, logo, beeldmerk en het gebruik van specifieke lettertypes. Dit in het kader van je merkbelofte of missie, visie en kernwaarden.

6. B2B of B2C?

Voor een goede ‘klik’ met de bezoeker op de website dien je bij de opzet twee zaken heel duidelijk te hebben: wat is de specifieke behoefte van de bezoeker en op welke unieke wijze kun jij daar invulling aan geven? Vragen die in een goed merkconcept worden beantwoord. Daarbij verschilt de manier van beslissingen in B2B en B2C. Zo hebben zakelijke beslissers 2 tot 4 contactmomenten nodig om tot een beslissing te komen. Een consument heeft beduidend meer contactmomenten nodig. Denk bij webdesign ook na over het volgende:

    • heeft de bezoeker een hoog of laag budget?
    • heeft de bezoeker weinig of veel contactmomenten nodig?
    • heb ik direct of indirect contact met de beslisser?
    • gaat het om impulsieve of weloverwogen aankopen?
    • gaat het om eenmalige aankopen of een zakelijk langere relatie?

7. Zorg voor responsive design

WordPress website

Je moet ervoor zorgen dat je bezoekers je website als prettig in gebruik ervaren. Ongeacht of ze deze op een desktop, tablet of smartphone bekijken. Bedenk dat de ‘zoekbots’ van de zoekmachines dit net als gewone bezoekers ook prettiger vinden en je met een hogere ranking in de zoek resultaten belonen.

8. Zorg dat de website snel is

Een vertraging van slechts één seconde heeft invloed op het bounce-percentage, SEO-ranking en zelfs het conversieratio van je website. Dit nog los van bezoekers die afhaken als het inladen van je pagina’s te lang duurt. Check de snelheid van je website met bijvoorbeeld een site als WebPageTest zodat je exact weet wat je moet doen om de optimale snelheid te bereiken. De keuze van een goede hostingpartij is extreem belangrijk en betaalt zich dubbel en dwars terug.

9. Optimaliseer de relevante pagina’s voor de zoekmachines

Google heeft zichzelf als opdracht gesteld om de online zoekers zo relevant mogelijke resultaten te bieden. Voordat je gaat schrijven is het belangrijk om eerst uit te zoeken op welke woorden je gevonden wilt worden. Hiervoor zijn er online tal van tools te vinden met Google Ads voorop). Belangrijker nog is eerst te bedenken of een zoekmachine strategie wel bij jouw onderneming past. 

WordPress webdesign met managed webhosting

Uiteraard is er gekozen voor WordPress webdesign met Managed WordPress hosting. Door dit laatste is Schrijflesidee.nl verzekerd van goede support en een supersnelle laadsnelheid van de website. Klik op de afbeeldingen om de pagina’s ‘live’ te bekijken.

Eric kent zoveel mogelijkheden, koppelt van alles aan elkaar en bruist van de ideeën om een eenvoudig plan mooier,  groter en interessanter te maken, voor mij en voor de doelgroep. Hij schakelt en werkt snel, is flexibel. Heel fijn!

Petra de Lint

Schrijfster, Schrijflesidee.nl

Merkontwikkeling

Emotie(s) bij dit merk:

Zich een goede leraar voelen

Zich een goede leraar voelen

Je in staat voelen om nuttige kennis of vaardigheden succesvol op anderen over te kunnen brengen.

Gekozen kleurrichting(en):

Maagdenpalm blauw

Positief: joviaal, levendig, opgewekt, gezellig, hartelijk.

PMS 7452C #8392CB

Wit

Positief: puur, schoon, ongerept, maagdelijk, vlekkeloos, onschuldig, stil, lichtgewicht, luchtig, helder, bruids, etherisch, helderheid, eenvoud, arctisch, doeltreffend.
Negatief: steriel, koud, klinisch.

#FFFFFF

Goud

Positief: blingbling, rijk, gloeiend, goddelijk, intuïtief, luxueus, weelderig, duur, stralend, waardevol, prestigieus.
Negatief: opzichtig.

PMS 871C #87754F

Heldergroen

Positief: vers, gras, Iers, levendig, lente, vernieuwing, weelderig.

PMS 347C #14883E

# Het benoemen van het belangrijkste nut, het benoemen van een emotie en het kiezen van een merkkleur zijn onderdeel van de beproefde methodiek voor het ontwikkelen van een merkconcept.

Merkontwikkeling en webdesign

Het onderscheidend vermogen van jouw onderneming boven dat van de concurrentie uit tillen, dat is wat ik graag doe. Samen met jou creëer ik hiervoor niet alleen meer zichtbaarheid en aandacht, maar ik zorg er tevens voor dat de website een actieve rol in jouw communicatie gaat spelen.
drs. ing. Eric Cornelissen

drs. ing. Eric Cornelissen

Merkstrateeg | Webdesigner | Online marketeer

Al sinds 1988 help ik ondernemers bij het ontwikkelen en behouden van een sterk merkimago. De ervaring heeft mij geleerd dat het centraal stellen van een duidelijke positionering essentieel is voor succes. Het herontwerp van het logo en de website zijn hierbij de middelen waarmee deze positionering het duidelijkst gecommuniceerd kan worden.

Met de dienstverlening van Cornelissen.Marketing ben ik in staat om de complete regie hierover te voeren en volledige invulling te kunnen geven aan de uitvoering ervan.

Dit met als doel om jou als ondernemer te helpen een sterk en samenhangend merk op te bouwen dat zijn waarde propositie effectief communiceert naar de doelgroep en daarmee bijdraagt aan de groei van jouw onderneming.

Ander werk

Selecteer een categorie of merk

Woocommerce webshop met maatwerk plugin voor gebruiksgemak

Woocommerce webshop met maatwerk plugin voor gebruiksgemak

Portfoliofooter 2

Woocommerce webshop

(met maatwerk plugin voor gebruiksgemak)

Een webshop die het bestellen van Sedumdak doe-het-zelf pakketten per vierkante meter mogelijk maakt.

Sedumopjedak

Opdracht

“Voor Sedumopjedak bv willen wij een website waarop particulieren op basis van de dakafmeting complete pakketten per vierkante meter kunnen bestellen. De webshop moet op basis van de afmetingen de pakketsamenstelling doorrekenen en de verschillende BTW tarieven.”

De specifieke behoefte van de doelgroep

Op basis van 15 jaar ervaring in de branche en eerdere webshops is het Tom Schipper (de eigenaar van Sedumopjedak bv) duidelijk dat het samenstellen van een complete lijst van benodigdheden voor de aanleg van een groendak met Sedum lastig is voor zijn klanten. De verschillende afmetingen en BTW tarieven van de onderliggende componenten maakt dit extra lastig. Er is volgens hem behoefte aan een eenvoudige manier van bestellen die de zekerheid biedt dat men alles in huis heeft om een Sedumdak compleet aan te kunnen leggen of aan te laten leggen.

Speciale plug-in

Op basis van vooronderzoek blijkt dat er geen combinatie van plug-ins in de markt is om dit mogelijk te maken. Door een pakket van eisen samen te stellen waaraan zo’n plugin moet voldoen is er vervolgens een maatwerk plug-in ontwikkeld die bestellen op basis van. dakafmeting mogelijk maakt. Zowel voor consumenten als partners van Sedumopjedak bv.

Huisstijl en webdesign op basis van emotie

De WooCommerce webshop is onderdeel van de eerste website voor Sedumopjedak bv en naast de functionaliteit dient er ook nog een huisstijl ontwikkeld te worden. In een merkontwikkelingssessie wordt vastgesteld welke emotie een rol speelt in het aankoopproces. Wat drijft iemand om een groendak met Sedum aan te schaffen? Vanuit het gevoel iets bij te dragen aan een betere leefomgeving komen we uit op twee emoties uit de set van 38 merkgerelateerde emoties waarmee wij altijd werken:

  • Gevoel van zorgzaamheid;
  • Voelen dat je erbij hoort.

Uit de set van 51 emotie versterkende kleuren stellen wij een set van complementaire, goed contrasterende kleuren samen:

  • Levendig oranje;
  • Bladgroen;
  • Helder geel.

Logo en beeldmerk

Op basis van het bovenstaande wordt er een logo en een beeldmerk ontworpen. De toevoegde waarde van de WooCommerce webshop door de speciale manier van bestellen door de maatwerkplug-in wordt vertaald naar de slogan:

 

‘Sedum op je dak met het grootste gemak!’
Sedumopjedak
Landscape logo
Declames
Beeldmerk

WooCommerce Webshop met managed webhosting

Uiteraard is er gekozen voor WooCommerce Webshop met Managed WordPress hosting. Door dit laatste is Sedumopjedak.nl verzekerd van goede support en een supersnelle laadsnelheid van de website. Klik op de afbeeldingen om de pagina’s ‘live’ te bekijken.

Sedumopjedak homepage
Homepage
Sedumopjedak planning en voorbereiding
Instructie ‘Planning en voorbereiding’
Sedumopjedak onderhoud
Instructie ‘Onderhoud’
Sedumopjedak zelf aanleggen
Pagina ‘Zelf aanleggen’
Sedumopjedak webshop
‘Sedumshop’
Sedumdak Basis bundel
Homepage
Sedumopjedak over ons
Over ons / FAQ

Het liefst maak ik het mijn klanten zo gemakkelijk mogelijk om hun leefomgeving te vergroenen. Het is Cornelissen.Marketing gelukt om dit naar een webshop te vertalen. Ik kan nu meer mensen bereiken en meer groendaken met Sedum te creëren. Goed gelukt dus en echt: ‘Sedum op je dak met het grootste gemak!’.

Tom Schipper

Sedum specialist | Eigenaar, Sedumopjedak bv

Merkidentiteit

Emotie(s) bij dit merk:

Gevoel van zorgzaamheid

Gevoel van zorgzaamheid

Belangstelling in het verstrekken van emotionele, fysieke, financiële of spirituele ondersteuning aan anderen en intens plezier beleven aan het hiermee bezig zijn.

Voelen dat je erbij hoort

Voelen dat je erbij hoort

Het buikgevoel hebben dat je onderdeel uitmaakt van een gezin, een vriendengroep of een maatschappij waar je jezelf in thuis voelt op basis van overeenkomstige waarden, overtuigingen en gedragsneigingen.

Gekozen kleurrichting(en):

Helder geel

Positief: verlichtend, blij, heet, levendig, vriendelijk, lichtgevend, verhelderend, energiek, zonneschijn, stimulerend, innovatief, stralend, bewustzijn, verrassing, voorzichtigheid.
Negatief: lafheid, verraad, gevaar.

PMS 116C #FDC70B

Levendig oranje

Positief: pret, grillig, gelukkig, gloeiend, zonsondergang, heet, stimulerend, actief, vriendelijk, goedmoedig, uitgestrekt, spontaan, optimistisch, communicatief, gemoedelijk, sociaal, zelfverzekerd, overredend, geanimeerd.
Negatief: Luidruchtig, rauw, frivool.

PMS 1586C #F06D27

# Het benoemen van het belangrijkste nut, het benoemen van een emotie en het kiezen van een merkkleur zijn onderdeel van de beproefde methodiek voor het ontwikkelen van een merkconcept.

Merkontwikkeling en webdesign

Het onderscheidend vermogen van jouw onderneming boven dat van de concurrentie uit tillen, dat is wat ik graag doe. Samen met jou creëer ik hiervoor niet alleen meer zichtbaarheid en aandacht, maar ik zorg er tevens voor dat de website een actieve rol in jouw communicatie gaat spelen.
drs. ing. Eric Cornelissen

drs. ing. Eric Cornelissen

Merkstrateeg | Webdesigner | Online marketeer

Sinds 1988 houd ik mij bezig met marketing en communicatie. Daarbij heb ik veel ervaring opgedaan in verschillende functies en in verschillende branches.
Als laatbloeier studeerde ik van 2004 tot 2007 technische bedrijfskunde aan de Hogeschool van Amsterdam en van 2011 tot 2013 marketing aan de Vrije Universiteit. Na het voltooien van deze laatste studie ben ik gestart met Cornelissen.Marketing. Onder deze vlag biedt ik niet alleen mijn ervaring en competenties aan maar ook die van het marketing collectief om mij heen. Voor ieder project beschikt een opdrachtgever op die manier over een team van professionals en heeft daarbij maar één aanspreekpunt.

Ander werk

Selecteer een categorie of merk

Bladgroen

Positief: natuurlijk, vruchtbaar, gezond, balans, leven, groei, verzachtend, harmonie, rustgevend, herstel, geruststelling, milieubewust, nieuwe start.

PMS 349C #125727

WordPress met Active Campaign integratie

WordPress met Active Campaign integratie

Portfoliofooter 2

WordPress met Active Campaign integratie

WordPress website gekoppeld aan een Active Campaign account voor een bedrijf dat sinds 1981 wereldwijd Life Science specialisten bedient met een compleet assortiment producten en maatwerkoplossingen.

WordPress met Active Campaign

Opdracht

“Een website die het Life Science specialisten makkelijk maakt om kennis te nemen van onze oplossingen en met ons in contact te komen.”

Omslag in bedrijfspresentatie

Voorafgaand aan het webdesign is het merkontwikkeling-traject doorlopen om te komen tot een nieuwe bedrijfspresentatie. Dit door niet de producten voorop te stellen maar de oplossingen die ermee gecreëerd worden.

Naamgeving en duiding

De naam UNO wordt al sinds 1981 gebruikt met de toevoeging ‘Roestvrijstaal BV of kortweg BV’. Een mooie reflectie van het materiaal van de eerste producten waarmee UNO groot is geworden. De vlag dekte echter niet langer meer de lading voor de oplossingen die zij anno 2022 bieden. UNO als gevestigde naam is onberoerd gelaten maar om het makkelijker te kunnen duiden en vinden is er ‘Life Science Solutions‘ aan toegevoegd.

Het zorgt er voor dat de naam UNO een bredere lading dekt en dat iemand die UNO nog niet kent direct weet in welke business UNO actief is.

Van het kenmerk naar het nut voor de klant

Om de kernvaardigheid in de dienstverlening van UNO naar voren te halen, zijn eerst alle kenmerken van de dienstverlening in kaart gebracht. Bij ieder kenmerk is vervolgens een voordeel benoemd en is er gekeken naar het nut dat een klant hiervan ondervindt.

Belangrijkste nut
Door dit gedegen te doen ontstaat er een lange lijst van steeds combinaties ‘kenmerk – voordeel-nut’. De ontstane lijst is vervolgens voorgelegd aan een groep klanten met het verzoek om de lijst te scoren op importantie van nut voor de klant. De feedback van de klanten leidde tot een duidelijk beeld over de kernvaardigheid van UNO. Op basis van deze kernvaardigheid kan er een eenduidige, unieke belofte aan de markt worden afgegeven.

Het verschil maken op basis van ervaren nut

Het meest genoemde ervaren nut in het onderzoek was de mate waarin UNO in staat is om, vanuit breed assortiment producten dat sinds 1981 is opgebouwd, productaanpassingen kan doen voor een nog betere oplossing. Het ontwikkelteam blijkt zich al die jaren steeds de vraag te hebben gesteld: ” Wie zijn nu precies onze klanten en wat willen ze echt?”. Kort gezegd:

UNO: Customized Life Science Solutions

Huisstijl en webdesign op basis van emotie

Wanneer het belangrijkste nut van de dienstverlening benoemd is, wordt er gekeken welke emotie een rol speelt in het aankoopproces. Wat beleeft iemand op het moment dat hij of zij het nut ervaart? Voor UNO komen we hiervoor uit op twee emoties uit de set van 38 merkgerelateerde emoties:

  • Het gevoel van volbrenging
  • Zich gerespecteerd voelen

Uit de set van 51 emotie versterkende kleuren stellen wij een set van complementaire, goed contrasterende kleuren samen:

  • Helder blauw;
  • Licht blauw;
  • Taupe.

Landscape logo met een herkenbaar beeldmerk

Een landscape logo met een herkenbaar beeldmerk zorgt voor 89 procent grotere kans dat bezoekers je logo onthouden. Het meest praktische is het om je logo tekst te combineren herkenbaar beeldmerk. Dit beeldmerk wordt in kleinere vormen met het merk geassocieerd. Met dit in gedachte is de vormgeving van het logo van UNO Life Science Solutions aangepast. De kleuren van het logo en de website zijn gebaseerd op de 51 emotie versterkende kleuren.

UNO Life Science
Landscape logo
Beeldmerk UNO
Beeldmerk

WordPress webdesign met managed webhosting

Uiteraard is er gekozen voor WordPress webdesign met Managed WordPress hosting. Door dit laatste is UNO Life Science Solutions verzekerd van goede support en een supersnelle laadsnelheid van de website. Klik op de afbeeldingen om de pagina’s ‘live’ te bekijken.

Home
Home
Producten
Pagina ‘Producten’
Contact
Pagina ‘Contact’
Productgroep
Pagina ‘Productgroep’
Over UNO
Pagina ‘Over UNO’

Merkidentiteit

Emotie(s) bij dit merk:

Gevoel van volbrenging

Gevoel van volbrenging

Voortschrijdend bewijs zien dat in je leven persoonlijke doelen die de moeite waard zijn worden nagestreefd en behaald.
Zich gerespecteerd voelen

Zich gerespecteerd voelen

Erkenning en waardering krijgen voor je waarde of bijdragen die je levert aan dierbaren, je familie of aan de maatschappij.

Gekozen kleurrichting(en):

Helderblauw

Positief: elektrisch, energie, levendig, vibrerend, indrukwekkend, waterleven, opgewekt, opwindend.

PMS 285C #0171BA

Lichtblauw

Positief: kalmte, stil, geduldig, vreedzaam, stoer, water, schoon.

PMS 283C #97BFE8

Taupe

Positief: klassiek, neutraal, praktisch, tijdloos, kwaliteit, basic, authentiek, organisch, veelzijdig, onopvallend, ingetogen, discreet, compromisloos, bescheiden.

PMS 7536C #A7A187

# Het benoemen van het belangrijkste nut, het benoemen van een emotie en het kiezen van een merkkleur zijn onderdeel van de beproefde methodiek voor het ontwikkelen van een merkconcept.

Merkontwikkeling en webdesign

Het onderscheidend vermogen van jouw onderneming boven dat van de concurrentie uit tillen, dat is wat ik graag doe. Samen met jou creëer ik hiervoor niet alleen meer zichtbaarheid en aandacht, maar ik zorg er tevens voor dat de website een actieve rol in jouw communicatie gaat spelen.
drs. ing. Eric Cornelissen

drs. ing. Eric Cornelissen

Merkstrateeg | Webdesigner | Online marketeer

Al sinds 1988 help ik ondernemers bij het ontwikkelen en behouden van een sterk merkimago. De ervaring heeft mij geleerd dat het centraal stellen van een duidelijke positionering essentieel is voor succes. Het herontwerp van het logo en de website zijn hierbij de middelen waarmee deze positionering het duidelijkst gecommuniceerd kan worden.

Met de dienstverlening van Cornelissen.Marketing ben ik in staat om de complete regie hierover te voeren en volledige invulling te kunnen geven aan de uitvoering ervan.

Dit met als doel om jou als ondernemer te helpen een sterk en samenhangend merk op te bouwen dat zijn waarde propositie effectief communiceert naar de doelgroep en daarmee bijdraagt aan de groei van jouw onderneming.

Ander werk

Selecteer een categorie of merk