Il design e-commerce è uno dei tipi più comuni - e talvolta trascurati - di progetti di design. Pensa a quanto spesso clicchi? 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 di acquisto, ma sempre più siti stanno anche iniziando a sviluppare fantastici progetti di design. Qui, esamineremo dieci siti di e-commerce che funzionano bene e sono anche fantastici.
Idem
La pagina di destinazione di Ditto presenta un'immagine gigante e uno scorrimento di parallasse per un'esperienza web unica. Le pagine di shopping sono facili da trovare e presentano immagini pulite in uno stile minimale che mette in risalto il loro prodotto - gli occhiali. Ogni articolo è chiaramente visibile e valutato. Search-ability funziona con facilità e questo sito offre un divertente bonus aggiuntivo: invia una foto e? Prova? occhiali praticamente.
Lezione per i progettisti: Il design e-commerce può presentare effetti di interfaccia utente alla moda come lo scrolling della parallasse o altre tecnologie divertenti in modi semplici.
Neronote
A prima vista, si ha la sensazione che Neronote abbia un servizio o un prodotto premium, dalla combinazione dei colori alla sensazione classica delle immagini. Il sito funziona anche con quella sensazione premium, con una navigazione semplice e facilità di acquisto. Puoi selezionare tutto, da tessuto a colore, per adattarlo mentre usi il sito per creare una maglietta italiana personalizzata. Bonus aggiuntivo: ogni immagine presenta un testo al passaggio del mouse che spiega l'elemento che stai vedendo in dettaglio.
Lezione per i progettisti: Abbina l'aspetto del tuo sito alla sensazione di ciò che stai vendendo. Un sito che offre prodotti premium dovrebbe avere un aspetto e una presentazione di prima qualità.
Tavoli in vetro online
Come apparirebbe questo tavolo in casa mia? Questa è la domanda che ogni consumatore chiede quando guarda un nuovo pezzo di arredamento. Glass Tables Online è in grado di rispondere a questa domanda mostrando la loro linea di tabelle in ambienti reali. Inoltre, l'interfaccia è incredibilmente semplice, con uno stile di design piatto e colori alti che ti fanno venire voglia di cliccare? Aggiungi al carrello.?
Lezione per i progettisti: La grande fotografia abbinata al design semplice è un buon modo per mostrare qualsiasi prodotto.
47 marca
Sei di tendenza? Appeso con la folla fighissima? 47 Brand lo riproduce magnificamente con grandi immagini a scorrimento che mostrano il loro prodotto in modi che ti fanno 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 oggetti sono chiaramente presenti in un layout in stile griglia con effetti al passaggio del mouse che mostrano le dimensioni e le informazioni disponibili. Ordinamento 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, costringendoli a comprare da una determinata azienda o sito Web.
La mia propria 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 bicicletta virtuale. (Inoltre, il prezzo cambia automaticamente, quindi non sarai sorpreso più tardi.) Questo è uno dei siti di generazione personalizzati più user-friendly in circolazione e il design è semplice e accattivante.
Lezione per i progettisti: Una semplice combinazione con potenti strumenti e opzioni di interfaccia utente è una potente combinazione.
Cravatte magre
Il design e-commerce reattivo è la nuova best practice. Quanti potenziali clienti vengono persi 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 carta che si mostra magnificamente a qualsiasi dimensione. Lo stile minimal rende ogni prodotto facile da vedere anche in dimensioni più piccole e i prezzi e gli stili sono chiaramente etichettati.
Lezione per i progettisti: Il design reattivo sta diventando uno strumento vitale per le vendite online.
Nuts.com
Nuts.com è divertente. Dalle scelte di colore al piccolo? A parlare? noci su varie pagine, gli utenti vorranno impegnarsi con il design, che combina vendite e storie. Come bonus aggiuntivo, quasi ogni parola descrittiva sulla pagina di destinazione è un link a quel prodotto. Inoltre, il sito offre più opzioni per l'aggiunta al carrello, nella visualizzazione elenco piccolo e come una visualizzazione più ampia di informazioni per ciascun elemento, ideale per gli acquirenti che sanno cosa cercano o gli acquirenti che stanno solo navigando.
Lezione per i progettisti: Offri più opportunità per i clic, in particolare i clic che possono portare alle 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 questa 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 di tè non sono un punto di vendita facile. Le opzioni di ordinamento sono belle, consentendo agli acquirenti di trovare tè in base al gusto, all'effetto desiderato o alle dimensioni del pacco.
Lezione per i progettisti: Crea un'atmosfera distinta e un'associazione visiva sui prodotti che sono più difficili da vendere con le immagini utilizzando strumenti di progettazione come il colore, le immagini e la tipografia.
Inkefx Abbigliamento e abbigliamento
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 contrasto distinto, attirandovi a loro. Una volta cliccato, le descrizioni sono belle e facili da capire. Le informazioni sul dimensionamento sono particolarmente belle, rilevando la dimensione dell'oggetto e le dimensioni del modello che lo indossa. Ad esempio:? Il modello indossa un GRANDE. 6'0 '? / 165 sterline.?
Lezione per i progettisti: Ogni immagine è un'opportunità per convertire un utente in un acquirente. Testo forte e pulsanti con? Pop? può attirare l'attenzione da un prodotto alla chiamata desiderata all'azione.
Casa Bianca | Mercato nero
?Come visto in tv.? ? Come visto nella rivista Glamour.? Indossare questi vestiti ti renderà alla moda. Rivenditore donna White House | Black Market fa un lavoro eccezionale nel comunicare quanto è popolare la loro linea di abbigliamento sul sito web, in mostra gli articoli che appaiono negli spot televisivi (che puoi guardare dal sito) o nelle riviste, rendendo facile comprare gli abiti che hai visto da qualche altra parte e ricercato.
La pagina di destinazione presenta anche una divertente interfaccia utente con interessanti effetti scroll e hover. Fai clic nella galleria di oggetti e lo stile minimo evidenzia perfettamente gli elementi, mostra i prezzi e include molte opzioni di ordinamento.
Lezione per i progettisti: Utilizza le stesse menzioni di immagini e evidenziazioni e riconoscimenti per aiutare a vendere oggetti.
Conclusione
L'obiettivo finale dell'e-commerce è il design è quello di trasformare un clic in una vendita. La grande funzionalità e il design sono un modo per arrivarci.
Dai fantastici strumenti dell'interfaccia utente, alle immagini che è impossibile ignorare o alle scelte di colore e tipo in grassetto, il fantastico design sta rapidamente diventando un punto di riferimento per i siti di vendita, che in passato si sarebbero concentrati principalmente sugli strumenti di interfaccia e interazione.
Un sito può sembrare alla moda e incoraggiare anche le vendite. In quali altri grandi siti di e-commerce hai inciampato? Condividili nei commenti.