Dal Cliente Al Concept Design

Dal cliente al concept designAnalisi di un metodo

di Massimo Mastromarinoart director Sitonline

www.designmultimedia.com

http://www.designmultimedia.com


Di quali strumenti ci dobbiamo servire?

‣ un iPad? un portatile?

‣ siamo noi lo strumento indispensabile

‣ carta e penna

‣ tanta attenzione




Incontro col cliente partiamo da:

‣ Presentazione del cliente

‣ Richieste estetiche

‣ Richieste strutturali




‣ descrizione attività da parte del cliente

‣ appuntare le “parole chiave”

‣ ottenere una documentazione (testi e foto)

‣ logo della società (meglio se vettoriale)

Non limitare l’ispirazionecominciare a “scarabocchiare”

Presentazione del cliente:




Richieste estetiche:

colori template

più testo o immagini

testi o box da evidenziare

effetti javascript (jquery mootools)

effetti audio

effetti movimento

numero di colonne

...

finestre modali (lightbox) ...




Case study: Sitonline è una piattaforma CMS per la creazione di siti web in self provisioning. Fin dal momento della creazione è possibile inserire i propri contenuti (testi, immagini, video...) in piena autonomia e senza la necessità di avere alcuna conoscenza dei linguaggi di programmazione.

Per lʼutente avanzato invece, è possibile applicare qualsiasi tipo di modifica al codice avendo completo accesso ad HTML e CSS di tutte le pagine sito.

E' una piattaforma ricca di funzionalità, come Photogallery, slideshow, musica e video nel sito, opzione multilingua ...

0%

25%

50%

75%

100%

mp3 video gallery header slide movimenti multilingua

dati su un campione di 10.000 clienti




pagine prodotti (o e-commerce)

galleria video

galleria immagini

pagina contatti

notizie

forum

blog

assistenza

dove siamo ...

Richieste strutturali:




Un gran bel Design!è il nostro lavoro e ci mettiamo passione, ed impegno

Cosa offriamo noi?




Web Usability!- è finito il periodo dei siti quiz- il visitatore deve trovarsi a suo agio- deve leggere facilmente-al cliente serve capire che non il suo sito ma il sito è soprattutto dei suoi possibili clienti

Cos’altro possiamo offrire?




E non dimentichiamo la...

Visibilità!- un bel sito non rintracciabile sui motori è come un bel biglietto da visita da tenere sempre in tasca

- basi di SEO per almeno favorire l’indicizzazione evitare troppi testi nelle immagini

- fa parte delle richieste di molti clientiwww.designmultimedia.com



Apriamo Photoshop (ma prima)

Serve un approfondimento?

Abbiamo le idee ben chiare?

oppure




Nel caso di idee ben chiare:

1. significa che è stato sufficiente l’incontro col cliente

2. il materiale che ci è stato offerto è sufficiente

3. partire direttamente con la grafica

4. confrontare quanto fatto con siti competitor




Se serve un approfondimento:

1. richiedere altro materiale

2. visionare siti della concorrenza

3. usufruire dei siti di ispirazione:

• blog sull’argomento

• gallerie di siti TOP CSS

se l’ispirazione proprio non arrivaalzatevi, guardate un film, fumate una sigaretta...

Richiedere il materiale a volte è una perdita di tempo non sempre sono raggiungibili quando si fanno queste richieste

Vari blog come quello di juliusdesign offrono grade spazio all’argomento inspiration

oppure sfogliare qualche galleria di siti CSS anche se purtroppo devo dire che spesso si esce demoralizzati da questi siti dalla perfetta




testi molto leggibili

interlinea dei testi alta

abbondanti spaziature e margini

pagine non troppo piene

colori ben contrastanti (ma non molti colori)

sfumature lievi

ombre delicate

icone “parlanti” (devono essere intuitive)

titoli e bottoni intuitivi ...

Cosa non deve mancare su un sito Web 2.0 style:




Trucchi del web designer:

1. staccarsi spesso dal monitor (non lavorare 8 ore di seguito)

2. riuscire ad ottenere il parere di altri (meglio se designer ma anche no)

3. non peccare mai di vanità

• prendere in considerazione qualsiasi consiglio

• prendere in considerazione anche i consigli del cliente




Grazie per l’attenzione

Massimo Mastromarinowww.designmultimedia.com

http://www.youtube.com/watch?v=_xHuNb3RF-MSu Youtube trovate il video conclusivo della presentazione






http://www.youtube.com/watch?v=_xHuNb3RF-M

http://www.youtube.com/watch?v=_xHuNb3RF-M



Dal Cliente Al Concept Design

Design

Transcript of Dal Cliente Al Concept Design