Drie bladen die samen een E vormen, en een website in dezelfde taal

Een bedrijf dat verder kijkt dan de prijs van vandaag

Eneder is sinds 2017 actief op de Nederlandse energiemarkt; de naam is een samentrekking van Energie Nederland. Ze vergelijken leveranciers, adviseren over contracten voor elektriciteit en gas, regelen de overstap en blijven daarna het aanspreekpunt tijdens de looptijd.

Het onderscheid zit in twee dingen. Ze kijken niet alleen naar het goedkoopste contract van vandaag, maar naar verbruik, looptijd, risicobereidheid en wat een ondernemer de komende jaren van plan is. En ze nemen de aanvragen aan waar andere partijen afhaken: complexe en grootzakelijke dossiers waarbij eerst uitgezocht moet worden wat er überhaupt mogelijk is. Dat tweede is het punt waar een klant iets aan heeft en dat een concurrent niet zomaar kan naschrijven. Het werd daarom het uitgangspunt voor de teksten.

Een merk dat er wel was, maar nergens was vastgelegd

Er lag een logo uit een eerdere fase: een E van drie rechte balken in paars, met het woordmerk NEDER erachter. Bij de overdracht van het bedrijf naar de huidige eigenaar was die kleurstelling losgelaten. Wat er niet was: een vastgelegde opbouw, gedefinieerde kleuren, en een set bestanden om mee te werken.

De klant leverde zelf een referentiebeeld aan met de richting die hij wilde: een E van drie bladvormen, in groen en crème, met de tagline Energie met inzicht. Dat beeld was een rasterafbeelding. Mooi om naar te kijken, maar je kunt er geen merk op bouwen: het schaalt niet, er is geen tweede variant uit te halen, en niemand kan later zeggen hoe dik een balk hoort te zijn.

Van plaatje naar constructie

We hebben het idee opnieuw opgebouwd als vectoren. Aan de vorm is bewust niets veranderd; wat erbij kwam is de maatvoering. Elk blad is dezelfde vorm: een horizontale balk met rechts een bolle punt, die links met een bocht omslaat naar beneden in een staart die spits toeloopt. De staarten van het bovenste en het middelste blad vormen samen de stam van de E.

Alle maten zijn een breuk van de hoogte van het beeldmerk: een blad is 0,23 keer die hoogte dik, de twee tussenruimtes zijn 0,155, en het middelste blad is 0,90 keer zo lang als de andere twee. Dat klinkt pietluttig, maar het is precies wat een logo bruikbaar maakt. Verander één getal en alle varianten volgen. Het beeldmerk, de horizontale lockup, de verticale, de vierkante tegel en de favicon komen allemaal uit dezelfde verhoudingen.

Het woordmerk is Montserrat Regular, met de letters ruim uit elkaar: een tracking van 19% van de kapitaalhoogte. De middenarm van de laatste E, vlak voor de R, is in energiegroen uit de letter gesneden. Zo komt het accent uit het beeldmerk nog één keer terug, zonder dat je er een tweede element voor nodig hebt.

Drie kleuren met een rol, niet drie mooie kleuren

Diepgroen is de hoofdkleur: het bovenste en het onderste blad, de letters en de donkere vlakken op de site. Energiegroen is het accent en wordt op precies drie plekken gebruikt: het middelste blad, de arm van de laatste E, en de tagline. Crème is het licht. Op een donkere ondergrond is de witte versie van het logo daarom niet wit maar crème, zodat het merk nooit hard in het vlak snijdt.

Kleur op wit, crème op diepgroen, en egaal crème op groen. Die laatste is er precies omdat het accent op een groene ondergrond wegvalt; dan gaat het hele merk in één kleur, in plaats van dat er een blad verdwijnt.

Klein worden zonder dicht te lopen

De ruimte tussen de bladen is niet alleen een stijlkeuze. Op zestien pixels moet je nog steeds drie vormen kunnen onderscheiden, anders wordt het een groene vlek. Daarom zijn de tussenruimtes ruim gehouden en overal gelijk.

De iconen op ware grootte. De faviconset is geleverd in de maten die een browser en een telefoon werkelijk opvragen, met een stukje code erbij zodat het aansluiten geen zoekplaatje wordt.

De website: het formulier is de eerste zin

Voor de site maakten we drie concepten. De klant koos de meest beeldende: een paginavullende foto met de energiecheck als kaart over de rand ervan.

Die keuze bepaalt hoe de pagina werkt. De bezoeker ziet in één beeld waar het over gaat en kan meteen beginnen, zonder eerst te scrollen langs uitleg die hij nog niet gevraagd heeft. Het formulier begint met de vraag die het verschil maakt voor het antwoord: zakelijk of particulier. Daaronder staat wat er gebeurt nadat je op verzenden drukt, en binnen hoeveel tijd. Links ernaast staat in drie regels waar Eneder van is.

Wat ze anders doen, staat er ook echt

De sectie over de aanpak was de lastigste van de site. “Wij kijken naar uw hele situatie” is precies zo’n zin die iedereen opschrijft en niemand gelooft. Daarom staat er een illustratie naast: een grafiek van de energieprijs met het inkoopmoment erin gemarkeerd.

Die grafiek is uitdrukkelijk als illustratief gemerkt, met dat woord in beeld, want het zijn geen echte marktcijfers. Wat hij wel doet is in één oogopslag laten zien waar het advies over gaat: niet de prijs van vandaag, maar het moment en de looptijd. Daaronder staan drie punten die concreet genoeg zijn om op afgerekend te worden: wat er wordt meegewogen, wat er gebeurt bij een aanvraag waar anderen afhaken, en wie het contract daarna beheert.

In drie stappen, en verder niets beloven

De reactietijd wordt in werkdagen genoemd, niet in uren. Dat is geen slag om de arm; het is de enige belofte die je zeven dagen per week kunt waarmaken.

Één taal voor het merk en de site

Alles op de site komt uit de merkspecificatie: de drie kleuren, Montserrat in vier gewichten, de ronding van de vlakken, en de afstand tussen de bladen die terugkomt in de witruimte tussen de secties. Montserrat wordt vanaf de eigen server geladen, dus er gaat geen bezoeker langs een externe lettertypedienst. Bewegingen gebruiken alleen transform en opacity, en staan uit voor wie in zijn systeem minder beweging heeft aangezet.

De formulieren versturen via de mailserver van de eigen hosting. Geen externe formulierdienst, dus ook geen extra partij in de privacyverklaring en geen verwerkersovereenkomst die iemand moet bijhouden.

Zo hoeft Eneder bij een volgende uiting niets meer uit te vinden. De vorm, de kleuren, de letter en de bestanden liggen vast, en de site is er de eerste toepassing van in plaats van een losse uitzondering.