Layout n. 1

Home Page.

Struttura a portale, posizionata centralmente e in alto rispetto alla pagina del browser.
Lateralmente due fasce di colore riprendono le tonalità del logo e in ognuna di esse vi é posizionato un menú di navigazione a "box" per un piú accesso alle varie aree di sviluppo del sito e alle informazioni: a sinistra i links istituzionali, a destra i due servizi principali e l'area riservata. I links per la scelta della lingua sono invece posizionati centralmente in alto.
Il contenuto delle pagine sarà inserito nella parte centrale, lo sfondo bianco renderá piú visibili eventuali immagini e testi.
Nella home page, oltre a un breve testo introduttivo, è stato inserita l' immagine di una scatola di cartone trattata graficamente al fine di far comprendere meglio all' utente nuovo quale sia la produzione della societá, soluzioni di imballo.
I colori forti del blu e dell' arancio presenti nel logo vengono ripresi nelle due fasce laterali e nella testata per generare un forte impatto grafico, contrastando cosí con lo sfondo bianco dei contenuti e del browser in modo creativo e professionale.
Animazione sul logo.

  Format Interno.

 

 

 

 

 

Layout n. 2

Home Page.


Layout dell'home page improntato sul logo che sarà animato a tutto schermo, con la possibilità di cliccare il tasto skip/enter per accedere, in qualsiasi momento, alla pagina di presentazione del gruppo DELES (le pagine interne saranno statiche). Lo sfondo della pagina animata sarà dello stesso blu che predomina nel logo; l'animazione sarà realizzata da una serie di "maschere" e sfumature che "costruiranno" a poco a poco il logo; possibilità di inserire eventuale sonoro a piacere del cliente.

 

Format Interno.


Struttura posizionata a sinistra e in alto rispetto alla pagina del browser.
Navigazione intuitiva sulla sinistra della struttura, in cui ci sono tutte le varie aree del sito, solo una "leggera" riga divide i links istituzionali dai 2 principali serivizi e area riservata; i links per la scelta della lingua invece sono in alto ma sempre visibili.
La grafica in testata occupa abbastanza spazio in altezza, senza tuttavia togliere nulla al contenuto delle pagine.
I colori utilizzati sono il blu e l'arancio del logo con le loro tonalità che forniscono impatto alle pagine, è stato aggiunto il grigio chiaro che si fonde bene con gli altri colori e che da un aspetto più professionale e pulito; i colori presenti al margine destro del layout, si estenderanno al 100% per tuttta la larghezza del browser.
Lo stile è geometrico, organizzato con linee orizzontali, verticali e oblique unite da morbide sfumature e curve.
Possibile animazione sul logo a scelta del cliente.

 

 

 

 

Layout n. 3

Home Page.

Struttura posizionata a sinistra e in alto rispetto alla pagina del browser.
Navigazione sulla destra della struttura ma comunque intuitiva, in cui sono collocati tutti i link alle varie aree del sito, solo uno piccolo spazio divide i links istituzionali dai due principali servizi e area riservata; i links per la scelta della lingua invece sono in alto sotto la testata.
I colori utilizzati sono sempre quelli del logo, ma in percentuali diverse, le tonalità del blu predominano rispetto a quelle dell'arancione; per la testata però, è stato usato un colore differente dalle tonalità del blu, questo blu/grigio sfumato, definisce la forma particolare della testata, che, insieme alle altre linee rette e curve della struttura, creano un bel "gioco" di forme e colori morbidi, dando professionalità alle pagine; il colore azzurro della bottoniera si estenderà al 100% per tuttta la larghezza del browser.
Lo spazio per il contenuto è ampio, con lo sfondo bianco per dare più senso di ampiezza e di luminosità.
Nella parte centrale della home page, vi è un "gioco" geometrico di immagini di alcuni prodotti dell'azienda, sostituibili e/o aggiunti ad altre immagini a scelta del cliente.
Animazione sul logo.

  Format Interno.

layout
consigliato