HOME  |  PORTFOLIO  |  PREZZI SITO  |  SITI SPECIAL PRICE  |  SITI LOW COST  |  FAQ  |  VANTAGGI  |  PREVENTIVO  |  CONTATTI

Web agency Milano

web design studio

SITO VETRINA

SITO AZIENDALE

SITO E-COMMERCE

 

SERVIZI INTERNET SU MISURA PER CREARE E MIGLIORARE IL TUO BUSINESS

ALCUNI ESEMPI

 

In questa pagina desidero darti qualche idea a livello di impostazione grafica del sito. Gli esempi potrebbero essere infiniti: in questo momento, desidero proporti quelli che "vanno per la maggiore". Non concentrarti, quindi, sui contenuti delle pagine (testi e immagini), bensì, osserva unicamente l'impostazione e il layout delle pagine.

 

Apparentemente potrebbero sembrare soluzioni molto simili tra loro, ma, in realtà, non lo sono. Per capire meglio questo concetto, prova, per esempio, a modificare la grandezza della finestra del tuo browser e noterai come, a seconda dell'impostazione grafica proposta, la visualizzazione delle pagine può cambiare notevolmente.

 

Non esiste una soluzione migliore di altre: come un po' per tutte le cose, bisogna trovare il miglior compromesso, la soluzione migliore per le proprie esigenze. Si deve constatare, però, che alcune impostazioni grafiche sono più versatili e flessibili di altre, soprattutto, per quanto riguarda l'adattabilità ai diversi supporti come smartphone, tablet, cellulari etc.

 

Se desideri ricevere maggiori informazioni, contattami subito e richiedimi, senza impegno, una consulenza gratuita.

 

Ogni esempio è corredato da un codice per semplificare la sua identificazione nel caso tu decidessi di contattarmi per chiedere eventuali delucidazioni.

 

Cod. AZ3S - Impostazione molto professionale, con pagina di ingresso per eventuali sezioni (lingue o settori azienda). Molto efficace l'idea di associare i pulsanti principali a delle immagini nell'header della pagina. Menu presente anche in alto e colonna sulla destra utilizzabile per eventuali news, promozioni, pubblicità etc. Soluzione con un impatto grafico considerevole.

 

Sito azienda pro

 

Cod. SFSD - Layout di grande impatto visivo con effetto scroll della pagine (orizzontale o verticale) e immagini di sfondo full screen. Scelta perfetta per tutti coloro che preferiscono comunicare con le immagini piuttosto che con le parole. Utilizzo di codice jQuery e CSS avanzato per lo sviluppo delle soluzioni grafiche. Si adatta sempre perfettamente a qualsiasi risoluzione del monitor, browser, sistema operativo e device come smartphone, tablet, cellulari, iPhone, iPad...

 

sito struttura alberghiera

 

Cod. SAFS - Layout di grandissimo impatto visivo con immagini random in background full screen che si alternano in dissolvenza per dare un tocco di dinamicità. Scelta ideale per tutti: sia per chi deve comunicare soltanto con le immagini e sia per siti ricchi di contenuto testuale. Utilizzo di codice molto avanzato per la ricerca di soluzioni grafiche innovative. Molto interessante il rollover descrittivo sulle immagini e la gestione grafica personalizzata di Google Map alla pagina dei contatti. Si adatta sempre perfettamente a qualsiasi risoluzione del monitor, browser, sistema operativo e device come smartphone, tablet...

 

Sito architetto

 

Cod. SAFS - Esempio identico a quello sopra, ma con contenuti, temi e colori diversi. Solo per farti capire che anche se questo sito può sembrare molto diverso dal precedente, di fatto non lo è: concentrati unicamente sul layout delle pagine e non sui contenuti!

 

bed and breakfast

 

Cod. SRSS - Autentico sito responsive, perfetto anche come sito per mobile, di grande impatto visivo. Anche su tablet, smartphone e cellulari non c'è bisogno di fare il pinch (zoom sullo schermo con le dita) per leggere agevolmente il testo. La pagina si adatta sempre perfettamente a qualsiasi risoluzione del monitor, immagini comprese. A seconda delle dimensioni dello schermo si modificano automaticamente, in modo ottimale, i contenuti testuali, fotografici, i diversi menu, il numero di colonne del div principale...

 

corsichitarramilano.com

 

Cod. SRMT - Sito responsive, perfetto anche come sito per tablet, smartphone, cellulari, Android, iPad, iPhone... La pagina, coi suoi contenuti, si adatta sempre perfettamente a qualsiasi risoluzione del monitor o schermo mobile, immagini comprese. Soluzione perfetta per chi ha l'esigenza di inserire contenuti testuali prolissi e un menu importante (con possibilità di diversi sottomenu).

 

scuoledimusica.com

 

Cod. SDFS - Layout della pagina molto interessante e versatile. Si adatta sempre molto bene a qualsiasi risoluzione del monitor. Immagine liquida di sfondo con box principale che si adatta in percentuale ed è indipendente da tutti gli altri elementi. Ottima soluzione e valido compromesso anche come mobile website.

 

Sito design

 

Cod. TSFS - Impostazione in apparenza molto simile al precedente, di fatto, molto differente. Immagine di sfondo fullscreen, fissa, con menu che si sviluppa in altezza senza limiti di spazio (spesso molto utile). Tutti i box hanno dimensioni fisse e allineamento a sinistra. Ottima soluzione anche come mobile website.

 

Sito hi-tech

 

Cod. HC - Impostazione grafica molto elegante e semplice nello stesso tempo, adattabile a qualsiasi esigenza. Contenuto centrato e di dimensioni fisse.

 

Sito hotel

 

Cod. FSTR - Impostazione grafica di grande impatto visivo con immagine in background full screen: scelta ideale per siti web con contenuti testuali ridotti e dove la comunicazione è affidata esclusivamente alle immagini. Il contenuto principale delle pagine è relegato in un piccolo box adattabile in base alla risoluzione dello schermo.

 

sito azienda

 

Cod. FSTR - Esempio identico a quello sopra, ma con contenuti differenti. Solo per farti capire che anche se questo sito può sembrare molto diverso dal precedente, di fatto è lo stesso: concentrati unicamente sull'impostazione grafica delle pagine e non sui contenuti!

 

sito fashion

 

Cod. FSBL - Esempio identico a quello sopra con l'unica differenza nella posizione del box.

 

sito libero professionista

 

Cod. FSLR - Esempio identico a quello sopra con l'unica differenza nella posizione del menu e del box che in questo caso sono in posizione laterale. Questa soluzione, rispetto alle precedenti, è preferibile in caso di contenuti testuali più importanti.

 

sito agriturismo

 

Cod. SFSR - Soluzione molto particolare e originale. Utilizzata spesso da fotografi o attività legate alla moda e allo spettacolo, dove le gallerie fotografiche hanno un ruolo predominante. La peculiarità è lo scorrimento della pagina che non avviene verticalmente, bensì lateralmente (scrollbar nella parte inferiore della pagina). Consigliabile quando la comunicazione deve essere affidata esclusivamente alle immagini.

 

sito fotografia

 

Cod. SFSG - Soluzione molto particolare e di grande coinvolgimento. Perfetta per chi desidera comunicare quasi esclusivamente con le immagini. Due modalità per avviare la visualizzazione delle foto nelle gallerie (auto play). Una di queste ha la particolarità di riempire sempre la finestra del browser (body fullscreen), senza mai deformare le immagini anche quando lo schermo è in posizione verticale (smartphone, cellulari...).

 

sito wallpapers

 

Cod. SMPL - Soluzione molto interessante e di grande impatto visivo: si tratta di un sito monopagina con un'immagine iniziale fullscreen random che si adatta in altezza a qualsiasi risoluzione dello schermo. Perfettamente compatibile anche con smartphone e tablet, molto consigliabile per chi non ha contenuti testuali prolissi.

 

sito turismo

 

Cod. LC - Impostazione molto semplice, la più utilizzata fino a qualche anno fa quando i css non consentivano ancora una grande facilità nella gestione degli elementi della pagina. Ora ci sono soluzioni grafiche alternative, ma per chi cerca il massimo della semplicità al prezzo più conveniente, questa è la soluzione perfetta.

 

sito low cost

 

Cod. LCFS - Impostazione apparentemente molto diversa da quella sopra, ma in realtà piuttosto simile. Soluzione un po' più evoluta, con un'immagine in background fissa e fullscreen. Interessante l'effetto di trasparenza del box principale.

 

sito negozio


newsletter
newsletter