BLT Software — Website Redesign
Stop met zoeken, start met vertrouwen
Stop met zoeken,
start met vertrouwen
Stop met zoeken,
start met vertrouwen
BLT Software verkoopt Bluetooth-trackingoplossingen voor wagenparken en sleutelbeheer, aan bedrijven als autodealers en verhuurbedrijven. Een potentiële klant vormt zijn eerste oordeel over de betrouwbaarheid van die techniek op de website, nog voordat er een demo wordt gepland.
BLT Software verkoopt Bluetooth-trackingoplossingen voor wagenparken en sleutelbeheer, aan bedrijven als autodealers en verhuurbedrijven. Een potentiële klant vormt zijn eerste oordeel over de betrouwbaarheid van die techniek op de website, nog voordat er een demo wordt gepland.
BLT Software verkoopt Bluetooth-trackingoplossingen voor wagenparken en sleutelbeheer, aan bedrijven als autodealers en verhuurbedrijven. Een potentiële klant vormt zijn eerste oordeel over de betrouwbaarheid van die techniek op de website, nog voordat er een demo wordt gepland.
De bestaande site werkte, maar oogde verouderd en wisselde van visuele stijl per pagina. Voor een technisch product dat vertrouwen moet wekken, is dat een directe tegenstrijdigheid.
De bestaande site werkte, maar oogde verouderd en wisselde van visuele stijl per pagina. Voor een technisch product dat vertrouwen moet wekken, is dat een directe tegenstrijdigheid.
De bestaande site werkte, maar oogde verouderd en wisselde van visuele stijl per pagina. Voor een technisch product dat vertrouwen moet wekken, is dat een directe tegenstrijdigheid.
Tools
Figma
Adobe Lightroom
Adobe Photoshop
Adobe Illustrator
Skills
UX/UI Design
Flow ontwikkeling
Interaction design
Fotografie
Skills
UX/UI Design
Flow ontwikkeling
Interaction design
Fotografie
Tools
Figma
Adobe Lightroom
Adobe Photoshop
Adobe Illustrator
01 Probleem
01 Probleem
Een technisch product met een onbetrouwbare eerste indruk
Een technisch product
met een onbetrouwbare eerste indruk
Een technisch product
met een onbetrouwbare eerste indruk
BLT Software biedt oplossingen voor logistieke en transportprocessen: Bluetooth-gateways die auto's en sleutels traceerbaar maken voor bedrijven die daarop vertrouwen. De bestaande website was functioneel, maar verouderd in uitstraling en inconsistent in visuele stijl van pagina tot pagina.
BLT Software biedt oplossingen voor logistieke en transportprocessen: Bluetooth-gateways die auto's en sleutels traceerbaar maken voor bedrijven die daarop vertrouwen. De bestaande website was functioneel, maar verouderd in uitstraling en inconsistent in visuele stijl van pagina tot pagina.
BLT Software biedt oplossingen voor logistieke en transportprocessen: Bluetooth-gateways die auto's en sleutels traceerbaar maken voor bedrijven die daarop vertrouwen. De bestaande website was functioneel, maar verouderd in uitstraling en inconsistent in visuele stijl van pagina tot pagina.
Dat is meer dan een esthetisch probleem. Een bezoeker die moet vertrouwen op onzichtbare techniek, kijkt onbewust naar zichtbare signalen om te bepalen of een bedrijf professioneel is. Een site die per pagina anders aanvoelt, ondermijnt precies het vertrouwen dat het product moet verkopen.
Dat is meer dan een esthetisch probleem. Een bezoeker die moet vertrouwen op onzichtbare techniek, kijkt onbewust naar zichtbare signalen om te bepalen of een bedrijf professioneel is. Een site die per pagina anders aanvoelt, ondermijnt precies het vertrouwen dat het product moet verkopen.
Dat is meer dan een esthetisch probleem. Een bezoeker die moet vertrouwen op onzichtbare techniek, kijkt onbewust naar zichtbare signalen om te bepalen of een bedrijf professioneel is. Een site die per pagina anders aanvoelt, ondermijnt precies het vertrouwen dat het product moet verkopen.
02 Keuzes
02 Keuzes
Niet de kleur die paste, de kleur die werkte
Niet de kleur die paste, de kleur die werkte
Niet de kleur die paste, de kleur die werkte
Niet de kleur die paste, de kleur die werkte Dat de website een donker thema kreeg, was een vaststaand uitgangspunt. Binnen dat kader had de developer een uitgesproken voorkeur voor blauw als herkenningskleur. Om die voorkeur recht te doen, loopt er een blauw-groene kleurvlek door de hele website.
Niet de kleur die paste, de kleur die werkte Dat de website een donker thema kreeg, was een vaststaand uitgangspunt. Binnen dat kader had de developer een uitgesproken voorkeur voor blauw als herkenningskleur. Om die voorkeur recht te doen, loopt er een blauw-groene kleurvlek door de hele website.
Niet de kleur die paste, de kleur die werkte Dat de website een donker thema kreeg, was een vaststaand uitgangspunt. Binnen dat kader had de developer een uitgesproken voorkeur voor blauw als herkenningskleur. Om die voorkeur recht te doen, loopt er een blauw-groene kleurvlek door de hele website.
Blauw bleek echter niet te werken als CTA-kleur: op een donkere achtergrond was het contrast te laag om een knop overtuigend als klikbaar te presenteren. Het logo van BLT Software bevat geel, groen en rood, kleuren die in de overwegend blauwe bestaande site nauwelijks terugkwamen. Door meerdere kleuren als CTA tegen elkaar af te zetten, kwam geel er het duidelijkst uit: zichtbaar genoeg op een donkere ondergrond, en direct herkenbaar vanuit het logo in plaats van een toevoeging zonder merkbasis.
Blauw bleek echter niet te werken als CTA-kleur: op een donkere achtergrond was het contrast te laag om een knop overtuigend als klikbaar te presenteren. Het logo van BLT Software bevat geel, groen en rood, kleuren die in de overwegend blauwe bestaande site nauwelijks terugkwamen. Door meerdere kleuren als CTA tegen elkaar af te zetten, kwam geel er het duidelijkst uit: zichtbaar genoeg op een donkere ondergrond, en direct herkenbaar vanuit het logo in plaats van een toevoeging zonder merkbasis.
Blauw bleek echter niet te werken als CTA-kleur: op een donkere achtergrond was het contrast te laag om een knop overtuigend als klikbaar te presenteren. Het logo van BLT Software bevat geel, groen en rood, kleuren die in de overwegend blauwe bestaande site nauwelijks terugkwamen. Door meerdere kleuren als CTA tegen elkaar af te zetten, kwam geel er het duidelijkst uit: zichtbaar genoeg op een donkere ondergrond, en direct herkenbaar vanuit het logo in plaats van een toevoeging zonder merkbasis.
Een tweede voorbeeld zat in de informatieoverdracht. De oude website toonde een animatie van een ronddraaiende wereldbol met bewegende lijnen tussen twee punten, bedoeld om te laten zien dat de Bluetooth-apparaten met elkaar verbinden. Het probleem: BLT's techniek werkt lokaal, op een parkeerplaats bij een autobedrijf, niet wereldwijd. Een wereldbol suggereert precies de verkeerde schaal, los van het feit dat de kleuren ervan ook niet aansloten bij de rest van de site.
Een tweede voorbeeld zat in de informatieoverdracht. De oude website toonde een animatie van een ronddraaiende wereldbol met bewegende lijnen tussen twee punten, bedoeld om te laten zien dat de Bluetooth-apparaten met elkaar verbinden. Het probleem: BLT's techniek werkt lokaal, op een parkeerplaats bij een autobedrijf, niet wereldwijd. Een wereldbol suggereert precies de verkeerde schaal, los van het feit dat de kleuren ervan ook niet aansloten bij de rest van de site.
Een tweede voorbeeld zat in de informatieoverdracht. De oude website toonde een animatie van een ronddraaiende wereldbol met bewegende lijnen tussen twee punten, bedoeld om te laten zien dat de Bluetooth-apparaten met elkaar verbinden. Het probleem: BLT's techniek werkt lokaal, op een parkeerplaats bij een autobedrijf, niet wereldwijd. Een wereldbol suggereert precies de verkeerde schaal, los van het feit dat de kleuren ervan ook niet aansloten bij de rest van de site.
Ik liet de wereldbol uiteindelijk volledig vervallen: met de nieuwe productvideo, de productfoto's en duidelijkere uitleg erbij was een symbolische animatie overbodig geworden. Echte beelden van het product laten beter zien wat het doet dan een abstracte metafoor ooit kon.
Ik liet de wereldbol uiteindelijk volledig vervallen: met de nieuwe productvideo, de productfoto's en duidelijkere uitleg erbij was een symbolische animatie overbodig geworden. Echte beelden van het product laten beter zien wat het doet dan een abstracte metafoor ooit kon.
Ik liet de wereldbol uiteindelijk volledig vervallen: met de nieuwe productvideo, de productfoto's en duidelijkere uitleg erbij was een symbolische animatie overbodig geworden. Echte beelden van het product laten beter zien wat het doet dan een abstracte metafoor ooit kon.
Daarnaast verzorgde ik zelf de nieuwe productfotografie van alle producten die klanten voor hun Bluetooth-systeem kunnen inzetten. De tekst over services en producten lag bij een collega; ik richtte me op de visuele kant van het traject: fotografie, flow en componenten.
Daarnaast verzorgde ik zelf de nieuwe productfotografie van alle producten die klanten voor hun Bluetooth-systeem kunnen inzetten. De tekst over services en producten lag bij een collega; ik richtte me op de visuele kant van het traject: fotografie, flow en componenten.
Daarnaast verzorgde ik zelf de nieuwe productfotografie van alle producten die klanten voor hun Bluetooth-systeem kunnen inzetten. De tekst over services en producten lag bij een collega; ik richtte me op de visuele kant van het traject: fotografie, flow en componenten.
Een eerdere versie van de pagina naast de uiteindelijke versie. De CTA verschoof van groenblauw naar geel, zichtbaar bij elke herhaling van de knop door de hele pagina heen, niet alleen in de hero.
Een eerdere versie van de pagina naast de uiteindelijke versie. De CTA verschoof van groenblauw naar geel, zichtbaar bij elke herhaling van de knop door de hele pagina heen, niet alleen in de hero.
03 Onderbouwing
03 Onderbouwing
Een CTA moet opvallen, geen compromis
Een CTA moet opvallen, geen compromis
Een call-to-action heeft maar één taak: in één oogopslag duidelijk maken dat hij klikbaar is. Blauw ging daarin ten onder aan de donkere achtergrond, het contrast was te laag om als interactief element op te vallen tussen de rest van de pagina.
Een call-to-action heeft maar één taak: in één oogopslag duidelijk maken dat hij klikbaar is. Blauw ging daarin ten onder aan de donkere achtergrond, het contrast was te laag om als interactief element op te vallen tussen de rest van de pagina.
Geel loste dat op zonder concessies aan de merkidentiteit, de kleur kwam al uit het logo. De beste CTA-kleur was dus niet de kleur die het dichtst bij de oorspronkelijke voorkeur lag, maar de kleur die aantoonbaar beter werkte, en toevallig ook merkeigen was.
Geel loste dat op zonder concessies aan de merkidentiteit, de kleur kwam al uit het logo. De beste CTA-kleur was dus niet de kleur die het dichtst bij de oorspronkelijke voorkeur lag, maar de kleur die aantoonbaar beter werkte, en toevallig ook merkeigen was.
Dezelfde kleur kreeg vervolgens twee gewichten: gevuld voor de primaire actie, outline voor de secundaire. Zo blijft het verschil tussen "Contact us" en "Request a quote" duidelijk, zonder dat daar een tweede kleur voor nodig was.
Dezelfde kleur kreeg vervolgens twee gewichten: gevuld voor de primaire actie, outline voor de secundaire. Zo blijft het verschil tussen "Contact us" en "Request a quote" duidelijk, zonder dat daar een tweede kleur voor nodig was.
Primaire CTA (gevuld) en secundaire CTA (outline),
beide in dezelfde gele kleur maar met een ander gewicht.
Primaire CTA (gevuld) en secundaire CTA (outline),
beide in dezelfde gele kleur maar met een ander gewicht.
Live afgeronden website - How it works
04 Resultaat & reflectie
04 Resultaat & reflectie
Live, zonder meetpunt
Live, zonder meetpunt
Live, zonder meetpunt
De website staat live en is het eerste aanspreekpunt voor potentiële klanten van BLT Software. Concrete cijfers over het effect zijn er niet, dit traject liep zonder gestructureerde meting.
De website staat live en is het eerste aanspreekpunt voor potentiële klanten van BLT Software. Concrete cijfers over het effect zijn er niet, dit traject liep zonder gestructureerde meting.
De website staat live en is het eerste aanspreekpunt voor potentiële klanten van BLT Software. Concrete cijfers over het effect zijn er niet, dit traject liep zonder gestructureerde meting.
Met de kennis die ik nu heb, zou ik na livegang bewust een paar statistieken willen volgen, zoals tijd op de pagina of het aantal aanvragen via het contactformulier, om te kunnen onderbouwen of de nieuwe uitstraling ook daadwerkelijk invloed had op vertrouwen en conversie, in plaats van dat op gevoel te laten.
Met de kennis die ik nu heb, zou ik na livegang bewust een paar statistieken willen volgen, zoals tijd op de pagina of het aantal aanvragen via het contactformulier, om te kunnen onderbouwen of de nieuwe uitstraling ook daadwerkelijk invloed had op vertrouwen en conversie, in plaats van dat op gevoel te laten.
Met de kennis die ik nu heb, zou ik na livegang bewust een paar statistieken willen volgen, zoals tijd op de pagina of het aantal aanvragen via het contactformulier, om te kunnen onderbouwen of de nieuwe uitstraling ook daadwerkelijk invloed had op vertrouwen en conversie, in plaats van dat op gevoel te laten.
Live afgeronden website - Homepage
Live afgeronden website - Products
Live afgeronden website - Homepage
Live afgeronden website - How it works
Live afgeronden website - Products
Laurie Collee
Contact
Portfolio
Work
About
Contact