Energie websitevoorbeelden

Deze website heeft in de desktopversie een simpele homepage die met veel witruimte overzichtelijk overkomt. De drie verschillende tekstblokken met hun links naar achterliggende pagina's gaan vergezeld van kleurige afbeeldingen die allemaal een speelse scrollanimatie hebben om de gebruikerservaring te verbeteren.

Onder de partners van Energie in Nederland die op de site vermeld worden, bevinden zich ook de logo's van overheidsorganen, waardoor de site als gezaghebbend beschouwd zal worden. Op Google PageSpeed Insights scoort de desktopversie van de Energie in Nederland website 99/100.

De desktopversie laadt snel en laat zich makkelijk navigeren dankzij een intuïtief design. De site is ook inclusief doordat het in de floating header specifieke opties voor een bepaald type gebruiker aanbiedt, waardoor die snel specifieke informatie en opties kunnen vinden.

De hero-sectie heeft op een desktopscherm een opgeruimd aanzien met veel witruimte en twee blokken met een call to actionbutton. Op een desktopscherm verschijnen de verschillende blokken eronder logisch en duidelijk gecategoriseerd en over de gehele breedte van het scherm, wat het gebruiksgemak bevordert.

Op een desktop beslaat de website het gehele scherm en heeft de hero-sectie al meteen een klantgerichte, interactieve functie voor het berekenen van een energiedeal. De elementen op de site hebben veel ruimte ertussen, wat de site overzichtelijk maakt en zijn de call to actionbuttons duidelijk.

Hoewel de desktopsite bij Google een prestatiescore heeft van 55/100, bleek deze in de praktijk snel en probleemloos te laden. De overige scores voor toegankelijkheid, beste praktijken en SEO zijn volgens hetzelfde platform bovengemiddeld, namelijk respectievelijk 93, 93 en 100 op een schaal van 100.

Op een desktopscherm verschijnen de elementen schermbreed en in grote blokken onder elkaar. Door te scrollen kan men snel en gemakkelijk de informatie vinden. De menubalk in de header verdwijnt hierbij echter, waardoor de tabs daarin niet gebruikt kunnen worden om andere pagina's te openen. Een zwevende 'Naar boven'-knop om de menubalk automatisch en snel zichtbaar te maken is ook een gemis.

De desktopwebsite mist verder een floating chatbox of een link op iedere pagina waarmee de klantenservicepagina snel geopend kan worden. Al deze factoren brengen de gebruikservaring en het gebruiksgemak omlaag.

Op een desktopapparaat toont de homepage van de website van Frank Energie de hero-sectie als een evenwichtig geordend en compleet geheel. Een animatie brengt er dynamiek in aan, terwijl ernaast een interactieve functie aangeboden wordt. De menubalk heeft – naast de links naar de andere pagina's, de klantenservice de nieuws- en contactpagina – een duidelijke call to actionbutton .

Terwijl de hero-secties op pagina's een logisch, klantgericht ontwerp hebben, is zowel de lay-out als de gegeven informatie onder de fold chaotischer en daardoor minder gebruikersvriendelijk georganiseerd.