Dal Cliente Al Concept Design
-
Upload
massimo-mastromarino -
Category
Design
-
view
2.933 -
download
0
description
Transcript of Dal Cliente Al Concept Design
Dal cliente al concept designAnalisi di un metodo
di Massimo Mastromarinoart director Sitonline
www.designmultimedia.com
Di quali strumenti ci dobbiamo servire?
‣ un iPad? un portatile?
‣ siamo noi lo strumento indispensabile
‣ carta e penna
‣ tanta attenzione
www.designmultimedia.com
Incontro col cliente partiamo da:
‣ Presentazione del cliente
‣ Richieste estetiche
‣ Richieste strutturali
www.designmultimedia.com
‣ 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:
www.designmultimedia.com
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) ...
www.designmultimedia.com
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
www.designmultimedia.com
pagine prodotti (o e-commerce)
galleria video
galleria immagini
pagina contatti
notizie
forum
blog
assistenza
dove siamo ...
Richieste strutturali:
www.designmultimedia.com
Un gran bel Design!è il nostro lavoro e ci mettiamo passione, ed impegno
Cosa offriamo noi?
www.designmultimedia.com
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?
www.designmultimedia.com
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
www.designmultimedia.com
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
www.designmultimedia.com
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
www.designmultimedia.com
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:
www.designmultimedia.com
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
www.designmultimedia.com
Grazie per l’attenzione
Massimo Mastromarinowww.designmultimedia.com
http://www.youtube.com/watch?v=_xHuNb3RF-MSu Youtube trovate il video conclusivo della presentazione
www.designmultimedia.com