Layout ottimizzato per monitor a risoluzione 1024 x 768 px.

Previsto allineamento centrale rispetto il browser; il colore di sfondo sarà nero.
 
Layout 1
Presentation

Il layout rappresenta la prima pagina di ingresso al sito, il cui accesso è possibile tramite l'inserimento di Login e Password.
Questa pagina è composta da un testo descrittivo e da 2 loghi istituzionali. Le immagini rappresentano ciò di cui si occupa l'azienda, elaborate per dare un impatto accattivante.
I colori sono quelli richiesti, i quali soddisfano appieno la richiesta di uno stile elegante.

Da notare che in questa bozza è stata utilizzata una versione del logo differente da quella proposta nelle bozze successive, per dare facoltà di scelta; noi consigliamo il logo delle bozze successive ma si richiede una maggiore risoluzione in quanto non ha una definizione ottimale.

 

 

 

 

 

 
Layout 2
Sequenza animazione - Pagina d'entrata
Si prosegue in una seconda "entrata"; questo primo layout fa da premessa a quella che sarà l'animazione: inizio animazione sul logo e sulla nuvoletta di fumo, una volta comparsi i loghi apparirà l'immagine, da prima dal piccolo cerchio centrale con colore al 100% e mano mano che il cerchio si ingrandisce da opacizzato diventa colore pieno al 100%.
Importanza sull'immagine con un forte impatto quasi pubblicitario.
 
Layout 3
Animazione completa - Pagina d'entrata
L'animazione all'ultimo frame appare con l'immagine della donna nitida, i loghi saranno statici; si può prevedere il movimento sempre continuo della nuvoletta di fumo, anche se si consiglia statico per non interferire con lo stile elegante.
Seconda proposta per la Pagina d'entrata (aggiunta di immagini racchiuse in un cerchio ripreso dal logo)
Ho proposto un'alternativa con delle piccole immagini di sigari, la forma delle imagini proposte riprende lo stile ellittico del logo, sotto nel footer. A piacere del cliente...

 

 

 

 

 

 

 

 
Layout 4
Struttura
Siamo arrivati al cuore del sito; la struttura è a portale, mi sono attenuta alla richiesta del cliente di seguire la linea del sito Habanos.
La parte centrale del layout è un esempio di come verranno disposti gli elementi, possono essere modificati su richiesta prima dello sviluppo definitivo.