Het redesign van ... Hubo

E-commerceorganisaties vertellen over hun nieuwe websitedesign. Wat is er veranderd, vergeleken met de oude site? Wat zijn de verwachtingen? Is het design gevalideerd? En welke lessen heeft het opgeleverd? Voor deze refresh sprak Twinkle met Sander Kuiper, e-commercemanager van Hubo.

Kun je iets vertellen over de vorige site?

‘De oude Hubo-website was gebouwd in Drupal CMS en is in de loop der jaren steeds verder uitgebouwd. Begonnen als een website met klusinformatie, werd hij in de loop der jaren uitgebouwd met een productcatalogus, een check-out waar je online kunt bestellen en klantenaccounts.’

Wat was daar eigenlijk mis mee?

‘Het platform was niet meer schaalbaar. Doordat de website steeds groter werd met nieuwe wensen, werd de techniek steeds moeilijker en onduidelijker. De koppelingen waren een grote spaghettikluwen geworden en het platform werd instabiel.’

Wat is er veranderd ten opzichte van de vorige website?

‘Waar de vorige website gebouwd was voor “de Hubo-ondernemer” is de nieuwe website gebouwd voor “de Hubo-klant”. Hiermee bedoel ik dat de nieuwe website volledig focust op de klant en de techniek daar ook op aangepast is. Op de vorige website shopte je letterlijk bij de winkel die je had geselecteerd. Bij aankomst op de website moest je namelijk eerst een winkelvoorkeur kiezen, daarna kon je pas verder. Je stapte dus online de winkel binnen, met als gevolg dat, als je van winkel ging wisselen, je gehele winkelwagen weer leeg was.

‘Ook de check-out is veranderd. In de vorige situatie hadden we 165 verschillende check-outs, dat is nu gecentraliseerd in één. De bezoeker heeft dus geen last meer van zijn winkelkeuze en bestelt bij de landelijke Hubo, niet meer bij die ene lokale bouwmarkt.’

Wat is de leukste nieuwe feature?

‘De lokale winkelpagina is een mooie toevoeging aan de nieuwe webshop. Op die pagina kun je nu alle informatie vinden over jouw bouwmarkt: van openingstijden tot maatwerk diensten, een foto van de ondernemer en de verschillende services die aangeboden worden. Ook kun je op de productpagina gemakkelijk de voorraad per vestiging bekijken en vervolgens besluiten om het product online te bestellen of op te halen.’

Waar verwacht je het meeste van?

‘Naast het online verkopen van producten, ligt de focus ook op offerteaanvragen voor maatwerk, zoals “kasten op maat” en “deuren op maat”. Hubo staat bekend om de goede service en expertise in zijn bouwmarkt. Online willen we bezoekers inspireren met de mogelijkheden van maatwerk en via het offerteformulier kunnen bezoekers gemakkelijk een aanvraag doen. De offerte wordt vervolgens opgepakt door de vakmensen in de winkel. We verwachten met de nieuwe website meer aanvragen voor maatwerkklussen te realiseren.’

Is de website extern of intern ontwikkeld, en waarom?

‘Vanwege snelheid en expertise is gekozen voor externe ontwikkeling: de website is ontwikkeld door Dept. Na een intensieve discovery-fase en platformselectie, heeft Dept ons ook geholpen met de design- en development-fase van het platform.’

Heb je het nieuwe design gevalideerd en op welke manier is dat gedaan?

‘In de designfase hebben we bij een aantal Hubo-klanten een validatieronde uitgevoerd. Door middel van schermopnames en interviewsessies hebben we waardevolle klantfeedback ontvangen. Uit de reacties van het testpanel bleek de gekozen online strategie goed aan te sluiten bij de ontwikkeling van de website. Ook hebben we rekening gehouden met de Web Content Accessibility Guidelines (WCAG) en hierop is een audit uitgevoerd om te voldoen aan de digitale toegankelijkheid.’

Was het moeilijk om voor een platform te kiezen, en waarom is deze gekozen?

‘Ja, dat was best lastig. We hebben een intensief platformselectie-traject gehad en kregen keer op keer nieuwe inzichten. We hebben veel partners gesproken en zijn ook in gesprek gegaan met andere retailers met dezelfde uitdagingen. Uiteindelijk hebben we gekozen voor een stabiel e-commerceplatform dat schaalbaar is en kwamen zo uit bij Shopify. Ook hebben we composable commerce overwogen, maar dit bracht ons te veel flexibiliteit en IT-uitdagingen.’

Wat zijn achteraf gezien de lessen?

‘We hebben veel tijd genomen voor de strategie- en designfase; daar hadden we in de development-fase veel profijt van. Door goede onderzoeken te doen, beslissingen te nemen en goed te documenteren, heb je in een latere fase weinig onduidelijkheden en kun je sneller bouwen.

‘We hadden achteraf gezien eerder de juridische zaken rondom het lanceren van een nieuwe webshop moeten oppakken. Ook de inrichting van onze Payment Service Provider (PSP) en het data-meetplan heeft gezorgd voor vertraging. Als we deze cruciale punten eerder hadden opgepakt, was uitstel van de livegang niet nodig geweest.’

Wat is de volgende stap voor jullie site?

‘We hebben een minimum viable product (MVP) opgeleverd, wat betekent dat we nu een goede basis hebben neergezet waarop we kunnen uitbreiden. De komende tijd gaan we het online assortiment analyseren en uitbreiden. We gaan de behoeftes die in het land spelen, een plek geven op de lokale pagina’s. We gaan het loyaliteitsprogramma van de Hubo Club-app integreren en personalisatie toevoegen om nog relevanter te worden voor elke bezoeker.’