Mozaïek Website-ontwerpen

Complete website met modern mozaïekontwerp

Een website van een designbureau bestaat zelden uit slechts één scherm. Er is een homepage, een overzicht van projecten en een pagina voor elke opdracht. De 'Over ons' en 'Contact' pagina's bevinden zich achter dezelfde navigatiebalk. Mozaïekontwerp is wat deze elementen samenbindt: één lettergrootte, één kleurenpalet en één manier om afbeeldingen te behandelen, van de homepage tot de diepste pagina's.

Globale stijlen die tussen pagina's terugkomen

Identieke pagina's zouden saai zijn om te bezoeken, dus de herhaling zit in de stijlen, terwijl de lay-outs flexibel blijven. Wat bezoekers herkennen, wordt één keer bepaald, op siteniveau.

Een mozaïekontwerpsysteem legt meestal een aantal zaken vast voor de hele website:

• koppen, hoofdtekst en credits in één lettergrootte
• een kleurenpalet dat terugkomt in achtergronden, knoppen en afbeeldingsoverlays
• verhoudingen en afstand die in elke pagina terugkomen
• één uniforme behandeling van de belangrijkste actie, van 'Offerte aanvragen' tot 'Contact'

Nicepage beheert deze laag in de thema-instellingen, waar lettertypen en kleuren voor de hele website worden gedefinieerd. De header en footer staan op dezelfde plek, dus een eenmalige wijziging is overal zichtbaar.

Van de homepage naar diepere secties

Bezoekers blijven zelden op de homepage staan. De route loopt meestal naar een lijst, vervolgens naar een project, dan naar de contactgegevens, en een website voelt coherent aan wanneer elke stap een voortzetting is van de vorige.

Een bureau kan de meest compacte lay-out bovenaan de pagina plaatsen en de binnenste secties rustiger maken. Een fotografiewebsite doet vaak het tegenovergestelde: de grootste afbeeldingen worden bewaard voor de diepere secties. Een productpresentatie kan een mozaïekweergave tonen op de categoriepagina's en overschakelen naar eenvoudige rijen waar de prijs belangrijk is.

Complete websiteontwerpen zijn gemakkelijker als geheel te beoordelen. De homepage laat het karakter zien, en de binnenste secties tonen of het ontwerp geschikt is voor langere teksten en kleinere afbeeldingen.

Header, footer en consistente navigatie

Navigatie is hier belangrijker, omdat veel navigatie plaatsvindt door op afbeeldingen te klikken. Het menu blijft overal op dezelfde positie en de footer herhaalt de belangrijkste secties, zodat de route voorspelbaar blijft.

Terugkerende elementen houden de rest bij elkaar. Een eenmaal gedefinieerde kaartstijl verschijnt in de werklijst, in gerelateerde items en in het nieuwsblok, en ze vormen allemaal één geheel.

De dichtheid is het aspect dat verschilt tussen de verschillende secties. Een homepage kan druk zijn, een servicepagina kan bijna leeg zijn, en toch blijft het ontwerp consistent, met behoud van typografie, spatiëring en beeldbewerking.

Latere toevoegingen volgen dezelfde regels. Een nieuwe casestudy, een nieuwe service of een seizoensgebonden landingspagina erft de header, de lettergrootte en de verhoudingen die in eerste instantie zijn afgesproken.