Nieuwe HubSpot website voor VRR

Maatwerk design

Uniek design voor de website om het DNA en digitale identiteit uit te dragen.

Focus op gebruiksgemak

Snel inzichtelijk welke cargo containers passen bij de vraag van de bezoeker.

Functioneel en flexibel

Maatwerk modules om snel en makkelijk nieuwe pagina's te maken en wijzigen.

Achtergrond informatie

Over de organisatie

VRR ontwerpt en produceert innovatieve cargo containers voor de luchtvaartindustrie, gericht op duurzaamheid en efficiëntie. Met op maat gemaakte oplossingen ondersteunt VRR klanten wereldwijd in hun logistieke uitdagingen.

De uitdaging

De oude website van VRR was al volledig binnen HubSpot gerealiseerd maar kon qua branding en gebruiksgemak nog een aantal stappen maken. Aan ons de uitdaging om deze te ontwerpen en te bouwen binnen het HubSpot CMS.

Een van de uitdagingen was het integreren van de verschillende productstijlen in de website. Tegelijkertijd lag de focus op verbeterde gebruiksvriendelijkheid en conversieoptimalisatie, essentieel voor hun internationale klanten.

Onze aanpak

1. Homepage

Duidelijk onderscheid tussen de verschillende productgroepen en klantgerichte call-to-actions zorgen ervoor dat bezoekers snel vinden wat ze nodig hebben, met de juiste fotografie zorgen we ervoor dat de bezoeker zich persoonlijk aangesproken voelt. Het resultaat is een gebruiksvriendelijke, conversiegerichte pagina die de klant centraal stelt.

2. Productpagina’s en conversiepagina's.

De productpagina's en conversiepagina's hebben we opnieuw geëvalueerd en aangepast om de conversie te verbeteren:

Flexibele modules in HubSpot die VRR zelf op andere pagina’s kan hergebruiken.
Interactieve elementen, gericht op bewijskracht.
Een aangepaste manier van weergeven van het productportfolio

3. Blog redesign

De blogsectie is opnieuw vormgegeven om beter aan te sluiten bij het nieuwe design van de website. Met de quick read functionaliteit is de blog beter scan- en leesbaar geworden.

1. Requirements workshop

Bij de kick-off met een multidisciplinair klantteam nemen we kennis van de strategie, positionering, persona’s, nieuwe wensen en huidige drempels. Tijdens de brainstorm schetsen we de contouren van de online strategie en bepalen we de doelstellingen, scope, planning en budget.

2. Wireframes

Met de juiste doelstellingen en wensen vanuit de workshop in het achterhoofd wordt met behulp van FlowMapp een conceptuele weergave van de sitemap en bijbehorende website templates aangemaakt.

Met de gewenste doelen, aanwezige en toekomstige content en het budget in het achterhoofd worden de pagina's uitgewerkt in wireframes. Deze worden vervolgens uitgebreid besproken.

Focus hierbij op de inhoud, paginadoelen, call-to-actions, content en websitestructuur.

3. Design

Na akkoord op de wireframes wordt het design ontwikkeld wat past binnen de aangeleverde of vernieuwde brandguide. Door verdieping in de persona’s en te luisteren naar de wensen van de klant komen we tot de juiste uitstraling en vormentaal. Zo ademt het ontwerp 100% jouw DNA.

4. Development

Onze developers ontwikkelen de modules en pagina's zodanig dat ze exact hetzelfde zijn als de gemaakte designs. Naast het ontwikkelen van pagina's, templates en modules worden in deze fase ook koppelingen en integraties gerealiseerd. Als alles staat wordt het eerst uitvoerig getest en nagekeken voordat het naar de uiteindelijke testfase gaat.

5. Vullen & testen

De website is ondertussen ontwikkeld en bevindt zich in de afrondende fase.

De overige pagina's worden aangemaakt en gevuld. Alle gevonden verbeterpunten tijdens het vullen en testen worden opgelost en we zetten alles klaar voor livegang.

Aan de hand van de vraag en wensen worden er bij livegang onder andere DNS-wijzigingen doorgegeven, SEO-plannen doorgevoerd en externe tools zoals Google Tagmanager ingericht.

6. Livegang & groeien

Alles geregeld? Dan zetten we de knop om en kan de nieuwe website haar werk gaan doen.
Klaar voor groei!

Bright Digital biedt ook na livegang doorlopende ondersteuning en optimalisatie. In een maandelijkse retainer optimaliseren we de website naar aanleiding van inzichten uit data. Door middel van Growth Driven Design wordt de website doorgebouwd en aangevuld.