Samen creëren in T.T.L.

Time To Learn

Vandaag wil ik graag een blog met jullie delen over een van de resultaten van ons T.T.L. programma. Samen met andere collega’s zijn we in de T.T.L. gave dingen aan het doen. Zoals in de introductieblog over de T.T.L. al uitgelegd kunnen we als team tijdens de werkweek bezig zijn met het ontdekken van nieuwe mogelijkheden en het vergroten van onze kennis. Omdat kennis opdoen in de praktijk het beste werkt door te doen, resulteert het leren regelmatig in gave nieuwe modules die ingezet kunnen worden voor onze klanten. Lees meer

My Road to Magento development

Deze keer een blog over onze mogelijkheid tot leren. Ik schrijf deze blog als developer bij Guapa. Maar ik begon hier ruim 4 jaar geleden als accountmanager. Als enthousiaste beginner op de arbeidsmarkt met een economische opleiding had ik als hobby het werken met websites en online bezigheden. Toen er een vacature kwam bij (toen nog) Guapa Media heb ik direct gesolliciteerd. Lees meer

Magento unconference 2016

Sponsored by Guapa B.V.

Afgelopen weekend was het eindelijk zover. De allereerste MUC (Magento Unconference) in Nederland. Guapa was als een van de hoofsponsors aanwezig met meerdere Guapa’s.

Sponsor Guapa bij de unconference

Voor de mensen die het concept van een unconference nog niet kennen: Een unconference heeft van te voren alleen een tijdsindeling. De onderwerpen zijn nog niet bepaald en zullen tijdens de unconference worden aangedragen door de bezoekers. Op de aangedragen onderwerpen wordt vervolgens gestemd. De onderwerpen met de meeste stemmen zullen worden ingedeeld in de beschikbare tijdsblokken. Meer informatie over de MUC? Kijk dan hier

Lees meer

De 7 stappen naar verhoging van uw succespercentage

Leer er alles over tijdens onze volgende editie van E-commerce insights!

Het succespercentage (Conversion Rate) is het aantal mensen die een gewenste actie hebben ondernomen binnen uw e-commerce platform. Naast aankopen kunnen dit bijvoorbeeld ook het aanmaken van een account of het inschrijven op de nieuwsbrief zijn. Uiteindelijk wilt u natuurlijk dit succespercentage zo hoog mogelijk hebben. In dit blog omschrijf ik in zeven stappen hoe u dit realiseert.

1. DATA ANALYSE

OP BASIS VAN ANALYTICS DATA
Analytics data geven inzicht in het gebruik van het e-commerce platform. Door data analyses uit te voeren krijgen wij een duidelijk beeld van het succes en de obstakels van het e-commerce platform. Obstakels binnen het platform hebben vaak enorme impact op uw conversie. Bij de data analyse houden we de volgende inzichten in ons achterhoofd: -verleden, -heden en voorspellingsinzicht.

  • Verleden: Analyses aan de hand van transacties, interacties, klachten, gedrag.
  • Heden: Analyses aan de hand van klantsentiment, invloeden, locatie en kanaal.
  • Voorspelling: Analyses aan de hand van verkoopkansen en retentierisico.

 

2. CUSTOMER JOURNEY in kaart brengen

OP BASIS VAN CONVERSIE TRECHTERS BINNEN HET PLATFORM
De route die de gebruiker aflegt en hoe deze wordt afgelegd binnen het e-commerce platform noemen we de customer journey. Elke route die af te leggen is binnen het platform is een route naar succes. Welke routes worden nu het vaakst bewandeld en welke route hebben extra aandacht nodig? Inzicht in de routes die worden afgelegd helpen ons bij het opsporen van de top pagina’s en de pagina’s die nog wel wat meer aandacht vragen. De verschillende routes worden inzichtelijk in verschillende conversietrechters.

3. PAGINA ANALYSE

OP BASIS VAN SCREENCASTING EN HEATMAPPING
Met screencasting krijgen we per specifieke pagina inzicht in het klik-, beweeg- en scrolgedrag van de gebruikers van het e-commerce platform. Naast gebruikersopnames laten heatmaps van specifieke pagina’s ons zien waar de meeste aandacht heen gaat op een pagina, en welke content het meeste wordt bekeken. Specifieke pagina opnames / heatmaps ondersteunen ons bij het stellen van hypotheses voor mogelijke optimalisaties.

4. HYPOTHESE STELLEN

OP BASIS VAN ANALYSES, KENNIS, ERVARING EN BEST PRACTICES
Vanuit de voorgaande analyses zijn er waarschijnlijk al verwachtingen en mogelijke uitkomsten gedefinieerd die van toepassing kunnen zijn op de bevindingen. Deze verwachtingen formuleren we in hypothesen. Aan de hand van de hypothesen stellen we experimenten op. Als een hypothese voldoet aan de verwachtingen noemen we dit significant, en dus raadzaam om aan te passen.

5. EXPERIMENTEN

OP BASIS VAN HYPOTHESES
Aan de hand van de gestelde hypothese wordt gekeken welk experiment ingezet kan worden. Verschillende experimenten maken het mogelijk om de verwachtingen gesteld in de hypothese te onderzoeken. Experimenten die o.a kunnen worden ingezet zijn: Speed testing, Card Sorting, A/B testen, Mouse tracking, Eye tracking, Multivariatie testen, Enquêtes, Polls.

6. AANBEVELINGEN

OP BASIS VAN DE UITSLAGEN UIT EXPERIMENTEN
Vanuit een experiment komen concrete aanbevelingen of mogelijk nieuwe hypotheses die de conversie optimaliseren. Met deze aanbevelingen is het bewezen dat deze zullen bijdragen aan het verhogen van uw succespercentage.

7. OPTIMALISATIE

AANPASSINGEN OP BASIS VAN AANBEVELINGEN
De gestelde aanbevelingen zijn bewezen en klaar om geadopteerd te worden binnen uw e-commerce platform. Conversie optimalisatie is een continu proces en zal na het implementatie van de optimalisatie weer moeten worden geanalyseerd of het heeft bijgedragen aan het verhogen van uw succespercentage (zie 1: Data analyse)

Meer weten over conversie optimalisatie?

Schrijft u zich dan gratis in voor onze Conversie optimalisatie webinar op 11 september. Tijdens deze webinar geven we antwoorden op een aantal vragen, waaronder:

  • Hoe kunt u uw conversie positief beïnvloeden?
  • Welke tools kunt u hier het beste voor inzetten?
  • Hoe meet u de huidige conversie en de verdere groei?
  • Wat kan A/B testing voor inzichten geven en hoe zet u dit het beste in?
  • Op welke wijze dragen Big Data en de beïnvloedingsstrategieën van Robert Cialdini bij aan een hogere conversie?

Inschrijven Webinar

Responsive WebDesign (RWD): 2 cases uitgelicht

Een losse mobiele site van uw e-commerce platform is een oplossing om uw webshop snel en eenvoudig mobiel ready te krijgen. Budget technisch gezien is dit niet de ultieme oplossing voor uw e-commerce platform omdat er op twee locaties content moet worden bijgehouden (de mobiele site en op de desktop variant). Met de snelle technologische ontwikkelingen komen er steeds meer verschillende devices op de markt met verschillende resoluties. Zolang hier nog geen vast stramien in zit of komt, zal bij elke afwijkende resolutie het platform moeten worden aangepast. Dit kost veel tijd en extra kosten die u liever niet maakt. Daar komt bij dat als u het platform niet voor de nieuwe devices optimaliseert dit kan leiden tot groot conversie verlies.

Responsive Web Design (RWD) daarin tegen haalt de informatie uit één code en herkent de resolutie van het scherm waarmee het e-commerce platform wordt bekeken. Komen er nieuwe apparaten en nieuwe resolutie standaarden op de markt? RWD past zich hier automatisch op aan mits het goed is ingezet. RWD is niet automatisch de garantie tot succes. Net als de lancering van een nieuw e-commerce platform neemt een sterk responsive e-commerce platform aandacht en planning in beslag. Op het moment dat deze aandacht en planning er niet is kan dit leiden tot langzame prestaties, slechte architectuur en dat neemt weer extra kosten met zich mee.

Voordat u kunt starten met een ‘succesvolle’ RWD integratie is het belangrijk om eerst de zakelijke-, strategische- en ontwikkel doelen goed op elkaar af te stemmen. Naast het afstemmen van de doelen en voordat het e-commerce platform kan worden geoptimaliseerd voor RWD is het belangrijk om de Customer Journey volledig in kaart te krijgen.

Optimaliseren voor Responsive:

[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[icon type=”fa fa-sort-amount-desc” color=”#cbcbcb” fontsize=”200″]
[/column]
[column lg=”8″ md=”12″ sm=”12″ xs=”12″ ]

Breng uw Customer Journey in kaart.
Het optimaliseren voor de verschillende apparaten begint met uw doelgroep.

Vragen die beantwoord moeten zijn voor de optimalisatie:

  • Hoeveel procent van het verkeer komt via mobiele apparaten op uw webshop?  (Als 20-30% van uw verkeer binnenkomt op mobiele apparaten is het aan te raden om te gaan optimaliseren )
  • Welke apparaten / browsers worden gebruikt door uw gebruikers? Belangrijk bij Responsive WebDesign is om rekening te houden met dat de responsive technieken die onverenigbaar zijn met oudere browsers (met name IE8 en ouder). Tevens geven de top-apparaten ons inzicht in het aantal breekpunten die nodig zijn voor het ontwerpen van het e-commerce platform.
  • Via welke touchpoints komt het bezoek binnen op uw e-commerce platform. Deze punten geven ons inzicht in de belangrijke pagina’s binnen het platform.


[/column]
[/row]

[row]
[column lg=”8″ md=”12″ sm=”12″ xs=”12″ ]

Bepaal de Content Strategie
Bij RWD is niet de vraag ‘hoe komt het eruit te zien’ maar ‘wat laten we zien’. Welke inhoud is nu belangrijk. Grote uitdaging voor RWD integratie is het veranderen van denkwijze over de indeling van de inhoud. Welke inhoud is belangrijk voor de gebruiker; hoe wordt de indeling van de content. Mobile First is een methode die gebruikt wordt om de interacties zo te ontwerpen door vanuit het kleine scherm te denken, de interactie voor alle apparaten moet hetzelfde zijn. Mobiele versie van het e-commerce platform is niet een uitgeklede versie van de desktop versie, maar een andere manier van interactie van het platform.

Belangrijk bij de mobile first methode is het definiëren van de belangrijke interacties van de webshop. Naast de interacties is belangrijk de functionaliteiten te prioriteren en de informatie efficiënter te organiseren voor de mobiele weergave en deze zo te schalen naar een effectieve functionele plaats op de grotere schermen. Gebruikers van de webshop verwachten om elke actie vanuit elk apparaat is uit te voeren. Belangrijk bij een webshop is bijvoorbeeld dat het filteren van zoekresultaten, het lezen van reviews, het opslaan van wenslijsten, en check-out nodig om universeel toegankelijk.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[icon type=”glyphicon glyphicon-knight” color=”#cbcbcb” fontsize=”200″]
[/column]
[/row]

[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[icon type=”fa fa-terminal” color=”#cbcbcb” fontsize=”200″]
[/column]
[column lg=”8″ md=”12″ sm=”12″ xs=”12″ ]

Optimalisatie van code en afbeeldingen
De uitdaging van het ontwikkelen van RWD is het gebruik van codestandaarden die de snelheid van laden niet beïnvloeden. Op mobiel zou een webshop net zo snel moeten laden als op de desktop. Dit alles voor de optimale mobiele ervaring.

Om de optimale mobiele ervaring te optimaliseren zijn er wat onderdelen waar o.a. rekening mee kan worden gehouden:

  • De code optimaliseren en prioriteit bepalen voor het inladen hiervan.
  • Juiste formaat afbeeldingen per apparaat.
  • Gebruik van open web fonts, deze zijn minder zwaar om in te laden dan custom fonts
  • Maak gebruik van lokale content caching

[/column]
[/row]

 

Uitgelichte cases: 

GABINOVA
Door het toenemende bezoek vanaf mobiel en tablet, het verhoogde bounce percentage en de achterblijvende conversies was het voor Gabinova tijd het e-commerce platform volledig over te zetten op RWD. Nu een half jaar na de lancering van het vernieuwde platform zijn de eerste resultaten al ruim zichtbaar voor Gabinova.nl:

Showcase gabinova

Desktop
Kwartaal 1 2015 – ten opzichte van 2014
Aantal sessies + 21%
Paginaweergaven + 27%
Bounce percentage + 0,26%
Gemiddelde order waarde + 15%
Conversie + 365%

 

Tablet
Kwartaal 1 2015 – ten opzichte van 2014
Aantal sessies + 29%
Paginaweergaven + 50%
Bounce percentage – 2,59%
Gemiddelde order waarde + 15%
Conversie + 124%

 

Mobiel
Kwartaal 1 2015 – ten opzichte van 2014
Aantal sessies + 89%
Paginaweergaven + 205%
Bounce percentage – 0,30%
Gemiddelde order waarde + 181%
Conversie + 725%

 

Waterpijp-online

Waterpijp-online was toe aan een nieuwe look en feel van het e-commerce platform. Om klaar te zijn voor de toekomst hebben we eerst gekeken naar wie zijn de klanten nu echt? Welke apparaten en browsers worden het meest gebruikt onder deze doelgroep? Waterpijp-online heeft inmiddels een volledig responsive design. In onderstaande resultaten ziet u heel duidelijk dat bij de doelgroep van Waterpijp-online een daling is in het tablet gebruik ten opzichte van vorig jaar. Het mobiele gebruik daarentegen is enorm gestegen, hier speelt Waterpijp-online goed op in met het responsive design. Dit heeft ervoor gezorgd dat de conversie met maar liefst + 252% gestegen.

Showcase-website-Waterpijp

Desktop
Kwartaal 1 2015 – ten opzichte van 2014
Aantal sessies + 18%
Paginaweergaven + 9%
Bounce percentage +/- 0%
Gemiddelde order waarde + 10%
Conversie + 29%

 

Tablet
Kwartaal 1 2015 – ten opzichte van 2014
Aantal sessies – 9%
Paginaweergaven + 42%
Bounce percentage + 1,41%
Gemiddelde order waarde – 8 %
Conversie – 9%

 

Mobiel
Kwartaal 1 2015 – ten opzichte van 2014
Aantal sessies + 62%
Paginaweergaven + 47%
Bounce percentage – 3,11%
Gemiddelde order waarde + 19 %
Conversie + 252%

 

Wilt u meer informatie over deze cijfers? Of wilt u weten wat wij voor u kunnen betekenen?

Contact