Project

De website van gebr. Schouls was voor het laatst in 2009 geüpdatet. Destijds was er geen rekening gehouden met de responsiveness en het gebruik van portable devices. Daarnaast werd de site beheerd via een verouderd Joomla CMS, waardoor het huidige onderhoud erg veel tijd kostte. Gebr. Schouls wilde de volgende punten verbeteren met behulp van een herontwerp:

  • Moderne look & feel van de website.

  • Toegankelijkheid op mobile devices.

  • Een gebruiksvriendelijk CMS met custom WordPress modules om snel artikelen en updates te kunnen plaatsen.

Project

De website van gebr. Schouls was voor het laatst in 2009 geüpdatet. Destijds was er geen rekening gehouden met de responsiveness en het gebruik van portable devices. Daarnaast werd de site beheerd via een verouderd Joomla CMS, waardoor het huidige onderhoud erg veel tijd kostte. Gebr. Schouls wilde de volgende punten verbeteren met behulp van een herontwerp:

  • Moderne look & feel van de website.
  • Toegankelijkheid op mobile devices.
  • Een gebruiksvriendelijk CMS met custom WordPress modules om snel artikelen en updates te kunnen plaatsen.

Redesign

Gebr. Schouls is sinds 1930 al in bedrijf en wilde graag dat de huisstijl terug kwam in het herontwerp. Wel heb ik de vrijheid mogen nemen om alles verder te moderniseren.  Ik heb eerst de grove opzet opgemaakt in een aantal mockups, waarmee de algemene stijl en layout na de presentatie helder was en na kleine aanvullingen goedgekeuring kreeg.

Vervolgens heb ik de structuur van het laten zien van updates van projecten en de beschikbare diensten onder de loep genomen. De volgende optimalisaties heb ik in mijn ontwerp meegenomen.

  • Filteren op categorie, zodat bezoekers niet langer zoeken naar lopende projecten.

  • Overzichtspagina per dienst, waar impressies en afgesloten projecten de dienst toelichten.

  • Een update structuur die elke update in een tijdlijn zet, waardoor de uitvoering van het project duidelijk zichtbaar is.

Prototyping

Net als in al mijn projecten zet ik altijd al mijn ontwerpen om in een prototype, zo ook bij Gebr. Schouls. Te zien in het prototype is hoe de website eruit ziet na een eerste vertaalslag van het ontwerp van desktop naar mobiel. Zo is direct te zien waar de pijnpunten liggen als het gaat om het via een smartphone gebruiken van de site.

Prototyping

Net als in al mijn projecten zet ik altijd al mijn ontwerpen om in een prototype, zo ook bij Gebr. Schouls. Te zien in het prototype is hoe de website eruit ziet na een eerste vertaalslag van het ontwerp van desktop naar mobiel. Zo is direct te zien waar de pijnpunten liggen als het gaat om het via een smartphone gebruiken van de site.

Custom WordPress componenten

Een van de speerpunten van dit project was het versimpelen van het toevoegen en aanpassen van updates voor lopende projecten in een WordPress omgeving. We hebben gekozen om het toevoegen van projecten en updates zoveel mogelijk overeen te laten komen met wat je aan de voorkant op de site ziet.

Daarnaast hebben we het eenvoudig gemaakt voor Gebr. Schouls om zelf aanpassingen te maken aan de site zonder tussenkomst van ons als webbouwers. Met de bovenstaande modules kun je:

  • Zelf aangeven waar en hoeveel lopende projecten/afgesloten projecten je wilt laten zien.

  • Zelf kiezen welke projecten je wilt laten zien(laatst toegevoegde is standaard).