Vitec Enova

Van Basisopzet naar Pixel-Perfect Energieplatform

 

UX/UI | Website | Webavance cms

Van Fundament naar Afwerking

Dit project startte met een samenwerking: Plotlinestudio leverde de initiële basisopzet — de conceptuele richting en het ruwe kader van het platform. Vanaf dat punt namen wij als Webavance het stokje over voor de volledige visuele en functionele uitwerking.

Dat 'pixel-perfect uitwerken' klinkt als een technisch detail, maar is in de praktijk waar voor ons het meeste designwerk in zat. De basisopzet bepaalt de richting; de uitwerking bepaalt de kwaliteit. Elk component werd door ons tot op pixelniveau verfijnd: typografische hiërarchie, witruimte-verhoudingen, hover-states, interactiemomenten en de manier waarop informatie zich ontvouwt als een gebruiker door de pagina scrollt.

Bovendien ontwierpen wij een uitgebreide set aanvullende modules en secties die in de basisopzet nog niet bestonden. Het platform moest zeven services en zes sectoren kunnen bedienen — elk met hun eigen content, hun eigen doelgroep en hun eigen informatiebehoefte. Dat vroeg om een modulaire componentbibliotheek die zowel visueel consistent als inhoudelijk flexibel is.

 

De UX/UI Visie

Strakheid als strategie

De doelgroep van Enova is niet de gemiddelde websitebezoeker. Het zijn Head of Operations-profielen, CFO's en energiemanagers van grote industriële bedrijven in sectoren als Agriculture & Food, Manufacturing, Logistics & Warehousing en Digital Infrastructure. Mensen die data lezen, marges bewaken en geen geduld hebben voor vage energiebeloftes.

Die realiteit stuurde al onze designkeuzes. De stijl is bewust strak — niet als esthetische voorkeur, maar als communicatiestrategie. Strakheid in energie-design signaleert precisie, controle en autoriteit. De lay-out ademt ruimte maar vermijdt leegheid: elke sectie is geladen met betekenis. Hero-teksten als 'We operate energy' en 'Stop met kijken. Begin met sturen.' zijn geen marketingcopy — het zijn directieven. Onze interface pikt die toon op en zet hem door in elk component, elke sectie, elke CTA.

De navigatiestructuur hebben we opgebouwd langs twee assen: services en sectoren. Die tweedimensionale ingang maakt het platform direct bruikbaar voor bezoekers vanuit totaal verschillende contexten — van een glastuinder die wil weten wat zijn batterij op de markt kan verdienen, tot een logistiek directeur die grip wil op zijn multi-site energiekosten.

Responsive Design

Energie op elk scherm

Een van de inhoudelijk rijkste onderdelen van onze bijdrage was het doordenken en uitwerken van het responsive gedrag van het platform. Enova's website is inhoudelijk complex: zeven services, zes sectoren, data-gedreven content en een klantportal. Op desktop past dat binnen een brede, strakke grid. Op tablet en mobiel vraagt diezelfde content om fundamenteel andere keuzes.

Wij werkten voor elke module het responsive gedrag uit als een zelfstandig designbesluit — niet als een automatische schaling van de desktop-versie. Welke informatie verdient prominentie op een smal scherm? Hoe schaalt de navigatiestructuur van een brede multi-koloms dropdown naar een touch-vriendelijk mobiel menu? Hoe blijft de typografische energie van de headers behouden op een 390-pixel brede viewport? Die vragen hebben wij voor iedere module apart beantwoord, zodat de strakke, energieke uitstraling van het merk op elk schermformaat intact blijft.

Internationaal Schaalbaar

Enova is geen Nederlands bedrijf dat toevallig ook in het buitenland actief is. Zij opereren als een volwaardige Europese marktpartij in meerdere landen, elk met hun eigen energiemarktdynamiek, regelgeving en terminologie. De website-architectuur moest die internationaliteit weerspiegelen.

Wij ontwierpen een systeem waarbij de visuele identiteit — de strakke taal, de typografie, de componentstructuur — volledig consistent blijft over de Nederlandse, Britse en Duitse versie van het platform. Tegelijkertijd is elke versie inhoudelijk geoptimaliseerd voor de lokale markt: de juiste taal, de juiste marktterminologie en de juiste servicefocus per land. Drie markten, één herkenbaar merk.

De impact

Het eindresultaat is een platform dat de ambitie van Enova waardig is. Wat begon als een basisopzet hebben wij uitgebouwd tot een volledig uitgewerkt, pixel-perfect energieplatform dat in drie landen staat. De modulaire componentset biedt het Enova-team de flexibiliteit om het platform te blijven uitbreiden naarmate de organisatie groeit. En de strakke, energieke visuele identiteit positioneert Enova als wat ze zijn: niet een energieleverancier, maar de enabler achter gedistribueerde waardecreatie in de nieuwe energie-economie.

We operate energy. En nu laat de website dat ook zien.

Toe aan een nieuwe website die écht voor je werkt?

Plan dan eens een vrijblijvende kop koffie met Bastiaan Ludeking. Samen kijken we hoe we jouw online ambities vertalen naar een prachtig, passend design.

Tijdens ons gesprek laten we graag de kracht en het gemak van ons Webavance CMS zien. Zo heb je direct een helder beeld van de mogelijkheden én een concreet stappenplan voor de realisatie.

Klaar voor de volgende stap? Neem vandaag nog contact op!

Bastiaan Ludeking
Algemeen directeur

06-53114339 
bastiaan@webavance.nl