CaffePrive

download CaffePrive

of 51

Transcript of CaffePrive

  • 8/7/2019 CaffePrive

    1/51

  • 8/7/2019 CaffePrive

    2/51

  • 8/7/2019 CaffePrive

    3/51

    Lidea

    Per affrontare il tema delle interfacce abbiamo deciso di curare ildesign di uno schermo touch-screen di una macchinetta distribu-

    trice di caff. Volendo rendere il progetto pi completo e stimolan-te abbiamo ritenuto interessante creare da zero una nostra marcadi caff, curandone i diversi aspetti, dallimmagine coordinata aduna possibile campagna promozionale.Lo sviluppo del nostro prodotto passato quindi dallideazionedel suo nome e del suo logo, alleffettiva creazione dellinterfac-

    cia che lo andr poi a distribuire. Abbiamo ritenuto interessanteanche dare degli spunti sul design del distributore e su una suacollocazione spaziale. Successivamente abbiamo affrontato i pos-sibili interventi per una campagna promozionale: nella fattispeciedi foto, locandine e flyer cartoline.

  • 8/7/2019 CaffePrive

    4/51

    Abbiamo costruito lidentit del nostro caff attraverso un brain-storming dove abbiamo proposto degli aggettivi e dei sostantivi

    che potessero descrivere il prodotto.

    Pausa, Relax, Momento privato, Abbraccio, Scelta, Ambiente, Sa-pore, Gusto, Aroma, Raffinato, Pregiato, Imprescindibile, Eleganza,Invitante, Avvolgente, Appagante, Aromatico...

    Lidea che ne scaturita gioca con i concetti di pubblico e privato: ilprodotto (e la sua controparte fisica, il distributore) vuole evocareun ambiente privato - quasi personale - allinterno di un contestopubblico (universit, uffici...). Cos come il caff, questo ambienterappresenta un momento di relax, una pausa: un raffinato invito.Ecco perch abbiamo deciso di chiamarlo Caff Priv.

  • 8/7/2019 CaffePrive

    5/51

    Corporate Identity

    Una volta definito il nome - ma soprattutto le idee che questo pro-dotto ha lintenzione di evocare - siamo passati alla fase di traduzio-

    ne dei concetti in vere e proprie immagini. Il primo passo di questolavoro stato quello di realizzare un abbozzo di immagine coor-dinata, composta principalmente dal logo e dai colori aziendali.

    Lidea del logo quella di rappresentare unospazio verso il quale siamo attratti. Uno spazio

    privato verso il quale siamo spinti dal profumodellaroma del caff. I colori usati sono pannascuro, marrone e rosso. Tutti i toni usati perlinterfaccia sono caldi, scelti per richiamare unsenso di morbidezza e di dolcezza. Al lettering affidato un rosso bordeaux, non squillante, ma

    che permette il riconoscimento delle istruzionida seguire in maniera immediata.

  • 8/7/2019 CaffePrive

    6/51

  • 8/7/2019 CaffePrive

    7/51

    Linterfaccia

    Il touchscreen dellinterfaccia si apre con una

    schermata che funge da screen-saver: dopoun certo tempo di inattivit questa scher-mata si attiva per preservare le prestazionidella macchina. Basta toccare lo schermoper accedere ai menu di scelta prodotto.

    La prima schermata di scelta a

    cui lutente viene posto davan-ti riguarda il tipo di bevanda chesi desidera: attraverso due freccenella parte bassa della scherma-ta possibile scegliere fra quattroprodotti: caff, cappuccino, mac-

    chiato e decaffeinato.

  • 8/7/2019 CaffePrive

    8/51

    }

    }

    Tavolo dei prodotti. In questospazio compaiono i prodottia disposizione e i bottoni per

    confermare o annulare.

    Barra di stato. E lo spazio in-terattivo per la scelta effettivadei prodotti (attraverso le duefrecce). Informa costante-

    mente sul credito residuo.

    Questa interfaccia propone il meccanismo del men rotante: lutente attraverso le frecceposte sulla barra di stato far ruotare i quattro prodotti, ogni volta rendendone attivo unodiverso. Una volta giunto sul prodotto desiderato lutente dovr premere il tasto Conferma,

    facendo avanzare linterfaccia al prossimo menu di scelta. Listruzione a cui lutente devedare un feedback (in questo caso scegli la tua bevanda) posta su una barra rettangolare,che proprio per la sua forma (in contrasto con i motivi tondeggianti) salta allocchio.

  • 8/7/2019 CaffePrive

    9/51

  • 8/7/2019 CaffePrive

    10/51

    A questo punto la macchina vi chiede di inserire il de-naro per pagare. Se fosse gi presente del credito, larichiesta sarebbe la differenza con il prezzo del pro-

    dotto. Anche ora possibile cambiare idea e ritornareal menu dei prodotti per compiere unaltra scelta.

    Una volta inserito il credito sufficiente inizier lero-gazione del prodotto. Durante la preparazione lin-terfaccia proietta un breve preloader che informadelloperazione in corso. Una volta conclusa leroga-zione, la macchina comunica la possibilit di ritirareil prodotto.

  • 8/7/2019 CaffePrive

    11/51

    Il tasto Confermae il suo feedback

    Il tasto Torna alMenu e il suo feed-back

    Freccia sinistra e suo

    feedback

    Freccia destra e suo

    feedback

  • 8/7/2019 CaffePrive

    12/51

    Clicca per visualizzarelinterfaccia

  • 8/7/2019 CaffePrive

    13/51

  • 8/7/2019 CaffePrive

    14/51

  • 8/7/2019 CaffePrive

    15/51

  • 8/7/2019 CaffePrive

    16/51

  • 8/7/2019 CaffePrive

    17/51

  • 8/7/2019 CaffePrive

    18/51

  • 8/7/2019 CaffePrive

    19/51

  • 8/7/2019 CaffePrive

    20/51

  • 8/7/2019 CaffePrive

    21/51

  • 8/7/2019 CaffePrive

    22/51

  • 8/7/2019 CaffePrive

    23/51

  • 8/7/2019 CaffePrive

    24/51

  • 8/7/2019 CaffePrive

    25/51

  • 8/7/2019 CaffePrive

    26/51

  • 8/7/2019 CaffePrive

    27/51

  • 8/7/2019 CaffePrive

    28/51

  • 8/7/2019 CaffePrive

    29/51

  • 8/7/2019 CaffePrive

    30/51

  • 8/7/2019 CaffePrive

    31/51

  • 8/7/2019 CaffePrive

    32/51

  • 8/7/2019 CaffePrive

    33/51

  • 8/7/2019 CaffePrive

    34/51

  • 8/7/2019 CaffePrive

    35/51

  • 8/7/2019 CaffePrive

    36/51

  • 8/7/2019 CaffePrive

    37/51

  • 8/7/2019 CaffePrive

    38/51

  • 8/7/2019 CaffePrive

    39/51

  • 8/7/2019 CaffePrive

    40/51

    Extra: modello 3d

  • 8/7/2019 CaffePrive

    41/51

    Extra: modello 3d

  • 8/7/2019 CaffePrive

    42/51

  • 8/7/2019 CaffePrive

    43/51

  • 8/7/2019 CaffePrive

    44/51

    Extra: foto e locandine

  • 8/7/2019 CaffePrive

    45/51

    Extra foto e oca d e

    P r i v C a f f il tuo nuovo lasciapassare: lacces-

    so limitato ad unaroma avvolgente. Un momen-

    to protetto da un caldo abbraccio di caff. Le suedeclinazioni del gusto annullano ogni luogo: ogni

    spazio la tua dimensione privata, ogni aroma la tua

    nuova scelta.

    Alcune foto promozionali

    Extra: cartoline

  • 8/7/2019 CaffePrive

    46/51

    PRIVE

    caf

  • 8/7/2019 CaffePrive

    47/51

    PRIVE

    caf

  • 8/7/2019 CaffePrive

    48/51

    PRIVE

    caf

  • 8/7/2019 CaffePrive

    49/51

    PRIVE

    caf

  • 8/7/2019 CaffePrive

    50/51

    PRIVE

    caf

    Crediti

  • 8/7/2019 CaffePrive

    51/51

    Un progetto realizzato da:

    Valentina Cuccato, ClasVEM, n matricola 260627Carlo Zambon, ClasVEM, n matricola 260609

    per il corso Applicazioni di Computer grafica di Davide Riboli, anno accademico 2005/06.

    Programmi utilizzati:Adobe Illustrator CS2Adobe Photoshop CSAdobe Indesign CSAdobe Acrobat Professional 7.0

    Macromedia FlashCinema 4D 9.0Rhinoceros

    Un grazie particolare a Elisa Rohr per essere stata la nostra testimonial ;-)