Hoe Lynksen met Spline de website van een complex B2B-platform tot leven bracht

Elecctro bouwt softwaresystemen voor onbemande diensten, zoals verkoopautomaten, laadpalen voor elektrische auto’s en automatisering van autowasstraten. Hun product loopt van hardware tot software en zit in een hoek van de markt die B2B-kopers van oudsher bedient met dichtbedrukte specificatiebladen en technische diagrammen. Hun missie is onbemande diensten te moderniseren met slimme, verbonden oplossingen.

Elecctro had een website nodig. Maar niet zomaar een website. Een website die de aandacht van een koper lang genoeg vasthoudt om echt uit te leggen wat ze doen, die ze visueel onderscheidt van tientallen vergelijkbare bedrijven en bezoekers snel richting een beslissing brengt.

‘Ze moesten veel informatie overbrengen,’ zegt Tania, Project Manager bij Lynksen, het digitale designbureau dat werd ingeschakeld om de website-ervaring opnieuw op te bouwen. ‘Maar ze wilden ook opvallen in een heel technische niche.’

Het antwoord was niet meer content. Het was een compleet ander soort interactieve interface.

Een homepage die je verkent, niet alleen leest

Het kernidee van Lynksen was bedrieglijk eenvoudig: laat gebruikers het systeem verkennen, in plaats van het alleen met woorden uit te leggen.

De homepage werd een interactieve 3D-scène: een ruimtelijk overzicht van de complete productfamilie van Elecctro, waar gebruikers overheen kunnen hoveren, doorheen kunnen klikken en in hun eigen tempo door kunnen navigeren. Elk asset in de scène is gekoppeld aan een eigen productpagina. De weg van ‘wat is dit product?’ naar ‘ik wil graag in gesprek’ kromp tot een paar klikken.

Gebruikers gaan naar de homepage, zien alles, klikken één keer en zijn al op weg om Elecctro de informatie te geven die het nodig heeft.

Dat was een belangrijke verschuiving. De meeste B2B-websites behandelen de homepage als een inhoudsopgave. Lynksen bouwde die van Elecctro als een omgeving waar je doorheen beweegt, in plaats van een pagina die je van boven naar beneden leest.

Waarom Spline?

De visie was duidelijk, maar hoe breng je die tot leven?

Traditionele 3D-tools vielen af. Alleen de leercurve al zou het project hebben opgeslokt. Belangrijker nog: het team van Elecctro moest de site na de lancering zelf kunnen onderhouden. Dus geen ondoorzichtige pipelines, geen afhankelijkheid van gespecialiseerde artists en geen tools die maanden inwerktijd vragen om alleen maar een asset te veranderen.

Lynksen bekeek Spline en zag een andere weg:

• Bouwen en itereren in één omgeving.
• Interacties direct in de tool prototypen.
• Assets klaar voor productie opleveren zonder complexe overdrachtsketen.

We gingen van bijna geen ervaring naar het in één keer opleveren van een compleet project.

Dat kwam niet alleen door de tools. Het kwam door de community. Voordat het team van Lynksen ook maar één regel code schreef, verdiepte het zich in de communitybibliotheek van Spline: remixes verkennen, begrijpen hoe andere designers interacties aanpakten en technieken vinden die ze voor dit klantproject konden aanpassen.

Een plek als de Spline-community, met allerlei projecten en de mogelijkheid om te remixen en te zien hoe mensen verschillende interacties aanpakten, hielp ons echt om te leren.

Voor Elecctro speelde nog een factor mee: levensduur.

Ze wilden een oplossing die hun team na de lancering echt zelf kon beheren.

Je hoeft niet heel technisch te zijn om een object toe te voegen, een andere interactie te maken en het project te onderhouden nadat wij het hebben overgedragen. Dat was voor ons echt een belangrijk voordeel.

De ervaring bouwen

Het proces van Lynksen begon zonder enige beweging.

Statische wireframes. Platte UI-layouts. Een duidelijke informatiehiërarchie, vastgelegd voordat er ook maar één animatie bij kwam. Pas toen de structuur stond, begon het team lagen toe te voegen.

‘We beginnen altijd statisch en voegen dan laag voor laag animatie toe,’ zegt Tania. ‘We leggen de belangrijkste states vast in wireframes en schetsen, en tijdens de implementatie schaven we aan camerabewegingen, spelen we met animaties en zorgen we dat alles samenkomt zoals verwacht.’

Door die discipline bezweek het project niet onder zijn eigen ambitie. Het team hield vast aan een eenvoudig designprincipe: beweging ondersteunt het verhaal.

In de praktijk betekende dat:

• Subtiele hover-states en micro-interacties op 3D-assets
• Elementen die bij het scrollen verschijnen en de aandacht sturen zonder die op te eisen
• Cameratransities die gebruikers oriënteren in plaats van ze te verblinden
• Expressieve creativiteit bewaard voor secundaire momenten (de footer, de 404-pagina), waar kleine verrassingen een plezier zijn in plaats van een afleiding

De 404-pagina werd een beetje de favoriet van het team. Hij is volledig gebouwd in Spline en laat gebruikers rondklikken om verborgen 3D-assets te ontdekken. Een klein easter egg dat de meeste bezoekers nooit zullen vinden, maar waar het team van Lynksen duidelijk met plezier aan heeft gebouwd.

‘Het is leuk om een klein easter egg te verstoppen,’ zegt Ross. ‘Als iemand het vindt, zijn we als designers superblij.’

Detail van de 3D-iconen die overal in het navigatiemenu van de website worden gebruikt.

De resultaten

De vernieuwde website ging live en de cijfers gingen meteen omhoog.

Het aantal actieve gebruikers groeide met 524% en het project won 5 awards.

De site kreeg er 20.000 nieuwe weergaven bij en de designcommunity merkte het op.

Die resultaten weerspiegelden iets wat het team bewust had gebouwd: niet alleen een mooie website, maar een die echt werkt. Voor kopers die helderheid nodig hadden, en voor een klantteam dat de site moest kunnen onderhouden zonder een fulltime developer achter de hand.

Voor teams die aan 3D denken

Voor teams die voor het eerst aan 3D op het web denken, is het advies van Tania eenvoudig: begin niet met traditionele tools.

Met Spline is de leercurve goed te doen. Iemand met designskills kan er binnen een paar dagen mee aan de slag. Ons team had binnen de eerste week een solide MVP.

Ross ziet het als een bredere verschuiving in hoe teams 3D kunnen aanpakken: in plaats van meerdere complexe tools en workflows aan elkaar te knopen, ontwerpen, itereren en leveren teams in één omgeving. Zo voelt interactieve 3D vanaf het begin veel toegankelijker.

Wil je in één omgeving werken zonder heel technische kennis en kunnen opleveren wat je ziet, kies dan voor Spline.

Voor designbureaus die klanten interactieve webervaringen willen voorstellen, is dit project een overtuigend bewijs: met de juiste tool ga je in één project van geen ervaring naar een bekroonde website.

Aan de slag met Spline

Net als Lynksen kunnen bureaus Spline gebruiken om klanten te helpen complexe producten over te brengen met interactieve ervaringen die makkelijker te begrijpen, makkelijker te onderhouden en beter te onthouden zijn.

Voor Elecctro betekende dat: een technisch B2B-platform omzetten in een interactieve website die het product verduidelijkt, beslissingen versnelt en het merk helpt opvallen in een drukke markt.

Of je nu een bureau bent dat voor een klant bouwt of een intern team: met Spline ga je sneller van idee naar productie, zonder complexe 3D-pipeline of gespecialiseerde technische kennis.

Neem contact op met sales