Coca-Cola Blog

  • 1

    Emozione visiva

  • 2

    Leggibilità aumentata

  • 3

    Chiarezza espositiva

  • 4

    Alta integrazione con social network

  • 5

    fondo pagina funzionale e riassuntivo

  • 6

    Personalizzazione CMS per inserimento prodotti

Partite dai contenuti, non da immagini e colori. Solo così potrete creare un ottimo design

All’interno del mio percorso di studi presso l’Università di Udine, dovevo scegliere alcuni corsi facoltativi tra i corsi tenuti dall’ateneo. La mia decisione è stata quella di frequentare il corso di Web Design, tenuto dal docente Paolo Omero.

Se devo essere sincero, inizialmente ho pensato di scegliere il corso per avere “crediti facili” ed affinare le mie qualità, senza aver la speranza di imparare poi molto. Chiaramente, seguendolo, mi sono dovuto ricredere: forse è stato il miglior corso mai frequentato.
Quando dovevo creare il design di un sito, scrivevo e “disegnavo” quasi in modo casuale, senza regole e senza un minimo di pensiero alla leggibilità: bastava fosse bello ed un minimo funzionale.

Il docente ci ha diviso in gruppi di tre/quattro persone (lavoro in team), ci ha dato le basi teoriche su come improntare un sito web, cosa guardare, le tecniche da seguire per creare un lavoro eccellente ed infine ci ha assegnato un compito: creare un sito web. Naturalmente la scelta doveva prevedere il design, i contenuti, il nome ecc. Il risultato di questa scelta è un blog non ufficiale sulla Coca-Cola.

Io, Cristina Giachin e Cecilia Natale abbiamo lavorato a lungo in un progetto che dovesse essere chiaro, di alto impatto emotivo e contenesse le informazioni tecniche, le curiosità che normalmente si trovano con difficoltà nella Rete.
La pagina iniziale è composta da una grande immagine di una Coca-cola su sfondo rosso ed una serie di citazioni autorevoli su questo magnifico prodotto. La parte sottostante illustra le varie sezioni del sito e le ultime news inseriti all’interno del blog.

Abbiamo strutturato la pagina prodotti per esporre le creazioni Coca-cola seguendo un ordine cronologico, individuando anche il periodo storico nel quale si sono inseriti questi prodotti. Il risultato è chiaro, gradevole alla vista e sopratutto immediato.

Le pagine descrittive e gli articoli sono state create con lo scopo di mantenere un’alta leggibilità, invogliare il visitatore a sfogliare il sito e con un’alta integrazione con i nuovi social network.

Il sito è stato realizzato mediante WordPress, con l’appoggio dei CSS3 (sopratutto per i font-face) e grazie alla griglia web 960gs.

Gallery

Coca cola unofficial blog w960 100x100 Coca Cola BlogProducts w960 h700 100x100 Coca Cola BlogHistory w960 h700 100x100 Coca Cola BlogAbout us w960 100x100 Coca Cola Blog