Tom Sanders's profile

Redesign Gemeente Losser

Uitgangspunt voor het redesign van de website was de Huisstijl van gemeente Losser. Hierop mochten geen aanpassingen gemaakt worden. De site moest dus visueel een verlenging zijn van de dienstverlening van de gemeente.

Tijdens een creatieve sessie met de gemeente zijn allerlei belangrijke en onderscheidende punten van de gemeente Losser naar voren gekomen. Belangrijk om zo een onderscheid te maken ten opzicht van andere gemeenten.

De ontworpen visual designs zijn na goedkeuring van de gemeente door ontwikkeld tot HTML en CSS pagina's. Deze zijn vervolgens met behulp van een offshore projectteam geïntegreerd in een door Daadkracht eigen ontwikkeld J2EE CMS systeem.
Bovenstaande afbeelding is het wireframe van de home page. Hierin is de pagina al verdeeld in een aantal elementen. Zo is hier de verdeling te zien tussen afbeelding en tekst in het main content part van de pagina.

Verder zijn de viewports aangegeven van scherm resolutie 800 x 600 en 1024 x 768. Zodoende kunnen we in een vroeg stadium bepalen wat een gebruiker met een minimale scherm resolutie te zien krijgt.



De homepage is herontworpen waarbij foto's een meer prominente plaats hebben gekregen op de home page. Het nieuwe hoofdmenu bied meteen door kliks naar sub-sites van de gemeente.


De tag cloud neemt een belangrijk deel in op de homepage. Op deze manier kunnen links snel en overzichtlijk gepresenteerd worden afhankelijk van de populariteit van een onderwerp.
Een voorbeeld van archief pagina waarop de bezoeker via de teksten boven in  de periode kan kiezen. Het linkermenu is kan uitgeklapt worden. Niveau 3 elementen worden door de kleur verandering en aangepaste inspring aangegeven.
Voorbeeld van een nieuws overzicht pagina. Ieder artikel wordt voorzien van een afbeelding. Mocht er geen afbeelding zijn toegewezen dan wordt automatisch het logo van de gemeente op de plek van de afbeelding getoond.
Redesign Gemeente Losser
Published:

Redesign Gemeente Losser

Redesign website gemeente Losser

Published: