Gli stili nel web design: le caratteristiche del corporate style
E’ cosa nota a tutti i designer l’esistenza di determinati stili di design a cui è possibile attenersi o prendere spunto durante la stesura di un qualsiasi progetto grafico: che si tratti di una brochure, un manifesto pubblicitario o di un sito web, poco importa. Palette dei colori, scelta delle immagini, tipografia, background, elementi grafici…ogni stile ha le sue sfumature, le sue regole e le relative potenzialità. Il minimal permette di focalizzare i contenuti con semplicità ed eleganza, il grunge è più adatto ad un pubblico giovanile e fuori dagli schemi e così via, per ogni progetto è possibile indicare uno stile a cui è possibile aderire e, viceversa, un altro assolutamente da evitare.
Dopo questa premessa inauguro quindi una serie di articoli improntata sugli stili del (web)design, in cui analizzeremo le principali caratteristiche di ogni stile e, sulla base di queste, progetteremo e realizzeremo insieme, passo dopo passo, un layout in Photoshop ogni volta diverso.
Il primo – essenziale – step consiste nell’analizzare gli stili in voga nel campo del web design e nel dargli un’etichetta (anche se questo farà storcere il naso ai più sovversivi) che ci permetta di stilare un elenco, anche solo approssimativo, delle tendenze conosciute al momento:
- Corporate/Business
- Hand drawn (sketch, watercolor, doodles)
- Grunge
- Illustrations
- Minimal
- Magazine
- Natural
- Organic
- Typography
- Vintage / Retrò
- Web 2.0
La maggior parte dei siti presenti sul web alla data attuale rientra in una di queste categorie, o perlomeno ne è in qualche modo influenzata. L’elenco è ovviamente in continuo aggiornamento dato che, in un domani non troppo lontano, potrebbe nascere un nuovo stile capace di ammaliarci e di diventare presto una moda.
Oggi vedremo insieme che cosa è e quali sono le caratteristiche del Corporate/Business style.
Corporate web design: di che cosa si tratta?
Chi mastica un po’ d’inglese già saprà che il termine “corporate” ha il significato di “aziendale”, basti pensare al coordinato aziendale (biglietto da visita, carta intestata e quant’altro) definito, per l’appunto “corporate identity”; per “Corporate website” si intende quindi il sito vetrina di una società – o comunque di un’impresa aziendale, come ci dice il termine stesso – che presenta sul web il proprio business o, in alternativa, un sito informativo atto a reclamizzare un prodotto commerciale.
I trend di un buon sito in corporate style sono:
- Rilevanza: Come nel minimal, anche in questo stile gli elementi grafici sono ridotti al minimo per dare maggior risalto ai contenuti e favorire la leggibilità da parte dell’utente. La parola d’ordine è: limitarsi all’essenziale, in altre parole a ciò che realmente ha un’utilità per il visitatore, evitando fronzoli e distrazioni. Il layout deve essere il più possibile professionale e sobrio e il focus sul prodotto o i servizi offerti dall’azienda.
- Colori: Un sito aziendale deve ispirare prima di tutto fiducia e stabilità; non è un caso che la maggior parte dei corporate site abbia come colori predominanti l’azzurro e il blu ed eviti volutamente tonalità come il nero e il rosso. A tal proposito, comunque, ti consiglio di leggere il mio articolo sul significato inconscio dei colori nel design, in cui approfondisco proprio le sensazioni che determinate tonalità riescono ad infondere.
- Immagini evocative: le immagini giocano un ruolo fondamentale per attirare l’utente ed esprimere in modo immediato ed efficace i concept basilari dell’attività. Il web è tutto un fiorire di mani che si stringono (rapport, sostegno, fiducia) o in cui germogliano piante (solidità, crescita personale ed economica), di cieli azzurri (serenità, pace, relax, semplicità) e quadretti idilliaci di uomini e donne con larghi sorrisi (soddisfazione, benessere, serenità.) Basti pensare ai siti web (ma anche alle pubblicità) di assicurazioni e banche per rendersi conto di quanto, in determinati settori, si sfruttino proiezioni visive di determinati bisogni emotivi per vendere di più.
- Immagini informative e dati tecnici: in alcuni settori le immagini evocative sono sostituite da immagini informative e dati tecnici quali bilanci, tabelle comparative e grafici. In questo caso, invece di evocare nell’utente determinate sensazioni più o meno inconsce, l’azienda necessita di mettere bene in vista quante più informazioni possibili. E’ questo il caso, per esempio, di landing page o siti che reclamizzano software o servizi finanziari.
- Identità aziendale e colori istituzionali: se un freelance può sentirsi libero di stravolgere completamente la sua immagine ogni volta che la fantasia e la voglia di cambiare si fa sentire, questo non è possibile per un’impresa il cui scopo è rafforzare la propria immagine sul mercato e rendere la propria identità solida e continuativa. I colori istituzionali, così come marchi, logo ed eventuali altri segni distintivi, sono l’anima dell’azienda e possono essere modificati solo dopo un’accurata analisi e dietro motivazioni ben più impegnate di uno scanzonato “avevo voglia di cambiare un po’”. Un piccolo esempio? Pensa a Bartolini, il celebre corriere italiano: il primo colore che dovrebbe venirti in mente è ovviamente il rosso, colore istituzionale dell’impresa e dei loro mezzi di trasporto. Ma se una volta giunto sul loro sito web per chiedere informazioni ti trovassi davanti un layout interamente di colore blu? Come minimo ti sentiresti un attimo disorientato, poiché sarebbe venuto a mancare un inequivocabile segno distintivo dell’azienda.
Risorse
Tutorial
Sul web sono reperibili alcuni tutorial veramente completi che possono guidarti alla realizzazione di un sito aziendale. Sono – ovviamente – in inglese, ma di facile comprensione. Che ne dici di darci un’occhiata?
- Creating a professional business layout
- Creating a product sales page
- Design a clean business layout
- Design a beautiful website
- Create a clean & effective product layout
- Design a business finance layout
- Corporate wordpress style layout
- Create a nice corporate website for product
Ispirazione
- Fresh inspirational corporate design
- 80 corporate webdesign for inspiration
- 50 excellent corporate webdesign
Letture consigliate
Gli altri articoli di questa guida:
La prossima settimana progetteremo e realizzeremo in photoshop un layout in stile corporate/business. Non perdere l’appuntamento!
- Gli stili nel web design: le caratteristiche del corporate style | Come realizzare un sito in corporate style?
- Gli stili nel web design: le caratteristiche del grunge style | Come realizzare un sito in grunge style?
- Gli stili nel web design: le caratteristiche del web 2.0 style | Come realizzare un sito in web 2.0 style?
- Gli stili nel web design: le caratteristiche dell’hand drawn style | Come realizzare un sito in hand drawn style?
- Gli stili nel web design: le caratteristiche dell’illustration style | Come realizzare un sito in illustration style?
- Gli stili nel web design: le caratteristiche del natural style | Come realizzare un sito in natural style?
- Gli stili nel web design: le caratteristiche dell’organic style | Come realizzare un sito in organic style?
- Gli stili nel web design: le caratteristiche del typography style | Come realizzare un sito in typography style?
- Gli stili nel web design: le caratteristiche del minimal style | Come realizzare un sito in minimal style?
- Gli stili nel web design: le caratteristiche del magazine style | Come realizzare un sito in magazine style?
- Gli stili nel web design: le caratteristiche del vintage style | Come realizzare un sito in vintage style?
)
Web designer, lavora nel campo della grafica e dello sviluppo web da sei anni e al momento oltre a collaborare con una web agency gestisce con successo la sua attività di freelance sotto il nome di mascara design. Come molti freelance si è abituata a gestire più ruoli, spaziando dalla grafica cartacea allo sviluppo del codice xhtml e css; nonostante questo la sua passione rimane, sempre e comunque, la grafica per il web.
Sito web dell'autore | Altri articoli scritti da sarah
Potresti essere interessato anche ai seguenti articoli:
-
Tweets that mention Gli stili nel web design: le caratteristiche del corporate style | Your Inspiration Web -- Topsy.com
[...] This post was mentioned on Twitter by Your Inspiration Web, Antonio Capuozzo. Antonio Capuozzo said: RT @YIW: RT @YIW ... -
uberVU - social comments
Social comments and analytics for this post... This post was mentioned on Twitter by yiw: RT @YIW Gli stili nel web ... -
Come realizzare un sito in stile corporate/business? | Your Inspiration Web
[...] Lunedì scorso abbiamo inaugurato la nuova rubrica dedicata all’analisi dei diversi stili del web design spiegando che cos’e il ... -
Gli stili nel webdesign: le caratteristiche dello stile grunge | Your Inspiration Web
[...] Gli stili nel web design: le caratteristiche del corporate style | Come realizzare un sito in corporate style? [...] -
Raccolta di Pennelli per Gimp e Photoshop in Paper Style | Fedeweb
[...] segnalarti un’ottima iniziativa di yourinspirationweb, dove viene fatta una panoramica sugli stili nel web design. [...] -
Come realizzare un layout in stile grunge? | Your Inspiration Web
[...] Gli stili nel web design: le caratteristiche del corporate style | Come realizzare un sito in corporate style? [...]
Vi seguo da poco ma ho già realizzato che sei sempre utilissima.
Grazie sarah!!!!!!
Grazie a te Giacomo
Molto interessante… è un po’ di tempo però che questi stili sembrano essersi “stabilizzati”, è difficile trovare la novità che colpisca veramente. Crearla, poi, è ancor più difficile perchè si tende sempre ad essere un po’ “eccessivi”.
Cmq un’analisi delle mode attuali ci voleva proprio. Grazie
Ciao Umberto.
Si, in effetti ormai è da un bel pò che non ci sono vere e proprie novità (se non alcune tendenze momentanee come l’apple-style); la mia idea era di fare una panoramica degli stili attuali, rimanendo comunque aperta alle possibilità che potrebbero sorgere in futuro.
Complimenti per l’idea della rubrica e per l’articolo.
Se posso permettermi da “non addetto ai lavori” penso che le tecniche usate in questo stile stiano perdendo (secondo me) valore e stiano diventando monotone. Soprattutto le immagini usate di persone felici, che si stringono la mano, etc… Sono surreali (passatemi il termine) e non so fino a quanto ispirino fiducia. A me, personalmente, trasmettono solo ipocrisia.
Assolutamente d’accordo con te, Dadz: di certe immagini non se ne può davvero più. Ma in questo articolo ho voluto fare un’analisi oggettiva, mettendo da parte le mie opinioni personali…mi hai dato un’idea per un articolo sugli usi e (ab)usi nel webdesign, però
ps. Sono comunque immagini scontate e abusate per noi che “bazzichiamo” nell’ambiente. Di certo non fanno lo stesso effetto all’utente medio che accede su internet una volta all’anno per controllare il suo conto in banca. Tutto è relativo, mi sa
grande sarah!!!!!!!!!!!!!!!!!!!!!!!!!!!
Ps. Come hai festeggiato il compleanno?
Sembra una rubrica interessantissima! Ad essere sincero alcuni stili non sapevo neanche che avessero un proprio nome, quindi sono ansioso di leggere la tua analisi a riguardo!
Per quel che riguarda questo articolo, non avevo mai pensato all’idea di inserire dei grafici dell’andamento finanziario ecc. per dimostrare l’affidabilità di un’azienda.. per quel che riguarda i sorrisini, le strette di mano ecc. sono d’accordo con Dadz, ma ammetto che non saprei cosa mettere al loro posto di meno ipocrita; l’unica “alternativa” che fino ad ora ho incontrato e ho trovato interessante è quello del nuovo spot televisivo del conto arancio che recita “vai su ingdirect.it oppure CHIEDI A CHI CE L’HA”. Effettivamente in questo modo la banca dimostra di essere pronta a mettersi in gioco e di non temere il “feedback” dei suoi correntisti!
PS: Tengo a precisare che nessuno dei miei parenti lavora per ING Direct e non trarrei alcun guadagno a convertire qualuno al conto arancio =P
Ciao Famba
Quali stili non conoscevi?
N.B. I grafici non devono riguardare l’andamento finanziario dell’azienda e, ovviamente, non sono adatti a tutte le attività. Ho visto siti di agenzie di comunicazione inserire grafici sulle vendite dei loro clienti, della serie: “le vendite prima e dopo la nostra campagna pubblicitaria” per dimostrare che i loro servizi hanno un reale riscontro. Non parliamo del bilancio del supermercato sotto casa
A proposito di Conto Arancio, quella pubblicità mi è piaciuta davvero tanto anche se riproponendola sul web presumo che perderebbe tutto il suo fascino.
A presto!
@Sarah: ah ecco non avevo capito xD effettivamente il prima/dopo è più sensato ed efficace.. Gli stili che non avevo ancora sentito nominare erano il corporate/business, il magazine e l’organic, ovviamente il primo ora è da cancellare!
Complimenti davvero per quest’articolo: ben scritto, ben sostenuto da tante risorse e link!
Non sono molto d’accordo con il commento di DADZ perchè, al giorno d’oggi (e credo che sarà sempre così) purtroppo o per fortuna, una faccia sorridente e un cielo sereno condizionano molto e positivamente l’utente finale benchè tutti siano dell’opinione che siano poco veritiere.
Ciao Igor!
Hai ragione, credo anche io che a livello inconscio certe immagini abbiano il loro potenziale. Però c’è da dire che Dadz ha ragione, almeno per noi che lavoriamo nell’ambiente certe foto sono ormai trite e ritrite e perdono del tutto le loro capacità evocative. Della serie “ormai sappiamo il trucco”
Noi si… ma loro no