1. WEB DESIGN

2. WEB DESIGN
“ L'utente medio è pigro ”
Durante la progettazione di un
sito web, non si può non tener
presente questa affermazione.
Non basta più che un sito sia
gradevole e ben strutturato.
I siti, soprattutto quelli dedicati
all'e-commerce, necessitano di:
● Immediatezza comunicativa
● Facilità d'uso
● Scalabilità

3. E' un sito di e-commerce
Etsy.com basato sulla vendita di prodotti
realizzati a mano e vintage.

4. Etsy.com
● Si occupa di produzioni su
piccolissima scala in una
fascia di mercato di nicchia.
● Permette agli utenti registrati
di aprire il proprio shop online
o semplicemente di acquistare
oggetti da più di 800.000
venditori sparsi nel mondo.
● E' un sito ben strutturato
sia dal punto di vista estetico
che da quello funzionale.

5. Etsy.com
Il design del sito è molto semplice:
lineare ed essenziale.
Lo sfondo bianco e l'uso di pochi colori
consentono una lettura senza sforzi.
Non ci sono elementi grafici o immagini.
Il layout è semplicemente animato
dalle foto stesse dei prodotti in vendita
negli shop.
Il logo del sito non è altro che
il nome scritto con un semplice font
su fondo rosso-aranciato.

6. Etsy.com
La homepage contiene pochi elementi
ben distinti fra loro, rendendo il sito
easy-to-use.
L'header contiene il logo ed una barra
di ricerca, che rimangono stabili
durante la navigazione.
La sidebar contiene principalmente
le categorie (tag) di ricerca dei prodotti.
Nel corpo della pagina, divisi in
elementi orizzontali, troviamo
i prodotti e gli shop recentemente
inseriti oppure quelli in primo piano.
Il footer contiene link per impostare
la lingua e link per ulteriori informazioni
sul sito.

7. Etsy.com
A creare unità stilistica sono
gli utenti stessi.
Infatti Etsy.com non è solo uno
spazio di vendita, ma ha l'intento
di costruire una comunità di utenti
tra i quali ci sia affinità.

8. Etsy.com
Si può tracciare una cerchia di shop,
ricreando un sistema a rete, simile
a quello introdotto dai social network.
E' possibile tenere d'occhio gli shop e
i prodotti d'interesse aggiungendoli ai
preferiti.
Esiste un sistema di Feedback.

9. Etsy.com
Ci sono 4 diversi sistemi di
indicizzazione dei prodotti:

10. Etsy.com
Ci sono 4 diversi sistemi di
indicizzazione dei prodotti:

11. Etsy.com
Ci sono 4 diversi sistemi di
indicizzazione dei prodotti:
http://www.etsy.com/color.php?ref=fp_nav_colors

12. Etsy.com
Ci sono 4 diversi sistemi di
indicizzazione dei prodotti:

13. Etsy.com
Ci sono 4 diversi sistemi di
indicizzazione dei prodotti:

14. Etsy.com
Ogni shop ha un margine di
personalizzazione.
Con l'inserimento di un banner
ed una divisione degli articoli
per categorie.

15. Etsy.com
Il proprietario dello shop può
specificare una policy
personalizzata, visualizzata nella
main page del negozio online.
L'accuratezza delle informazioni
nella descrizione dei prodotti è
parte della politica di Etsy.com.
http://www.etsy.com/listing/

16. Etsy.com
Il sito, servendo da tramite per circa
150 paesi nel mondo, dispone di
diverse lingue.
Tuttavia le descrizioni fornite dagli
utenti rimangono in Inglese, il che
rappresenta un limite.
Più utile è invece la selezione della
valuta che converte con una certa
approssimazione il prezzo degli
acquisti.

17. Etsy.com
Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:
● Attività
● Messaggi
● Preferiti

18. Etsy.com
Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:
● Attività
● Messaggi
● Preferiti

19. Etsy.com
Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:
● Attività
● Messaggi
● Preferiti

20. Etsy.com
Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:
● Attività
● Messaggi
● Preferiti

21. Etsy.com
La comunità che ruota intorno ad
Etsy.com non rimane legata ad un
solo schermo.
Un Developer Team, formato da
normali utenti, crea app per
smartphone ed altri device per
semplificare la vita della comunity.

22. Etsy.com Il sito dispone anche di una
versione mobile e di un app
ottimizzata per IOS.

23. Etsy.com
Nella sezione press del
sito è possibile trovare
diverse informazioni:
● Grafici sulle vendite.
● Informazioni sui creatori di
Etsy.com e sulle ragioni della
sua nascita.
● Tutti gli articoli, pubblicati
online e non, riguardanti
il sito e la comunità.
● La presentazione dello staff
che lavora al sito.
http://www.etsy.com/press?ref=ft_press

25. Marketing e Nuovi Media
Prof. Derrick de Kerckhove
Progetto WebDesign a.a. 2012/2013
Realizzato da
Valentina Russo M12000417