Mosaico Disegni del sito web

Sito web completo con un design moderno a mosaico

Il sito di un'agenzia di design raramente si ferma a una sola schermata. C'è una homepage, un elenco dei lavori e una pagina per ogni progetto. Le sezioni "Chi siamo" e "Contatti" sono accessibili tramite lo stesso menu di navigazione. Il design a mosaico è ciò che tiene insieme questo insieme: un'unica scala tipografica, un'unica palette di colori, un unico modo di trattare le immagini, dal punto di ingresso fino alla sezione più interna.

Stili globali che si ripetono tra le pagine

Pagine identiche risulterebbero noiose da navigare, quindi la ripetizione risiede negli stili, mentre i layout rimangono liberi. Ciò che i visitatori riconoscono viene deciso una sola volta, a livello di sito.

Un sistema di design a mosaico solitamente definisce alcuni elementi a livello di sito:

• titoli, testo del corpo e crediti con un'unica scala tipografica
• una palette di colori che si ripete negli sfondi, nei pulsanti e nelle sovrapposizioni di immagini
• proporzioni e spaziatura che si ripetono in ogni elemento
• un unico trattamento condiviso per l'azione principale, da "Richiedi un preventivo" a "Contattaci"

Nicepage mantiene questo livello nelle Impostazioni del tema, dove font e colori vengono definiti per l'intero sito. Intestazione e piè di pagina si trovano nello stesso punto, quindi una modifica apportata una sola volta si riflette ovunque.

Dalla homepage alle sezioni interne

I visitatori raramente si fermano alla homepage. Il percorso di navigazione solitamente porta a un elenco di prodotti, poi a un caso specifico, infine ai contatti, e un sito risulta coerente quando ogni passaggio appare come la naturale prosecuzione del precedente.

Un'agenzia può mantenere la struttura più densa all'ingresso e lasciare che le sezioni interne si definiscano gradualmente. Un sito di fotografia spesso fa il contrario, riservando le immagini più grandi alle sezioni più interne. Una vetrina di prodotti può presentare un mosaico nelle schermate delle categorie e passare a semplici righe dove i prezzi sono più importanti.

I design di siti web completi sono più facili da valutare nel loro insieme. La homepage ne definisce lo stile, mentre le sezioni interne dimostrano se questo stile regge a testi più lunghi e immagini più piccole.

Intestazione, piè di pagina e navigazione intuitiva

La navigazione assume un ruolo più importante in questo caso, poiché gran parte dell'interazione avviene cliccando sulle immagini. Il menu rimane nella stessa posizione e il piè di pagina ripete le sezioni principali, rendendo il percorso di navigazione prevedibile.

Gli elementi ricorrenti tengono insieme il resto. Uno stile di scheda definito una sola volta compare nell'elenco dei lavori, negli elementi correlati e nel blocco notizie, e tutti questi elementi appaiono come un'unica famiglia.

La densità è l'elemento che varia tra le sezioni. Una homepage può essere ricca di dettagli, una pagina dei servizi può essere quasi vuota, eppure la differenza si traduce in un design unitario, con tipografia, spaziatura e trattamento delle immagini che rimangono invariati.

Le aggiunte successive seguono le stesse regole. Un nuovo caso di studio, un nuovo servizio o una sezione stagionale ereditano l'intestazione, la scala dei caratteri e le proporzioni concordate all'inizio.