NICOMEC

Studio grafico e personalizzazioni html/css per sito web aziendale

Studio dell’aspetto grafico dell’homepage per il sito web di Nicomec, lavorazioni meccaniche a C.N.C.

t

Premessa

Nicomec non possedeva un sito web. Dopo aver individuato l’immagine coordinata offline, è stato realizzato il sito web per completare e rafforzare la Brand identity.



Design del layout grafico dell'homepage

Dall’analisi preliminare sono emersi gli argomenti da evidenziare in homepage. A tal proposito l’impostazione strutturale della pagine prevede:

Header con logo, menu e contatti veloci
Immagine di impatto con introduzione all’azienda
Descrizione dell’attività ed introduzione alla produzione e al parco macchine
Anteprima ed introduzione alla presentazione aziendale
Anteprima ed introduzione alla presentazione delle lavorazioni
Referenze
Footer con contatti e modulo di richiesta informazioni



Colori

Come per l’immagine coordinata offiline, il colore predominante è il nero. Colori secondari sono rappresentati dal grigio chiaro, utilizzato come colore di stacco tra le varie aree delle pagine, e l’azzurro per i bottoni e le call to action.

Studio layout e bozza grafica homepage Nicomec

Studio grafico delle pagine interne del sito per la presentazione dell’azienda e dei servizi offerti

i

Design grafico delle pagine interne

In tutte le pagine interne viene ripreso il disegno grafico dell’homepage. Troviamo in quasi tutte le pagine l’alternanza di righe a scacchiera con testo e foto rappresentativa.
Tutte le foto sono state selezionate e trattate per avere ovunque la medesima resa cromatica.



Grafica Responsive

Tutti i template grafici sono stati realizzati in modalità responsive, per avere un’ottimale esperienza utente attraverso qualsiasi dispositivo. Grazie al template scelto e alle personalizzazioni al codice html e al foglio di stile css il sito è navigabile correttamente da desktop, tablet e smartphone.