Progettazione di siti Web di e-commerce: 10 esempi interessanti
Il design dell'e-commerce è uno dei tipi più comuni - e talvolta più trascurati - di progetti di design. Pensa a quanto spesso fai clic su "acquista ora" su un sito Web.
Ma cosa lo fa funzionare? La massima importanza nella progettazione dell'e-commerce è l'esperienza dell'utente e il flusso degli acquisti, ma sempre più siti stanno iniziando a sviluppare anche fantastici schemi di progettazione. Qui, esamineremo dieci siti di e-commerce che funzionano bene e sembrano anche fantastici.
Esplora risorse di progettazione
Idem
La landing page di Ditto presenta un'immagine gigante e lo scorrimento della parallasse per un'esperienza web unica. Le pagine di shopping sono facili da trovare e presentano immagini pulite in uno stile minimal che mette in mostra il loro prodotto: gli occhiali. Ogni articolo è chiaramente visibile e valutato. La capacità di ricerca funziona con facilità e questo sito offre un divertente bonus aggiuntivo: invia una foto e "prova" praticamente gli occhiali.
Lezione per i progettisti: il design dell'e-commerce può presentare in modo semplice effetti di interfaccia utente alla moda come lo scorrimento della parallasse o altre tecnologie divertenti.
Neronote
A prima vista, si ha la sensazione che Neronote offra un servizio o un prodotto premium, dalla combinazione di colori alla sensazione classica delle immagini. Il sito funziona anche con quella sensazione premium, con una semplice navigazione e facilità di acquisto. Puoi selezionare tutto, dal tessuto al colore, per adattarlo mentre usi il sito per creare una camicia italiana personalizzata. Bonus aggiunto: ogni immagine presenta un testo al passaggio del mouse che spiega in dettaglio l'oggetto che stai vedendo.
Lezione per i designer: abbina l'aspetto del tuo sito alla sensazione di ciò che stai vendendo. Un sito che presenta prodotti di alta qualità dovrebbe avere un'atmosfera e una presentazione di alto livello.
Tavoli di vetro online
Come sarebbe questo tavolo a casa mia? Questa è la domanda che ogni consumatore pone quando guarda un nuovo mobile. Glass Tables Online è in grado di rispondere a questa domanda mostrando la loro linea di tavoli in ambienti reali. Inoltre, l'interfaccia è incredibilmente semplice, con uno stile di design piatto e colori intensi che ti fanno desiderare di fare clic su "Aggiungi al carrello".
Lezione per i designer: un'ottima fotografia abbinata a un design semplice è un buon modo per mostrare qualsiasi prodotto.
47 Marchio
Sei di tendenza? Appendere con la folla cool? 47 Il marchio lo riproduce magnificamente con grandi immagini a scorrimento che mostrano entrambi il loro prodotto in modo da farti sentire parte della "folla". La landing page fa anche un ottimo lavoro di integrazione dei social media, un altro pezzo che ti fa sentire parte della linea di prodotti. L'esperienza di acquisto è altrettanto divertente. Gli articoli sono chiaramente presenti in un layout a griglia con effetti al passaggio del mouse che mostrano dimensioni e informazioni disponibili. Ordinazione con un clic senza allontanarsi dall'elenco dei prodotti.
Lezione per i progettisti: l'integrazione sociale può aiutare i consumatori a sentirsi parte del marchio, facendo loro desiderare di acquistare da una determinata azienda o sito Web.
La mia bici
Costruiscilo, compralo. My Own Bike ti consente di creare una bicicletta personalizzata e condividere l'amore del marchio con una varietà di opzioni di abbigliamento e accessori. Il processo di compilazione è semplice, aggiungi una funzionalità e guardala costruire proprio lì su una bici virtuale. (Inoltre il prezzo cambia automaticamente in modo da non essere sorpreso in seguito.) Questo è uno dei siti di build personalizzati più user-friendly là fuori e il design è semplice e accattivante.
Lezione per i progettisti: un design semplice abbinato a potenti strumenti e opzioni di interfaccia utente è una combinazione potente.
Cravatte sottili
Il design reattivo dell'e-commerce è la nuova migliore pratica. Quanti potenziali clienti si perdono quando non possono accedere alla funzionalità di un sito o acquistare direttamente da un dispositivo mobile? Skinny Ties non è solo facile da guardare, funziona su una varietà di dispositivi con un design in stile card che si adatta magnificamente a qualsiasi dimensione. Lo stile minimale rende ogni prodotto facile da vedere anche in dimensioni ridotte e prezzi e stili sono chiaramente etichettati.
Lezione per i designer: il responsive design sta diventando uno strumento vitale per le vendite online.
Nuts.com
Nuts.com è divertente. Dalle scelte di colore alle piccole "chiacchiere" su varie pagine, gli utenti vorranno interagire con il design, che combina vendite e storie. Come bonus aggiuntivo, quasi ogni parola descrittiva sulla pagina di destinazione è un collegamento a quel prodotto. Inoltre, il sito offre diverse opzioni per l'aggiunta al carrello, nella visualizzazione elenco piccola e come visualizzazione informazioni più estesa per ogni articolo, ideale per gli acquirenti che sanno cosa stanno cercando o gli acquirenti che stanno solo navigando.
Lezione per i progettisti: offrire molteplici opportunità per i clic, in particolare i clic che possono portare a vendite.
Jenier World of Teas
Quando pensi al tè, cosa ti viene in mente? Associo spesso il tè a proprietà lenitive e calmanti. Il sito Jenier World of Teas combina quell'idea con l'uso del colore - blues - e immagini e tipografia semplici e felici. Questo funziona particolarmente bene per questa linea di prodotti poiché le immagini del tè non sono un punto di vendita facile. Le opzioni di ordinamento sono piacevoli, consentendo agli acquirenti di trovare tè in base al sapore, all'effetto desiderato o alle dimensioni della confezione.
Lezione per i progettisti: creare un'atmosfera distinta e un'associazione visiva sui prodotti che sono più difficili da vendere con le immagini utilizzando strumenti di progettazione come colore, immagini e tipografia.
Abbigliamento e abbigliamento Inkefx
Ogni immagine sul sito Inkefx include un link per acquistare o saperne di più su un prodotto. Non solo le immagini sono nitide e pulite, i pulsanti e il testo circostante sono creati in uno stile che crea un netto contrasto, attirandoti su di loro. Una volta che fai clic sulle descrizioni sono belle e facili da capire. Le informazioni sul dimensionamento sono particolarmente belle, notando le dimensioni dell'articolo e le dimensioni del modello che lo indossa. Ad esempio: “Il modello indossa una GRANDE. 6'0 '"/ 165 libbre."
Lezione per i progettisti: ogni immagine è un'opportunità per convertire un utente in un acquirente. Testo e pulsanti forti con "pop" possono attirare l'attenzione di un prodotto sull'invito all'azione desiderato.
Casa Bianca | Mercato nero
"Come visto in tv." "Come visto nella rivista Glamour." Indossare questi vestiti ti renderà di moda. Rivenditore femminile White House | Black Market fa un lavoro eccezionale nel comunicare quanto è popolare la loro linea di abbigliamento sul sito Web, mettendo in mostra gli articoli che sono presenti negli spot televisivi (che puoi guardare dal sito) o nelle riviste, rendendo facile acquistare i vestiti che hai visto altrove e ricercato.
La landing page presenta anche un'interfaccia utente divertente con interessanti effetti di scorrimento e hover. Fai clic nella galleria degli articoli e lo stile minimal evidenzia perfettamente gli articoli, mostra i prezzi e include molte opzioni di ordinamento.
Lezione per i designer: usa le stesse immagini e evidenzia menzioni e riconoscimenti per aiutare a vendere oggetti.
Conclusione
L'obiettivo finale dell'e-commerce è la progettazione è trasformare un clic in una vendita. Grande funzionalità e design sono un modo per arrivarci.
Dagli eleganti strumenti di interfaccia utente, alle immagini impossibili da ignorare o alle audaci scelte di colore e tipo, il design fantastico sta rapidamente prendendo in considerazione i siti di vendita, che in passato potrebbero essersi concentrati principalmente su strumenti di interfaccia e interazione.
Un sito può apparire alla moda e incoraggiare anche le vendite. In quali altri grandi siti di e-commerce ti sei imbattuto? Condividili nei commenti.
