1. Ottimizzare il design del proprio negozio online: i nuovi trend del Visual Design Alessia Caruso, Web Designer ePages

2. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. LHomepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale 3. 1. Visual Design Panoramica, importanza, nuovi trend 4. 1. Visual Design Panoramica Cos il Visual Design: il punto dincontro tra: visione - tecnologia creativit lequilibrio 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. 1. Visual Design Panoramica www.arngren.net/ Confusione Difficolt di comprensione Smarrimento FRUSTRAZIONE 6. 1. Visual Design Panoramica www.apple.it Chiarezza Comprensione immediata Semplicit SODDISFAZIONE 7. Comportamento dacquisto = 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 lutenza Credibilit del marchio Aumentare le vendite 1. Visual Design Importanza 8. Chiarezza: lutente 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. 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. 1. Visual Design Nuovi Trend 11. www.cuvea.com 1. Visual Design Nuovi Trend 12. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. LHomepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale 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. 2. Elementi di base del Visual Design Logo Ricerca Contatto Carrello Area Clienti Aiuto Menu categorie Contenuto Footer 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. 2. Elementi di base del Visual Design 17. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. LHomepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale 18. 3. Homepage: la vetrina del negozio LHomepage 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 dallesterno. 19. 3. Homepage: la vetrina del negozio 20. 3. Homepage: la vetrina del negozio Strumenti Register-ePages per modernizzare lHomepage: - 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. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. LHomepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale 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. 4. Presentazione dei prodotti Scheda prodotto amazon.it = Scheda prodotto savemybag.it 24. 4. Presentazione dei prodotti Quale prodotto comprereste? removethebackground.com Strumenti validi per eliminare lo sfondo dai vostri prodotti: clippingmagic.com 25. Agenda 1. Introduzione al Visual Design 2. Elementi di base per un Design efficace 3. LHomepage: la vetrina del tuo negozio 4. Presentazione dei prodotti 5. Un esempio reale 26. 4. Un esempio reale Lesempio da non seguire: Con un click: 27. 4. Un esempio reale Logo Testo Vetrina Dinamica Disposizione - Contenuto- Immagini 28. Se il Visual Design non non fa per voi MANCANZA TEMPO CONSULENZA PROFESSIONALIT RINNOVAMENTO 29. More about ePages Alessia Caruso Web Designer at ePages