Een herontwerp van een aannemers Wordpress website

Standaard aanbouw

Eind Ontwerp Standaard Aanbouw

Ik kreeg de opdracht om een nieuwe website te ontwerpen voor het bedrijf van een kennis. Ik begon met het analyseren van de huisstijl en de websites van concurrenten. Op basis daarvan maakte ik een low-fidelity (lo-fi) ontwerp. Na een feedbacksessie stemde de opdrachtgever in met een concept, waarna ik het ontwerp verder uitwerkte tot een high-fidelity (hi-fi) versie.

Na een tweede feedbackronde heb ik een aangepaste hi-fi ontwerp ontworpen. Deze definitieve versie is vervolgens responsive uitgewerkt en gerealiseerd in WordPress.

Projectjaar:

2023

Projectdoel:

Een verouderde website herontwerpen

Doelgroep:

Bestaande klanten van de aannemer

;
Huisstijl voor briefpapier en facturen

Huisstijl elementen

Ondanks dat de website flink outdated was, is het logo en briefpapier inmiddels al wel geupdatet. De wens was dan ook om dit als huisstijl te gebruiken voor het herontwerp.

Logo

De aannemer is recentelijk een rebranding aangegaan en heeft het bedrijf hernoemd naar standaard aanbouw. Hiervoor huurde de aannemer een designer voor een nieuw logo.

Standaard Aanbouw Logo

Briefpapier

De aannemer werkt voornamelijk via bestaande contacten en heeft hiervoor geen website nodig gehad. Wel werden er facturen opgesteld en hiervoor werd briefpapier ontworpen.

Standaard Aanbouw Briefpapier
Overzicht van de hoofditeraties

Herontwerp

Het ontwerpproces verliep iteratief, van een eerste LoFi-schets tot een uitgewerkt HiFi-eindontwerp. De focus lag eerst op de hoofdpagina.

De eerste HiFi-iteratie bracht kleur en beeldmateriaal in het ontwerp. In de tweede versie werd het drukke blauw aangepast en werden de afgeronde knoppen vervangen door strakkere varianten.

In de laatste HiFi-iteratie zijn de keurmerken verwijderd en werden een secundaire knop, galerij, contactsectie en nieuwsoverzicht toegevoegd.

  • Lofi

    LoFi ontwerp

    Huisstijl vertaling naar digitale opzet.

  • Hifi 1

    Eerste HiFi iteratie

    Toevoeging van kleur en beeldmateriaal.

  • Eindontwerp

    Laatste HiFi iteratie

    Definitief responsive ontwerp.

Overzicht van diverse detailpagina's

Overige schermen

Nadat er een akkoord was bereikt over het eindontwerp van de hoofdpagina, werden diverse detailpagina's uitgewerkt. Hieronder vindt u de twee hoofddetailpagina's.

  • Blog

    Blogpagina

  • Service

    Servicepagina