Website of webshop (laten) maken?

Hoe maak je een website of webshop?

Er zijn verschillende manieren om een eigen website of webshop te (laten) maken. Zo zou je er zelf een kunnen programmeren met HTML, CSS, JavaScript en/of PHP. Indien je niet weet hoe dat op deze manier werkt, is het aan te raden om een content management systeem (CMS) te gebruiken voor je website of webshop. Dit is een soort controlepaneel waarmee je de inhoud van een website kunt aanpassen naar wens aan de ‘achterkant’ zonder kennis van programmeertaal.

Populaire CMS’en voor websites zijn:

  • WordPress
  • Joomla!
  • TYPO3
  • Drupal

en voor webshops zijn dit de meest populaire CMS’en:

  • Magento
  • Prestashop
  • WooCommerce
  • Zen Cart
  • CubeCart

Bij Comaxx maken wij voor klanten vooral gebruik van WordPress en Magento. Beide zijn een CMS en open source. Open source wil zeggen dat de software vrij beschikbaar is voor iedereen en dat de broncode aangepast kan worden. De software wordt daarnaast snel verbeterd omdat iedereen dit kan leren en kan aanpassen. Zo kun je om hulp vragen in de community van de gebruikte software. Daarnaast worden door andere programmeurs vele plug-ins ontwikkeld die je weer kunt koppelen aan WordPress of Magento om je website/webshop te verrijken met extra functionaliteiten. Zo kun je gebruik maken van de plug-in Yoast SEO, een van de populairste plug-ins voor WordPress. Deze plug-in zorgt ervoor dat jouw website beter gevonden wordt door aan de SEO-eisen te voldoen.

Benodigdheden en kosten om een website of webshop te (laten) maken

Om een website te kunnen beginnen heb je een aantal onderdelen nodig.

  • Hosting
    Je huurt een ruimte op een server zodat jouw website online kan. Hiervoor kies je een van de vele verschillende webhosting providers.
  • Domeinnaam
    Dit is de URL (link) van je website, maak deze niet te lang zodat het makkelijker te onthouden is voor de klanten. Kies ook een extensie die bij jouw organisatie past. Zo kun je bijvoorbeeld kiezen tussen .nl of .com.
  • CMS
  • SSL-certificaat
    Een beveiligde verbinding tussen een webserver en een browser

Bovenstaande onderdelen zijn in het begin de belangrijkste benodigdheden om een website te kunnen beginnen. Uiteraard komt er nog wel wat meer bij kijken, zoals het doel van de website, design/huisstijl, teksten, beeldmateriaal etc. Niet te vergeten: een website maken kost tijd! Daarom kiezen toch veel organisaties ervoor om een bureau in te schakelen die veel van het werk uit handen neemt. Daarnaast beschikt een digitaal bureau over de benodigde kennis van bijvoorbeeld de privacywet, webbeveiliging en de wet van de digitale toegankelijkheid (voor mensen met een beperking).

Wat kost het om een website te laten maken?

Een website laten maken kan afhankelijk van je eisen flink oplopen en verschillen in de kosten. Dit komt omdat er veel werk in een website gaat zitten, zeker voor grotere organisaties. Daarnaast krijg je ook te maken met maandelijkse kosten, je betaalt dus niet eenmalig voor een website. Voor beginnende ondernemers kun je uiteraard beginnen met een goedkopere website die je eventueel zelf maakt. Websites kunnen beginnen bij een paar honderd euro en oplopen tot wel 100.000 euro. Het is verstandig om in gesprek te gaan met een digitaal bureau over je wensen en wat de kosten zullen zijn (offerte aanvragen). Bovendien kun je dan ook aangeven welke koppelingen of andere vereisten toegevoegd moeten worden aan de website of webshop.

Koppeling met systemen voor een WordPress of Magento website/webshop

Een website of webshop moet je naadloos kunnen koppelen met verschillende soorten systemen. Denk hierbij bijvoorbeeld aan recruitment of inbound marketing systemen. Daarnaast kunnen wij voor zorgaanbieders een koppeling maken op WordPress met ZorgkaartNederland. Zij helpen met het kiezen van een passende zorgaanbieder voor patiënten door middel van reviews van anderen.

Een andere koppeling waar we mee werken bij Comaxx is Bullhorn, een systeem voor (moderne) recruitment. Comaxx heeft een plugin gecreëerd voor WordPress websites zodat je vacatures uit Bullhorn of Connexys makkelijk kunt synchroniseren.

Wanneer je WordPress of Magento-sites koppelt met verschillende systemen, kun je de webshop of website helemaal inrichten naar wens voor jouw organisatie. Een digitaal bureau kan daarbij helpen en advies geven. Wil jij jouw organisatie professionaliseren of uitbreiden, is het dus verstandig om de website of webshop niet zelf te maken.

Conclusie

Een website of webshop kan dus op vele verschillende manieren gemaakt worden en uitgebreid worden met verschillende koppelingen en wensen. Wanneer je een bedrijf begint kun je eventueel zelf een site maken. Wil je een professionelere website of webshop, of heb je hulp of advies nodig? Dan is het verstandig om een bureau in te schakelen.

Hulp nodig? Neem contact op met ons via onderstaande knop of de live chat.  

Gutenberg, een nieuwe manier van content beheer

Gutenberg is de nieuwe editor waardoor WordPress 5.0 veel nieuwe mogelijkheden kent. Deze naam komt van Johannes Gutenberg. Hij was een Duitse drukker die vooral bekend is als uitvinder van de boekdrukkunst in Europa.

Doordat deze nieuwe editor flexibel omgaat met content ben je vrij om content blokken toe te voegen of weg te laten. Hierdoor kun je als redacteur iedere pagina optimaal samenstellen. Je bent vrij in welke componenten je gebruikt. Dit in tegenstelling tot klassieke WordPress templates. In de klassieke pagina layouts is vaak een vast aanbod in pagina componenten waar je niet van kunt afwijken.

Je bent vrij in welke componenten je gebruikt.

Ramon Hoeks – Webdesigner & Front-end Developer

Je stelt gemakkelijk zelf je pagina’s samen met de slimme zoekfunctie van WordPress. Deze zoekfunctie geeft tijdens het typen suggesties. Hierdoor kun je gemakkelijk vinden waar je naar opzoek bent. Ook krijg je met Gutenberg de mogelijkheid om eigen iconen toe te voegen. Hierdoor zijn de blokken makkelijk van elkaar te onderscheiden in het overzicht.

Voorbeeld Gutenberg zoekfunctie
Voorbeeld Gutenberg zoekfunctie

Zelf bepalen waar je welke elementen plaats is geen probleem meer. Dit doordat de nieuwe WordPress editor je zelf de volgorde laat bepalen. Ook na het plaatsen van componenten kun je ze nog gemakkelijk wisselen. Via bovenstaande link kun je een voorbeeld bekijken & zelf kijken hoe het werkt.

Met Gutenberg je pagina stylen

De nieuwe content bewerker geeft je verschillende menu’s om je content optimaal weer te geven. Door deze diverse menu’s kun je bijvoorbeeld makkelijk variëren met kleur, fonts en uitlijningen.

Voorbeeld Gutenberg Kleur bewerkscherm
Voorbeeld Gutenberg menu

Laat bijvoorbeeld een nieuwe paragraaf beginnen met een groter karakter.

Het is gemakkelijk om een stukje tekst in kleur te zetten. Let hierbij wel op dat je hierbij je huisstijl kleuren blijft gebruiken. Hierdoor blijven je pagina’s een rustige uitstraling behouden.

Ook een volledig gekleurd blok behoort tot de mogelijkheden.

Dit kun je bijvoorbeeld doen als je een nieuwe paragraaf start. Hierdoor leg je extra nadruk op een stukje tekst. Hierdoor bepaal jij wat nadruk heeft.

Contrast check voor leesbaarheid.

Normaalgesproken zal je designer er voor zorgen dat je website goed leesbaar is. Doordat je nu zelf meer mogelijkheden hebt is het voor redacteuren ook belangrijk rekening te houden met leesbaarheid. Gelukkig krijg je hulp doormiddel van slimme meldingen zoals in deze afbeelding. Doordat WordPress je deze hints geeft kun je zelf gemakkelijk leesbare content publiceren. Wij bieden ook digitale toegankelijkheid scans aan om te bekijken of je jouw website optimaal benut.

Voorbeeld contrast check
Voorbeeld contrast check

Bij Comaxx maken we blokken op maat!

De mogelijkheden die de standaard blokken bieden zijn al niet meer op een hand te tellen. Maar als je dan ook nog eens maatwerk blokken kunt toevoegen zijn de mogelijkheden echt eindeloos. Binnen onze WordPress website kunnen wij gemakkelijk elementen van andere pagina’s gebruiken. Wij kunnen bijvoorbeeld gemakkelijk een ander blog bericht tonen op een willekeurige pagina zoals het blok hieronder toont. Hierdoor is een uitbreiding op een bestaande pagina altijd een uitbreiding voor de gehele site.

WhatsApp share button

Wat is het voordeel van de WhatsApp share button op jouw website? WhatsApp is met ruim 12 miljoen gebruikers het grootste sociale platform in Nederland. Meer dan 90% van alle smartphonebezitters heeft de app geïnstalleerd, en bijna 10 miljoen Nederlanders gebruiken de app dagelijks.

Ook voor jouw website zijn dit interessante gegevens. Met het plaatsen van de button geef je mobiele gebruikers op jouw website de mogelijkheid om een artikel te delen via Whatsapp. Bij het klikken op de button kan de gebruiker de link van het artikel delen met een persoon of groep naar keuze op WhatsApp.

De WhatsApp share button zal bij een goede implementatie alleen te zien zijn op de mobiele versie van jouw website. Hierdoor zie je hem niet wanneer je de website bekijkt via een desktop.

Waarom de WhatsApp share button gebruiken?

  • De voornaamste reden om de button te gebruiken op jouw website is dat het delen ‘privé’ verloopt. In tegenstelling tot andere bekende share buttons, zoals Facebook en Twitter, is het delen via WhatsApp alleen te zien voor de personen naar wie je iets stuurt. De kans dat iemand de gedeelde link opent in een privé bericht is natuurlijk vele malen groter dan wanneer iemand iets deelt onder volgers op Facebook of Twitter
  • Behalve dat mensen de doorgestuurde link hoogstwaarschijnlijk vaker zullen openen, zal de traffic naar jouw website ook een stuk relevanter zijn.
  • De persoon die het artikel deelt zal namelijk weten dat degene die de link ontvangt ook daadwerkelijk geïnteresseerd is in het onderwerp.
  • Het laatste grote voordeel van de WhatsApp share button is dat mensen de link veel vaker zullen zien. Een post op social media zoals Facebook en Twitter zal niet altijd door alle volgers gezien worden, een berichtje op WhatsApp daarentegen wel.

Wat is de impact van de AVG op online marketeers?

Als online marketeer ben je een groot gedeelte van je tijd in de weer met het analyseren van relevante data in lopende campagnes. Mocht deze data niet uit jouw Google Analytics, AdWords of Search Console omgeving komen, dan vast wel uit bijvoorbeeld Dotmailer, Adcrowd of Facebook. Nu weet iedereen inmiddels wel dat de nieuwe privacywet AVG (Algemene Verordering Gegevensbescherming) actief is sinds 25 mei 2018. Welke gevolgen de AVG met zich meebrengt binnen de tooling die jij gebruikt lichten we graag eens uit.

“Persoonsgegevens? Alle gegevens die informatie kunnen verschaffen over een identificeerbare natuurlijke persoon in de zin van de wet.”

De nieuwe wetgeving draait met name om het genereren van meer specifieke toestemming van de eindgebruiker, indien je ook daadwerkelijk met naar een individuele persoon herleidbare data wilt werken. Deze specifieke toestemming is bijvoorbeeld essentieel om succesvolle online advertenties op te zetten. Binnen deze gebruikersdata onderscheiden we:

  • Anonieme data: gegevens waarmee een persoon niet te identificeren is. Deze gegevens vallen dan ook buiten de scope van AVG.
  • Persoonsgegevens: alle informatie over een geïdentificeerd of identificeerbaar persoon. Bijvoorbeeld NAW-gegevens, e-mailadres, IP-adres, geboortedatum, huidige locatie, maar ook device-ID’s.
  • Pseudoanonieme data: persoonsgegevens dusdanig verwerkt dat de data niet langer herleid kan worden zonder gebruik van aanvullende informatie, maar wel een persoon identificeerbaar maakt. Bijvoorbeeld versleuteld e-mailadres, gebruikers-ID of een klantnummer dat alleen via een goed beveiligde interne database gelinkt is aan overige data.

In tegenstelling tot anonieme data mogen persoonsgegevens en pseudoanonieme data alleen:

  • Gebruikt worden met als doel om jouw online bezoekers te karakteriseren wanneer dit expliciet benoemd is. De consequenties die hieraan vasthangen moeten dan ook bekend zijn bij de gebruiker. Daarnaast dien je de mogelijkheid tot een opt-out functionaliteit te moeten bieden.
  • Gebruikt worden voor gespecificeerde, expliciete en rechtmatige doeleinden én niets anders dan dat. Concreet betekent dit dat je enkel persoonsgegevens en pseudoanonieme data mag gebruiken bij een expliciete opt-in, nadat duidelijk is aangegeven welke data wordt verzameld en voor welke doelen je deze vervolgens gebruikt.

Tot slot heeft de gebruiker altijd het recht om de gegevens in te zien en/of deze te verwijderen.

Tot aan de 25e bestaat er altijd nog een grijs gebied van wat wel of niet mag én wilde je als online marketeer niet altijd roomser dan de paus zijn. Wetende dat de wetgeving toch echt jouw werkzaamheden en online omgeving gaat raken én je de AVG-randzaken voor 25 mei 2018 geregeld moet hebben, helpen we je graag op weg met de inrichting hiervan. De wetgeving raakt dan ook veel van jouw tooling, denk aan bijvoorbeeld:

  • Tracking: Analysetools als Google Analytics en bijvoorbeeld Hotjar. IP-adressen van gebruikers moeten bijvoorbeeld anoniem blijven zonder expliciete toestemming. En heeft jouw bezoeker daarnaast geconverteerd? En wil je weten welk conversiepad hij heeft afgelegd, met welk device? Dit zijn allemaal pseudo-anonieme data en vergt dus expliciete toestemming.
  • Google Adwords advertenties: Hanteer jij doelgroeplijsten in jouw Adwords advertenties en gebruik jij deze onder andere in jouw re-marketingcampagnes? Of maak je gebruik van similar audiences? Zorg ervoor dat jouw gebruikers echt goed op de hoogte zijn van het feit dat je dit doet. Weten ze daarnaast ook waarom je deze gegevens opslaat? En wat krijgt de klant er feitelijk voor terug? Als online marketeer moet jij dus goed letten op de data die je nodig hebt voor het verbeteren van je SEA-campagnes.
  • Social media-advertenties: Naast jouw Google Adwords campagnes heeft het inrichten van bijvoorbeeld een Facebook-campagne ook impact. Wil je bijvoorbeeld een look-a-like doelgroep maken op basis maken het uploaden van een lijst van e-mailadressen? Of re-marketing in jouw campagnes hanteren? Hiervoor dient vanaf de 25e een expliciete toestemming in gebruik te zijn. Daarnaast moet je in jouw privacystatement vermelden dat je gegevens deelt met derden.
  • Partners: zorg ervoor dat je alle partijen waarmee je samenwerkt vastlegt. Denk hierbij ook aan verwerkingsovereenkomsten met Google, MailChimp en bijvoorbeeld die oh zo geliefde projectmanagement tooling.

7 conversie quick wins: geef je website een boost!

Conversie optimalisatie is van groot belang voor iedere website of webshop. Het is een continue proces waar je nooit klaar mee bent. Door steeds te optimaliseren behaalt iedere website of webshop uiteindelijk meer rendement. En dat is toch wat we allemaal willen? Je hoeft geen inhoudelijke expert te zijn om je conversies een boost te geven. Daarom stelden we deze lijst met 7 conversie quick-wins op.

1. Zorg dat de basis goed is

Zorg altijd dat de spelling en grammatica goed zijn. Spelfouten en een slechte zinsbouw zijn funest. Je wil de bezoeker op zijn gemak stellen en zijn vertrouwen winnen. Slechte spelling en grammatica ondermijnen het vertrouwen en hebben een negatieve impact op conversies. Dus pak het woordenboek erbij, het Groene Boekje of laat de teksten checken of zelfs schrijven door iemand die daar goed in is. Verder zijn er ook veel gratis spellingscheckers beschikbaar.

2. Zorg dat je call-to-actions opvallen

Er is al veel gezegd en geschreven over call-to-actions (CTA) en andere knoppen of buttons op websites. Er is jarenlang onderzoek gedaan naar de beste kleur, grootte, lettertype en positie. De eeuwige obsessie of een knop groen of rood moet zijn is verkeerd. Uiteindelijk komt het er allemaal op neer dat je call-to-action moet opvallen ten opzichte van de rest van de pagina. Ze moeten lijken op knoppen. Dus, kom in actie als je call-to-actions gecamoufleerd of verstopt zijn. Geef het design een update zodat ze luid en duidelijk aanwezig zijn. Gebruik contrasterende kleuren en zet de juiste boodschap op de CTA

3. Maak gebruik van sociale bewijskracht

70% van de consumenten geeft aan dat ze eerst reviews van andere gebruikers lezen voordat ze een aankoop doen. Mensen zijn geprogrammeerd om de groep te volgen en te doen wat anderen ook doen. Zeker als het gaat om gerespecteerde bekenden of mensen die bekend staan als expert op hun gebied. Of het nu testimonials, product reviews, klantbeoordelingen, social likes of case studies zijn, sociaal bewijs geeft onmiddellijk een positieve boost aan het conversieratio’s. Verzamel dus sociale bewijzen en overtuig je bezoekers tot het doen van aankopen.

4. Weerhoud mensen niet van aankopen

Dit is een open deur, maar het gebeurt nog veel te vaak dat mensen in weg worden gestaan bij het doen van aankopen. Vaak moeten bezoekers een account aanmaken voordat ze aankoop kunnen afronden. Dit heeft een negatieve invloed op de conversies. Sommige mensen willen helemaal geen account aanmaken, anderen hebben wel een account maar zijn hun wachtwoord vergeten. Wat de redenen ook zijn, respecteer de klant. Zorg ervoor dat hij zich niet hoeft te registreren maar ook aankopen als ‘gast’ kan doen. Waarom zou je een aankoop in de weg willen staan als dat helemaal niet hoeft?

5. Kort de formulieren in

Formulieren zijn vaak te lang, kort ze dus in! Het is simpel: elk extra veld reduceert de kans op de conversie. Vraag jezelf af, wil je echt iemands functie weten als hij een horloge koopt? Of zijn geboortedatum als hij geïnteresseerd is een softwarepakket? Schrap alle overbodige velden in je formulieren. Wil je echt veel informatie achterhalen, verdeel dan de stappen van het check-out proces. In de eerste stap bijvoorbeeld alleen de naam en het emailadres en de overige gegevens pas bij het betalen. Als mensen verderop in het proces zijn, haken ze minder snel af.

6. Red begraven call-to-actions

Gebruik heatmaps om te achterhalen of belangrijke CTA’s niet buiten het zicht van bezoekers begraven zijn. Het is een simpele regel dat als de CTA’s en andere belangrijke content buiten zicht liggen, ze niet effectief zijn. Zorg er dus voor dat je CTA’s en key content binnen het blikveld liggen en opvallen.

7. Verwijder afleidingen

Tegenwoordig kennen we veel afleidingen. Een rustige site is een must, verwijder elementen die bezoekers afleiden van het doel. In lijn met wat we eerder aangaven moeten de CTA’s en key content opvallen. De rest is bijzaak. Als bijzaken te veel opvallen, pas ze dan aan of verwijder ze.

Direct aan de slag met deze conversie quick wins!

Ga snel aan de slag, voer bovenstaande conversie quick wins door op jouw website en geef je conversieratio een boost! Hiermee behaal je laagdrempelig, snel en eenvoudig betere resultaten. Benieuwd wat funest is voor je conversieratio?

Fitts’ law en UX design: één team!

Lang voordat we allemaal tablets in huis hadden en kleine kinderen op tv-schermen probeerden te swipen, dachten we al na over usability. Zo werden er aan lopende banden en in telefooncentrales veelal dezelfde handelingen gedaan (zoals het handmatig doorverbinden van telefoongesprekken met een koord). De bazen op deze werkvloeren vroegen zich af: ‘’Hoe maken we dit proces efficiënter? ‘’

In 1954 kwam gaf Paul Fitts het antwoord met zijn theorie van ergonomie. Door testpersonen met een stylus, steeds een punt (target) aan te laten tikken, ontdekte hij wat iets een makkelijke taak maakt en wat een moeilijke. Aan de hand van dit onderzoek schreef hij de volgende formule:

{\displaystyle T=a+b\log _{2}\left({\frac {D}{W}}+1\right)}

Wat houdt de Fitts’ law formule in?

De T staat voor tijd die het kost om het punt of target succesvol aan te tikken. Bij makkelijke taken kost het minder tijd en bij moeilijke taken is het meer. Vervolgens verwijzen a en b naar de manier van invoer. Doen we de taak met een lange stok? Een ruitenwisser? Een Muis?

De belangrijkste variabelen in deze formule zijn A en W.

A staat voor ‘Amplitude’, dit betekent de afstand tussen twee targets. Iets van de ene kant van de kamer naar de andere kant brengen, duurt langer dan een bestand naar de prullenbak slepen. W staat voor ‘Width’, dit staat voor de grootte van het object waar we naartoe willen. Kleine objecten zijn moeilijk aan te tikken, grote zijn juist makkelijk. Waarom denk je dat Call To Action buttons zo groot zijn?

Wat betekent Fitts’ law voor UX design?

Willen we prettig te bedienen producten maken, dan zijn er een paar manieren waarop we te werk gaan. Houdt de ‘Amplitude’ zo laag mogelijk door bijvoorbeeld gebruik te maken van de rechtermuisknop. Hiermee heb je een scala aan mogelijkheden zonder dat je ver met de muis hoeft te bewegen. Aan de andere kant maak je het target makkelijker in gebruik door de ‘Width’ op te schroeven. Wanneer je een plaatje in Gmail wil toevoegen, wordt het hele mailtje een grote landingsbaan voor je bestand. Bijlages toevoegen maakt het dan ook veel soepeler.

Lang leve de rand!

Nu is de ruimte op een scherm beperkt. En wanneer je als producent alleen grote koeien van knoppen of alle functies onder je rechtermuisknop plaatst, zet dit de hoeveelheid functies in je aanbod sterk onder druk. Daarom wijken we uit naar de aller makkelijkste plek op het scherm om te bereiken; de rand.

Ooit afgevraagd waarom het kruisje rechts bovenin zit? Of je startknop links onderin? Dat is omdat de moeilijkheidsgraad om dit te bereiken oneindig makkelijk is. Nee echt! Wanneer je met je cursor de rand van het scherm bereikt, kun je niet verder. Dit betekent dat het target vrijwel niet te missen is zonder opnieuw te scrollen. Daarom zitten er veel functies boven- of onderin in programma’s. ’Maar wacht’’ hoor ik je zeggen. ‘’Hoe zit het dan met tablets en mobiles?’’. Daar gaat de wet van de oneindige ‘Width’ niet op, omdat je duimen verder dan de rand komen.

Hoe lossen we dat bij mobile devices op?

Sommige producten gebruiken een ‘long press’ om bepaalde opties te krijgen, dit zie je veel wanneer je een App verwijdert Andere manieren zijn een radial menu waarin alle opties op dezelfde afstand staan.
Microsoft

Zowel Apple als Android hebben standaarden wanneer het op de plaatsing van knoppen aankomt. Daarom lijken veel Apps qua interface op elkaar. Dit is omdat fabrikanten er rekening mee houden waar jouw (rechter) duim tijdens gebruik ongeveer heen gaat.
Justin Smith – Tutsplus

Hoe verbetert Fitts’ law de usability van jouw online applicatie?

Wanneer je  de volgende keer overweegt om de save knop naast de delete knop te plaatsen en ze allebei heel klein te maken, denk dan even aan meneer Fitts en hoe het bijdraagt aan een verbeterde usability voor jouw business. Naast de bovengenoemde tips, zijn er nog veel meer handigheidjes om producten zo prettig mogelijk te bedienen. Wij helpen graag mee om de usability van jouw online applicatie of website zo efficiënt mogelijk te maken.

Een goede landingspagina begint met informatiehiërarchie!

Sommige landingspagina’s hebben een uitstekende volgorde van informatie. De pagina vertelt als het ware een verhaal, precies hoe de bezoeker het verhaal wil horen. Dit zorgt niet alleen voor een goed conversieratio, maar het legt ook de basis voor een goede ervaring die de gebruiker weinig tot geen moeite kost. Dit is helaas niet vaak het geval. Veel te vaak wordt informatie niet op de juiste manier of op het juiste moment aangeboden. Unbouncestelde een simpel, maar effectief framework op voor de hiërarchie van informatie op je landingspagina. Maar wat is informatiehiërarchie eigenlijk, behalve een moeilijk woord? En hoe helpt dit je bij het maken van een goede landingspagina? In dit blog help ik je op weg!

Wat is informatiehiërarchie?

De definitie van informatiehiërarchie door Unbounce: de praktijk van het logisch plaatsen van informatie of content, zodat het alle vragen van bezoekers op een logische volgorde beantwoordt.

Een simpele, maar effectieve volgorde van informatie is:

  • Beschrijf hoe het aanbod een specifiek pijnpunt van de bezoeker vermindert.
  • Leg uit wat de bezoeker kan met het aanbod en wat hij voorheen niet kon. Dit is de USP of key benefit.
  • Leg uit waarom jij dé persoon of organisatie bent die de beste oplossing aanbiedt.
  • Weerleg de meest voorkomende bezwaren die mensen hebben voordat ze bereid zijn tot het accepteren van het aanbod. Denk hierbij ook aan marketingpsychologie.
  • Vertel de mensen hoe ze het aanbod kunnen krijgen (de call-to-action).
  • Zorg voor sociale bewijskracht van andere bezoekers, pers of bekende mensen die te boek staan als autoriteit (opinieleiders).

Pas als je bovenstaande fundamentele informatie hebt, ga je teksten schrijven en de landingspagina op een logische manier ontwerpen.

Geef een sterke pitch voor een goede landingspagina!

Allereerst is het Logi goed gelukt om de hoeveelheid informatie terug te dringen tot slechts hetgeen dat écht nodig is om het e-book te downloaden. Ze hebben het zo gestructureerd dat het wordt gelezen als een pitch. De pitch begint met de belofte om nieuwe informatie en vaardigheden aan te leren en eindigt met instructies over waar dit verkrijgbaar is.

  • Een duidelijke headline die een boek belooft met nieuwe ‘opkomende dashboard design trends’.
  • Screenshots die aangeven wat je krijgt.
  • Een verdere omschrijving die dieper ingaat op de inhoud van het boek.
  • Bulletpoints die de voordelen of benefits beschrijven.
  • Sociale bewijskracht: ‘Logi wordt vertrouwd door deze grote bedrijven’.
  • Een sterk formulier met een goede titel die beschrijft dat je de informatie eenvoudig toepast.
  • Een opvallende CTA die beschrijft hoe je het boek krijgt.

Informatiehiërarchie draagt bij aan het opzetten van een goede landingspagina!

Neem de informatiehiërarchie in overweging voordat je begint met het bouwen van je landingspagina. Marketeers die de informatiehiërarchie zorgvuldig in overweging nemen voordat ze de landing page builder openen, zijn succesvoller in het ontwerpen van een goede landingspagina die converteert én er goed en logisch uitziet.

Designtrends voor jouw website!

Geanimeerde logo’s en scroll triggered animaties zijn dé designtrends van dit moment. De tijd waarin een website slechts een verzameling was van diverse statische pagina’s lijkt hiermee ten einde te komen. Het gaat om beweging en beleving! Logo’s komen tot leven en jouw website interacteert met scroll triggered animaties voortaan on-page met de bezoeker.

Essentie van geanimeerde elementen

Geanimeerde elementen is als één van de designtrends tegenwoordig een essentieel onderdeel van een krachtige gebruikerservaring. Bij het ontwerpen van pagina’s werd vaak niet stilgestaan bij de overgang tussen verschillende elementen op een pagina of bij de transactie tussen diverse pagina’s onderling (ook wel full page transitions genoemd). Motion design werd veelal gezien als een extraatje dat later eventueel zou kunnen worden toegevoegd, maar meestal achterwege bleef.

Huisstijl 2.0

Gelukkig is de toegevoegde waarde van het web steeds breder gedragen en benutten bedrijven de mogelijkheden.

Gelukkig wordt de toegevoegde waarde van het web steeds vaker onderschreven en worden de mogelijkheden dat online actief zijn biedt meer en meer benut. Op printuitingen, zoals producten, posters of flyers, kan jouw logo natuurlijk niet tot leven worden gebracht. Online zijn de mogelijkheden echter eindeloos. Een online huisstijl met logo’s en andere huisstijlelementen die met je interacteren, kun je zien als een echte toevoeging op je bestaande huisstijl.

Logo animaties brengen jouw merk tot leven

Met geanimeerde logo’s heb je een echte troef in handen op het gebied van marketing en merkidentiteit. Je logo is een van de belangrijkste kenmerken van jouw bedrijf. Het hart van je merkidentiteit. Het moet de aandacht trekken en herkenbaar zijn. Breng je jouw logo met behulp van CSS3 tot leven? Dan presenteer je jouw merk op een moderne en dynamische manier en onderscheid je jezelf van concurrenten. Maar nog veel belangrijker is het feit dat geanimeerde logo’s beter worden onthouden dan statische varianten. Op een statisch logo wordt vaak slechts één blik geworpen, terwijl een animatie secondelang de aandacht trekt.

Scroll triggered animaties voor rijke, interactieve ervaringe

Scroll triggered animaties leveren op dezelfde manier toegevoegde waarde aan websites. Daardoor worden ze in toenemende mate ingezet. Deze animaties, die worden afgedraaid zodra een gebruiker op de pagina scrolt, bieden ons als front-end developers de mogelijkheid om rijke en interactieve ervaringen te creëren. Hiermee kunnen we belangrijke elementen op een pagina extra uitlichten. Zo zouden we met behulp van deze techniek UPS’s kunnen laten infaden bij een scroll-event, waardoor de unique selling points van jouw organisatie de bezoeker niet meer kunnen ontgaan!

Designtrends die waarde toevoegen voor jouw website

Voor ons als designers scheppen de continu ontwikkelende digitale technologieën steeds nieuwe kansen en mogelijkheden. Het volgen van de laatste designtrends, ontwikkelingen en technologieën is dan ook een vanzelfsprekend onderdeel van ons werk. Wij werken voor uiteenlopende organisaties, maken onderscheidene interfaces, maar streven altijd naar een en hetzelfde doel: het realiseren van een design dat waarde toevoegt voor jouw organisatie!

6 social media marketing tips voor meer conversie!

De tijd dat we social media inzetten als awareness en interest tool voor je merk is voorbij. In onze blog over de top 10 social media en content marketing trends voor 2016 schreven we het al: sociale media worden steeds meer conversiegericht en vragen een strategischere aanpak. Dat brengt mooie kansen voor jouw merk met zich mee! In deze blog deel ik een aantal handige social media marketing tips waarmee jij de conversie stimuleert.

1. Werk altijd vanuit een contentstrategie

Waarschijnlijk heb je deze al heel vaak voorbij zien komen, maar toch blijft dit een hele belangrijke. Je boekt namelijk het meest succes wanneer je social media inzet vanuit een gedegen social media en contentstrategie. Doe onderzoek naar je persona’s, je huidige volgers en concurrenten en bepaal aan de hand hiervan wat jou zo uniek maakt. Bouw hier vervolgens je strategie omheen en blijf deze bijsturen en uitvoeren.

2. Maak gebruik van een contentkalender

Een strategie neerzetten is één, het uitvoeren is deel twee. Social media marketing vraagt veel tijd en het posten van content vergt vaak enige voorbereiding. Zorg daarom dat je ruim op tijd begint met het inplannen van je campagnes en het creëren van de bijbehorende content. Een contentkalender helpt je hier al enorm mee, al is het maar om een goede structuur te blijven handhaven. Je volgers verwachten met regelmaat iets te horen van je organisatie, zeker wanneer je waardevolle content met hen deelt. Van los zand wordt niemand gelukkig ;).

3. Plaats je content op gunstige tijden

Doe onderzoek naar welke tijden het meest gunstig zijn om te posten voor jouw merk. Sociale media zijn vluchtig en content hebben een hoge omloopsnelheid.  Wanneer je hier geen rekening mee houdt is je post al verdwenen in de tijdlijn. Een andere tip is om je berichten net voor of na het hele uur te posten. Volgens Jay Baer van Convice & Convert bereik je dan de meeste mensen omdat er veel zijn die net voor of net na een meeting hun sociale kanalen nog even checken. Ook het posten tijdens lunch en diner tijd draagt bij aan een hoger bereik en dus grotere kans op conversie. Handige tip voor je Facebookpagina: Facebook analytics heeft een slimme tool waarmee jij je volgers beter leert kennen. In de tool zie je precies op welke tijden jouw volgers het meest online zijn. Ga hier voor in je Facebook Analytics naar het berichtenmenu en ontdek welke tijden het meest gunstig voor jouw merk zijn.

4. Voeg waarde toe

Zorg ervoor dat je aanwezigheid op social media waarde toevoegt. Denk bijvoorbeeld vanuit het principe van wederkerigheid van Cialdini. Dit werkt goed op je webshop en website, maar is ook goed in te zetten op social media. Geef iets weg en de kans dat je er iets voor terugkrijgt wordt hoger. Mensen doen namelijk eerder iets voor je wanneer ze (gratis) iets ontvangen. Denk hierbij aan waardevolle content, zoals een e-book, prijsvragen of gratis samples. Wanneer jouw social media strategie gebaseerd is op het werven van leads of meer klanten, is dit een goede manier om dat te realiseren. Kanalen als Facebook en Twitter helpen je hierin zelfs een handje met specifieke leadgeneratie en websiteclicks campagnes.

5. Reageren is converteren

Onderzoek van Wayne Huang, onderzoeker bij Twitter, wijst uit dat klanten meer bereid zijn te converteren wanneer merken reageren op hun tweets. Huang stelt dat het overgrote deel van de mensen geen reactie krijgt van merken. Wanneer dit wel het geval is zorgt dit voor positieve emoties naar het merk toe, waarbij de klant eerder over gaat tot conversie. Met name snelle responses dragen hier aan bij: hoe sneller de reactie, hoe hoger de kans op conversie. Natuurlijk geldt dit niet alleen voor Twitter, ook op andere sociale kanalen draagt een snel respons bij aan een positieve emotie naar je merk toe.

6. Nog een paar korte social media quick wins

De bovenste vijf social media markeitng tips vragen wellicht iets meer tijd om uit te werken terwijl jij nu al direct resultaat wil zien! Daarom deel ik nog een paar korte quick wins per kanaal:

Facebook bedrijfspagina

  • Zorg ervoor dat je call-to-action button is geactiveerd en dat deze past bij wat je wilt bereiken.
  • Voeg apps toe aan je Facebook pagina. Dat kan zijn een inschrijfpagina voor je nieuwsbrief of een directe link naar een websitepagina.
  • Vul je pagina info compleet in.
  • Maak gebruik van visuele content. Zo val je beter op in de feed en maak je jouw posts aantrekkelijk.
  • Maak gebruik van video content.

LinkedIn

  • Maak showcase pagina’s aan voor je diensten en/of producten. Vul deze aan met goede beschrijvingen op keywords. Zo wordt je sneller gevonden via de zoekbalk en op Google.
  • Vul je bedrijfsspecialiteiten in op keywords om gevonden te worden.

Twitter

  • Zorg voor een goede omschrijving van je profiel en vul deze aan met maximaal 3 hashtags waarop je gevonden wil worden. Vul daarnaast je contactgegevens in en plaats een link naar je website.
  • Twitter is een echt “in the moment” kanaal. Speel hier met je content op in. Houd je markt goed in de gaten, speel in op de actualiteit (alleen wanneer het past bij jouw merk) en plaats/sponsor op het juiste moment waardevolle content.

Social media als conversiemedia wordt steeds belangrijker

De inzet van social media als conversiemedia wordt steeds belangrijker. Social selling is upcoming en de grote kanalen geven je steeds meer mogelijkheden om dit te realiseren. De bovenste zes social media marketing tips dragen bij om een goede start te maken zodat jij via jouw social media kanalen conversies binnenhaalt. De basis ligt echter wel altijd bij het opzetten van een goede social media/contentstrategie en het maken van een tijdige content planning.

Conversiekillers: dit zijn de 10 meest voorkomende

Veel websites en webshops zitten vol met conversiekillers. Er zijn veel verschillende zaken die het conversieratio ondermijnen. Denk aan bijvoorbeeld vervuilde pagina’s, dode links, gebrek aan (gebruiks)vriendelijkheid, te lange conversiepaden enzovoorts. Ontdek hieronder welke 10 punten echte conversiekillers zijn voor jouw website of webshop.

De top 10 conversiekillers:

1. Onduidelijke Unique Selling Proposition

Er zijn verschillende punten die je onderscheiden ten opzichte van je concurrentie. Sommige verschillen zijn klein en doen er minder toe wat betreft conversie, zoals je bedrijfsnaam, logo en huisstijl. Maar je Unique Selling Proposition is wat je uniek maakt. Wat maakt jouw product of merk nu zo uniek ten opzichte van de rest? Wat doe je anders dan anderen?

Het is van groot belang om een sterke Unique Selling Proposition te hebben en om deze concreet op de website te positioneren. Dit is niet beperkt tot alleen je producten of diensten, maar is juist van toepassing op je organisatie in het geheel. Waar sta je voor? Wat is je missie? Waarom doe je wat je doet? Wat doe je beter dan de rest en voor wie doe je dat?

Als je goed over deze vragen nadenkt levert dat je Unique Selling Proposition op. Het klinkt verleidelijk om je op iedereen te richten en om niemand buiten te sluiten. Maar je kunt nu eenmaal niet de beste in alles zijn en iedereen willen bereiken. Richt je op waar je goed in bent en nóg beter in wil worden in plaats van ‘alles een beetje’ doen. Oftewel, maak een niche happy en je ziet het terug in je conversies.

2. Je kent je klanten niet

Het is veelgemaakte fout. Je kent je klanten niet, hebt geen verschillende klantprofielen (persona’s) gedefinieerd waardoor je inside out denkt in plaats van outside in. Daar komt bij dat je veel bezoekers aantrekt die niet aansluiten bij je aanbod. Er is veel waste en hoe meer waste, hoe lager het conversieratio.

Maak profielen van je klantgroepen, een buyer persona. Beschrijf in het persona de kenmerken, de voorkeuren, gedrag, beweegredenen etc. Maak het zo gedetailleerd mogelijk. Stem vervolgens je website en de content af op je persona’s. Daarna is het zaak om steeds feedback te krijgen van je bezoekers. Dit kan onder andere door de enquêteren of kwalitatieve onderzoeken te houden. Zorg ook voor een optie tot direct chat of webcare.

3. De website of webshop is niet mobile friendly

Mobile marketing is de toekomst. Steeds meer mensen bezoeken websites en webshops vanuit hun smartphone, tablet of ander mobiel device. Als je site niet mobile friendly is, sla je de plank mis. De website is moeilijk te gebruiken, terwijl Google websites die mobile friendly zijn juist waardeert.

Mobile marketing heeft veel voordelen. Mensen dragen hun mobiele devices bijna altijd bij zich. Dit betekent ook dat je bijna altijd in contact staat met je bezoekers. Dus optimaliseer je site voor mobile en lift mee op deze mega trend. Je kunt simpelweg niet achterblijven.

4. Geen testing

Als je nooit test, weet je ook niks. Blind afgaan op je eigen aannames en best practices zonder zelf te testen betekent geen optimale conversie. Elke website of webshop is anders. Welke knoppen worden goed gebruikt en welke juist niet? Welke pagina’s worden niet gevonden en waarom niet? Conversieoptimalisatie is continu testen en bijsturen en elimineert vanzelfsprekend bestaande conversiekillers.

Gebruik verschillende methodes om je website te testen. Denk aan bijvoorbeeld Google Analytics, A/B testing, multivariate testing voor conversie en heatmapping, user testing en heuristieke evaluatie voor usability.

5. Je call-to-actions vallen niet op

Op veel websites of webshops zijn call-to-actions vaag of niet opvallend. De call-to-action is de plek waar conversie plaatsvindt, of juist niet. Zelfs als alles goed is ingericht en goed verloopt gooit een slechte call-to-action roet in het eten.

Vertel de bezoekers precies welke actie je wil dat ze ondernemen. Dit betekent ook dat je een bepaalde urgentie moet neerzetten. Je wil immers dat de bezoeker nu de actie onderneemt en niet later. Zorg dat de call-to-action eruit springt en meteen de aandacht trekt. Vergeet vooral niet om de call-to-action steeds te testen en te optimaliseren.

6. Slechte usability en user experience (UX)

Als je website slecht scoort qua usability sta je al dik achter. Een achterstand die vrijwel niet te overbruggen is. Het is van belang dat je website gebruiksvriendelijk is en dat essentiële zaken makkelijk te vinden zijn. Zo bouncen bezoekers niet en raak je ze ook niet kwijt.

Zorg voor een goede usability en gebruikerservaring (user experience of UX) van je website. Lees het boek ‘Don’t make me think’ van Steve Krug en pas je opgedane kennis toe op je website. Maak je pagina’s simpel, vriendelijk en schoon. Zorg dat je bezoekers zonder afleiding op hun doel af gaan. Lees ook één van onze eerdere blogs over usability en UX.

7. Vervuilde pagina’s

Pagina’s zijn vervuild. Daarmee bedoel ik dat ze druk zijn, dat er te veel tekst op staat, het design niet vriendelijk is of dat er zaken zijn die de bezoeker verwarren of van het doel afleiden. Dit heeft natuurlijk ook raakvlakken met punt 1. Vooral voor de homepage en campagne specifieke landingspagina’s is vervuiling funest.

Geef de bezoeker niet te veel opties. Houd het simpel. Dit is als het ware de lobby waar je de bezoeker voor het eerst verwelkomt. Houd het vriendelijk en overzichtelijk. Dit geldt zowel voor het design, de content en de opties die de bezoeker heeft.

8. Te lange formulieren

Veel mensen denken: hoe meer informatie ik verzamel, hoe beter. Dat is vaak zo, maar als het resulteert in te lange formulieren zijn het conversiekillers. Voor elk extra veld neemt de kans op conversie af. Welke informatie heb je nu echt van je klant nodig? Hoe veel is te veel?

Ga aan de slag met optimalisatie van je formulieren en scoor meer conversies. Testen is ook hier belangrijk. Punten om te testen zijn de lengte van het formulier, het type informatie en de knop om het formulier te versturen. Mocht je toch veel informatie van de klant willen, knip de formulieren dan op in verschillende stappen en start laagdrempelig met bijvoorbeeld alleen de naam en het e-mailadres. Het is minder waarschijnlijk dat mensen afhaken als ze al eerdere stappen hebben gezet.

9. Er wordt geen gebruik gemaakt van marketingpsychologie

Eerder in dit blog schreef ik over onder ander sociale bewijskracht en urgentie. Mooie voorbeelden van marketingpsychologie vindt je in een van onze andere blogs. Gebruik psychologie om je klanten te overtuigen en positief te beïnvloeden.

De psychologie kent enkele basisprincipes voor het positief beïnvloeden en overtuigen van mensen. Voorbeelden zijn wederkerigheid, consistentie, schaarste, autoriteit, urgentie, sociale bewijskracht, consensus en sympathie. Daarnaast zijn design en kleuren belangrijke beïnvloedingsfactoren. Dus overtuig je bezoekers en pas marketingpsychologie toe op je website om je bezoekers te verleiden.

10. Geloofwaardigheid

Je kunt mensen niet overtuigen met superlatieven en geweldige teksten. Toon geloofwaardigheid en vertrouwen aan met ‘social proof’ of sociale bewijskracht. Zorg voor bewijs van de belofte die je doet. Denk aan onder andere artikelen, casestudies, video’s, testimonials, reviews, keurmerken, certificaten en persberichten.

Andere zaken waarmee je geloofwaardigheid en vertrouwen opbouwt zijn: goede spelling en grammatica, het bieden van garanties, het gebruik van authentieke content, een goede ‘over ons’ pagina en ervoor zorgen dat alles op website werkt zoals het hoort te werken. Gebroken links, bugs, niet-functionele formulieren en alles dat niet werkt zoals het hoort te werken wekt irritatie op en vermindert geloofwaardigheid. Wees bovendien altijd authentiek, transparant en eerlijk. Als je dat niet bent gaat dat op de lange termijn tegen je werken.

Iedere website is uniek!

Uiteraard zijn er nog meer punten die in potentie conversiekillers zijn. Elke website en/of webshop is anders en er gelden andere motieven en doelstellingen. Ik nam de 10 meest voorkomende conversiekillers onder de loep en deelde ze met je. Soms is het wat kort en simpel beschreven, maar de boodschap is duidelijk. Veel website en webshops laten een groot conversiepotentieel liggen door één of meerdere valkuilen.

Conversie is meer dan klanten laten zien wat je aanbiedt en hen vragen om te kopen. Steek er energie in. Begin bij het kritisch bekijken van je huidige conversie-inspanningen en bekijk welke van bovenstaande punten wellicht ook voor jou gelden. Haal deze killers eruit en je bent onderweg naar meer conversies.