1. Dal cliente al concept design
Analisi di un metodo
di Massimo Mastromarino
art director Sitonline
www.designmultimedia.com
2. Di quali strumenti ci dobbiamo servire?
‣ un iPad? un portatile?
‣ siamo noi lo strumento indispensabile
‣ carta e penna
‣ tanta attenzione
www.designmultimedia.com
3. Incontro col cliente partiamo da:
‣ Presentazione del cliente
‣ Richieste estetiche
‣ Richieste strutturali
www.designmultimedia.com
4. Presentazione del cliente:
‣ 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’ispirazione
cominciare a “scarabocchiare”
www.designmultimedia.com
5. Richieste estetiche:
colori template effetti audio
più testo o immagini effetti movimento
testi o box da evidenziare numero di colonne
effetti javascript (jquery mootools) ...
finestre modali (lightbox) ...
www.designmultimedia.com
6. 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
dati su un campione di 10.000 clienti senza la necessità di avere alcuna
%
100 conoscenza dei linguaggi di
programmazione.
%
75 Per lʼutente avanzato invece, è possibile
applicare qualsiasi tipo di modifica al
codice avendo completo accesso ad
%
50 HTML e CSS di tutte le pagine sito.
E' una piattaforma ricca di funzionalità,
% come Photogallery, slideshow, musica e
25
video nel sito, opzione multilingua ...
0%
mp3 video gallery header slide movimenti multilingua
www.designmultimedia.com
7. Richieste strutturali:
pagine prodotti (o e-commerce) notizie
galleria video forum
galleria immagini blog
pagina contatti assistenza
dove siamo ...
www.designmultimedia.com
8. Cosa offriamo noi?
Un gran bel Design!
è il nostro lavoro e ci mettiamo
passione, ed impegno
www.designmultimedia.com
9. Cos’altro possiamo offrire?
Web Usability!
- è finito il periodo dei siti quiz
- il visitatore deve trovarsi a suo agio
- deve leggere facilmente
-al cliente ser ve capire che non il suo sito ma
il sito è soprattutto dei suoi possibili clienti
www.designmultimedia.com
10. 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 clienti
www.designmultimedia.com
11. Apriamo Photoshop (ma prima)
Abbiamo le idee ben chiare?
oppure
Serve un approfondimento?
www.designmultimedia.com
12. 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
13. Se serve un approfondimento:
1. richiedere altro materiale Richiedere il materiale a volte è una perdita di
tempo non sempre sono raggiungibili quando si
2. visionare siti della concorrenza fanno queste richieste
Vari blog come quello di juliusdesign offrono
3. usufruire dei siti di ispirazione: grade spazio all’argomento inspiration
• blog sull’argomento oppure sfogliare qualche galleria di siti CSS
anche se purtroppo devo dire che spesso si esce
• gallerie di siti TOP CSS demoralizzati da questi siti dalla perfetta
se l’ispirazione proprio non arriva
alzatevi, guardate un film, fumate una sigaretta...
www.designmultimedia.com
14. Cosa non deve mancare su un sito Web 2.0 style:
testi molto leggibili colori ben contrastanti (ma non molti colori)
interlinea dei testi alta sfumature lievi
abbondanti spaziature e margini ombre delicate
pagine non troppo piene icone “parlanti” (devono essere intuitive)
titoli e bottoni intuitivi ...
www.designmultimedia.com
15. 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
16. Grazie per l’attenzione
Su Youtube trovate il video conclusivo della presentazione
http://www.youtube.com/watch?v=_xHuNb3RF-M
Massimo Mastromarino
www.designmultimedia.com
www.designmultimedia.com