SlideShare a Scribd company logo
1 of 25
WEB DESIGN
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à
E' un sito di e-commerce
Etsy.com   basato sulla vendita di prodotti
           realizzati a mano e vintage.
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.
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.
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.
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à.
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.
Etsy.com

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

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

Ci sono 4 diversi sistemi di
indicizzazione dei prodotti:




               http://www.etsy.com/color.php?ref=fp_nav_colors
Etsy.com

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

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




           Ogni shop ha un margine di
           personalizzazione.

           Con l'inserimento di un banner
           ed una divisione degli articoli
           per categorie.
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/
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.
Etsy.com

Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:


          ● Attività
          ● Messaggi
          ● Preferiti
Etsy.com

Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:


          ● Attività
          ● Messaggi
          ● Preferiti
Etsy.com

Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:


          ● Attività
          ● Messaggi
          ● Preferiti
Etsy.com

Creando un account, attraverso
la procedura d'iscrizione,
sull'header vengono mostrati
alcuni pulsanti funzione rapidi:


          ● Attività
          ● Messaggi
          ● Preferiti
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.
Etsy.com   Il sito dispone anche di una
           versione mobile e di un app
           ottimizzata per IOS.
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
Marketing e Nuovi Media
Prof. Derrick de Kerckhove


Progetto WebDesign   a.a. 2012/2013

Realizzato da
Valentina Russo M12000417

More Related Content

Viewers also liked

Trabajo Realizado Por
Trabajo Realizado PorTrabajo Realizado Por
Trabajo Realizado Por
benjacho66
 
Výuková aktivita Klik
Výuková aktivita KlikVýuková aktivita Klik
Výuková aktivita Klik
zambl
 
Les figures de style
Les figures de styleLes figures de style
Les figures de style
Alice
 
Powerful Explain in MySQL 5.6
Powerful Explain in MySQL 5.6Powerful Explain in MySQL 5.6
Powerful Explain in MySQL 5.6
MYXPLAIN
 
Q Breaks Brochure Eng
Q Breaks Brochure EngQ Breaks Brochure Eng
Q Breaks Brochure Eng
Parag Murkute
 

Viewers also liked (11)

Sindrome di Alström - Relazione di Gabriella Milan
Sindrome di Alström - Relazione di Gabriella Milan Sindrome di Alström - Relazione di Gabriella Milan
Sindrome di Alström - Relazione di Gabriella Milan
 
Trabajo Realizado Por
Trabajo Realizado PorTrabajo Realizado Por
Trabajo Realizado Por
 
Monitoria patrícia
Monitoria patríciaMonitoria patrícia
Monitoria patrícia
 
Výuková aktivita Klik
Výuková aktivita KlikVýuková aktivita Klik
Výuková aktivita Klik
 
Reed Maxwell
Reed MaxwellReed Maxwell
Reed Maxwell
 
Les figures de style
Les figures de styleLes figures de style
Les figures de style
 
Presentación1
Presentación1Presentación1
Presentación1
 
La retribución de la innovación
La retribución de la innovaciónLa retribución de la innovación
La retribución de la innovación
 
(ISM205) A Framework for IT and Business Transformation
(ISM205) A Framework for IT and Business Transformation(ISM205) A Framework for IT and Business Transformation
(ISM205) A Framework for IT and Business Transformation
 
Powerful Explain in MySQL 5.6
Powerful Explain in MySQL 5.6Powerful Explain in MySQL 5.6
Powerful Explain in MySQL 5.6
 
Q Breaks Brochure Eng
Q Breaks Brochure EngQ Breaks Brochure Eng
Q Breaks Brochure Eng
 

Similar to Etsy

PIWeb apre la porta al tuo business online
PIWeb apre la porta al tuo business onlinePIWeb apre la porta al tuo business online
PIWeb apre la porta al tuo business online
PIWeb
 

Similar to Etsy (20)

Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Sfrutta al massimo le oppor...
Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Sfrutta al massimo le oppor...Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Sfrutta al massimo le oppor...
Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Sfrutta al massimo le oppor...
 
Con Aruba, a lezione di e-commerce. CORSO ONLINE: Come creare un negozio onli...
Con Aruba, a lezione di e-commerce. CORSO ONLINE: Come creare un negozio onli...Con Aruba, a lezione di e-commerce. CORSO ONLINE: Come creare un negozio onli...
Con Aruba, a lezione di e-commerce. CORSO ONLINE: Come creare un negozio onli...
 
Netwalk - Un piccolo ecommerce contro i colossi della rete
Netwalk - Un piccolo ecommerce contro i colossi della reteNetwalk - Un piccolo ecommerce contro i colossi della rete
Netwalk - Un piccolo ecommerce contro i colossi della rete
 
Diy marketplace confronto
Diy marketplace confrontoDiy marketplace confronto
Diy marketplace confronto
 
Sito web: costo di marketing o nuova fonte di guadagno?
Sito web: costo di marketing o nuova fonte di guadagno?Sito web: costo di marketing o nuova fonte di guadagno?
Sito web: costo di marketing o nuova fonte di guadagno?
 
Con Aruba, a lezione di e-commerce - CORSO ONLINE 'Sfrutta al massimo le oppo...
Con Aruba, a lezione di e-commerce - CORSO ONLINE 'Sfrutta al massimo le oppo...Con Aruba, a lezione di e-commerce - CORSO ONLINE 'Sfrutta al massimo le oppo...
Con Aruba, a lezione di e-commerce - CORSO ONLINE 'Sfrutta al massimo le oppo...
 
Realizzare un-ecommerce di successo: Smau Milano 2015
Realizzare un-ecommerce di successo: Smau Milano 2015 Realizzare un-ecommerce di successo: Smau Milano 2015
Realizzare un-ecommerce di successo: Smau Milano 2015
 
Guida completa 1 Minute Site: come creare un sito web
Guida completa 1 Minute Site: come creare un sito webGuida completa 1 Minute Site: come creare un sito web
Guida completa 1 Minute Site: come creare un sito web
 
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
Come Creare Un Blog Di Qualita
 
Smau2014 Ecommerce e Seo con Joomla
Smau2014 Ecommerce e Seo con JoomlaSmau2014 Ecommerce e Seo con Joomla
Smau2014 Ecommerce e Seo con Joomla
 
Case Study: come realizzare un blog professionale
Case Study: come realizzare un blog professionaleCase Study: come realizzare un blog professionale
Case Study: come realizzare un blog professionale
 
Vendere sulle vetrine virtuali come eBay ed Amazon
Vendere sulle vetrine virtuali come eBay ed AmazonVendere sulle vetrine virtuali come eBay ed Amazon
Vendere sulle vetrine virtuali come eBay ed Amazon
 
Spring2011 web marketing
Spring2011 web marketingSpring2011 web marketing
Spring2011 web marketing
 
Workshop 'Primi passi nell'e-commerce' - Smau Milano 2014
Workshop 'Primi passi nell'e-commerce' - Smau Milano 2014  Workshop 'Primi passi nell'e-commerce' - Smau Milano 2014
Workshop 'Primi passi nell'e-commerce' - Smau Milano 2014
 
Espacio Web A single. com
Espacio Web A single. com
Espacio Web A single. com
Espacio Web A single. com
 
PIWeb apre la porta al tuo business online
PIWeb apre la porta al tuo business onlinePIWeb apre la porta al tuo business online
PIWeb apre la porta al tuo business online
 
B com 2014 | PIWeb
B com 2014 | PIWebB com 2014 | PIWeb
B com 2014 | PIWeb
 
L'Informatore Agrario - Fieragricola 2012 7 passi per promuovere su web l'a...
L'Informatore Agrario - Fieragricola 2012   7 passi per promuovere su web l'a...L'Informatore Agrario - Fieragricola 2012   7 passi per promuovere su web l'a...
L'Informatore Agrario - Fieragricola 2012 7 passi per promuovere su web l'a...
 
Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Come creare un negozio onli...
Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Come creare un negozio onli...Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Come creare un negozio onli...
Con Aruba, a lezione di e-commerce. CORSO ONLINE 'Come creare un negozio onli...
 
Digital marketing per aziende estratto Facebook
Digital marketing per aziende  estratto FacebookDigital marketing per aziende  estratto Facebook
Digital marketing per aziende estratto Facebook
 

Recently uploaded

Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
nico07fusco
 
presentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptxpresentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptx
michelacaporale12345
 

Recently uploaded (20)

Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptxPancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
Pancia Asia-Pelusi Sara-La pittura romana - Copia (1).pptx
 
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
CHIẾN THẮNG KÌ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN - PHAN THẾ HOÀI (36...
 
Storia-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptxStoria-CarloMagno-TeccarelliLorenzo.pptx
Storia-CarloMagno-TeccarelliLorenzo.pptx
 
Pancia Asia_relazione laboratorio(forza d'attrito).docx
Pancia Asia_relazione laboratorio(forza d'attrito).docxPancia Asia_relazione laboratorio(forza d'attrito).docx
Pancia Asia_relazione laboratorio(forza d'attrito).docx
 
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptx
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptxPalestini Aurora-Steve Jobs,Olivetti e Gates.pptx
Palestini Aurora-Steve Jobs,Olivetti e Gates.pptx
 
magia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxmagia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptx
 
Una breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opereUna breve introduzione ad Elsa Morante, vita e opere
Una breve introduzione ad Elsa Morante, vita e opere
 
Gli isotopi scienze naturale seconda pres
Gli isotopi scienze naturale seconda presGli isotopi scienze naturale seconda pres
Gli isotopi scienze naturale seconda pres
 
Piccole Personetestoitaliano-AuroraPalestini.docx
Piccole Personetestoitaliano-AuroraPalestini.docxPiccole Personetestoitaliano-AuroraPalestini.docx
Piccole Personetestoitaliano-AuroraPalestini.docx
 
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptxPancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
Pancia Asia-La vita di Steve Jobs-Adriano Olivetti-Bill Gates.pptx
 
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptxTeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
TeccarelliLorenzo-PrimadiSteveJobselasuaconcorrenza.pptx
 
Aurora Palestinipresentazione000001.pdtf
Aurora Palestinipresentazione000001.pdtfAurora Palestinipresentazione000001.pdtf
Aurora Palestinipresentazione000001.pdtf
 
Presentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informaticaPresentazione tre geni della tecnologia informatica
Presentazione tre geni della tecnologia informatica
 
a scuola di biblioVerifica: come utilizzare il test TRAAP
a scuola di biblioVerifica: come utilizzare il test TRAAPa scuola di biblioVerifica: come utilizzare il test TRAAP
a scuola di biblioVerifica: come utilizzare il test TRAAP
 
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
Esame di Stato 2024 - Materiale conferenza online 09 aprile 2024
 
presentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptxpresentazione varietà allotropiche del carbonio.pptx
presentazione varietà allotropiche del carbonio.pptx
 
magia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptxmagia, stregoneria, inquisizione e medicina.pptx
magia, stregoneria, inquisizione e medicina.pptx
 
Le forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docxLe forme allotropiche del C-Palestini e Pancia.docx
Le forme allotropiche del C-Palestini e Pancia.docx
 
PalestiniAurora-la conoscenzatestoita.docx
PalestiniAurora-la conoscenzatestoita.docxPalestiniAurora-la conoscenzatestoita.docx
PalestiniAurora-la conoscenzatestoita.docx
 
Educazione civica-Asia Pancia powerpoint
Educazione civica-Asia Pancia powerpointEducazione civica-Asia Pancia powerpoint
Educazione civica-Asia Pancia powerpoint
 

Etsy

  • 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
  • 24.
  • 25. Marketing e Nuovi Media Prof. Derrick de Kerckhove Progetto WebDesign a.a. 2012/2013 Realizzato da Valentina Russo M12000417