E pages visual_design_trend_evento_e-commerce_27-05-14

297 views

Published on

Evento E-commerce Milano 27 maggio 2014
"Sfrutta al meglio le potenzialità del tuo E.commerce"

Published in: Marketing
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
297
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

E pages visual_design_trend_evento_e-commerce_27-05-14

  1. 1. Ottimizzare il design del proprio negozio online: i nuovi trend del Visual Design Alessia Caruso, Web Designer ePages
  2. 2. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. L’Homepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale
  3. 3. 1. Visual Design Panoramica, importanza, nuovi trend
  4. 4. 1. Visual Design Panoramica Cos’è il Visual Design:  È il punto d’incontro tra: visione - tecnologia – creatività  È l’equilibrio tra: colori – tipografia - immagini - simboli Utente online è condizionato da:  Sovraccarico cognitivo: semplificazione contenuti  Bagaglio cognitivo accumulato dalle esperienze precedenti: soddisfare aspettative, riduzione tempi operativi (legge dei 3 click)
  5. 5. 1. Visual Design Panoramica www.arngren.net/ Confusione Difficoltà di comprensione Smarrimento FRUSTRAZIONE
  6. 6. 1. Visual Design Panoramica www.apple.it Chiarezza Comprensione immediata Semplicità SODDISFAZIONE
  7. 7. Comportamento d’acquisto = Decisione Razionale + Emozioni Emozioni = Stimoli Visivi Il successo di un sito eCommerce è strettamente connesso alle emozioni che suscita. Creare e mantere il rapporto di fiducia con l’utenza Credibilità del marchio Aumentare le vendite 1. Visual Design Importanza
  8. 8.  Chiarezza: l’utente capisce facilmente lo scopo del sito  Semplificazione: immagini al servizio dei contenuti  Comprensione immediata: attenersi agli standard  Utilità immediata: architettura – navigazione – gerarchizzazione. 1. Visual Design Nuovi Trend
  9. 9. Register attraverso la soluzione ePages mette a disposizione tutti gli strumenti necessari per creare un negozio attrattivo e moderno. www.savemybag.it 1. Visual Design Nuovi Trend
  10. 10. 1. Visual Design Nuovi Trend
  11. 11. www.cuvea.com 1. Visual Design Nuovi Trend
  12. 12. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. L’Homepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale
  13. 13.  Posizione definita funzionalità comuni: Logo – Ricerca – Carrello – Menu Navigazione – Galleria immagini - Footer  Contenuti affidabili / Servizi di qualità: soddisfare le aspettative  Immagini di qualità su sfondo bianco  Ottimizzazione della disposizione spaziale dei contenuti 2. Elementi di base del Visual Design
  14. 14. 2. Elementi di base del Visual Design Logo Ricerca Contatto Carrello Area Clienti Aiuto Menu categorie Contenuto Footer
  15. 15. Logo Ricerca Contatto Carrello Area Clienti Aiuto Menu categorie Blocco Contenuto Footer Blocco Contenuto Blocco Contenuto Blocco Contenuto Blocco Contenuto Logo 1 Logo 2 2. Elementi di base del Visual Design
  16. 16. 2. Elementi di base del Visual Design
  17. 17. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. L’Homepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale
  18. 18. 3. Homepage: la vetrina del negozio L’Homepage è la pagina più importante del vostro negozio: come accade nei veri negozi, i potenziali clienti decidono di entrare solo se la vetrina è stata allestita in modo da risultare invitante a chi la osserva dall’esterno.
  19. 19. 3. Homepage: la vetrina del negozio
  20. 20. 3. Homepage: la vetrina del negozio Strumenti Register-ePages per modernizzare l’Homepage: - Nuovi template (in linea con i nuovi trend) - Nuova vetrina dinamica facile da usare - Nuova visualizzazione di prodotto (priorità alle immagini) - Tabelle per creare variazioni nella struttura della pagina - Eliminazione barre laterali: più spazio per le immagini
  21. 21. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. L’Homepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale
  22. 22. 4. Presentazione dei prodotti Nel commercio elettronico i clienti non possono tastare, provare o indossare i prodotti: necessità di presentare tutti i dettagli rilevanti in modo gradevole e conciso. - Schede prodotto dettagliate (informazione strutturata) - Immagini grandi e di qualità (sfondo bianco) - Viste diverse dello stesso prodotto - Zoom per risaltare i materiali
  23. 23. 4. Presentazione dei prodotti Scheda prodotto amazon.it = Scheda prodotto savemybag.it
  24. 24. 4. Presentazione dei prodotti Quale prodotto comprereste? removethebackground.com Strumenti validi per eliminare lo sfondo dai vostri prodotti: clippingmagic.com
  25. 25. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. L’Homepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale
  26. 26. 4. Un esempio reale L’esempio da non seguire: Con un click:
  27. 27. 4. Un esempio reale Logo – Testo – Vetrina Dinamica Disposizione - Contenuto- Immagini
  28. 28. Se il Visual Design non non fa per voi… MANCANZA TEMPO CONSULENZA PROFESSIONALITÀ RINNOVAMENTO
  29. 29. More about ePages Alessia Caruso Web Designer at ePages

×