I siti web di e-commerce Top 60 + - I migliori design per siti Web 2019 Edition

Siti web e-commerce stanno spuntando tutto intorno a noi. Tutti hanno successo? No. La maggior parte fallisce. Ma perché? Uno dei motivi più comuni è che non mettono le esigenze dell'utente prima delle idee dell'azienda.

Buono migliorata è una delle caratteristiche chiave di qualsiasi negozio di ecommerce di successo, e senza prendersi cura di questo aspetto, sei in una battaglia in salita per guidare le vendite. E come offri un'ottima esperienza utente? Perfezionando il tuo ecommerce sito web progettazione.

Sotto troverai il mio preferito siti web di e-commerce di 2019, compilato dal nostro intero sito di e-commerce Banca dati.

Ma prima, ecco i nostri punteggi migliori piattaforme di e-commerce che la maggior parte di questi negozi di seguito utilizza per fornire UX e UI di alta qualità:

Grafico comparativo

Dettagli
Caratteristiche Facilità d'uso Prezzi Modelli e design Inventario SEO e marketing Pagamenti Sicurezza Assistenza clienti
  1. Logo Shopify

    Prova gratuita
    A partire da $ 29
    SEO friendly
    Negozio offline
    App Store
    Supporto 24 / 7

    9989899910
  2. Logo di BigCommerce

    Prova gratuita
    A partire da $ 29.95
    Blog integrato
    SEO friendly
    App Store

    878878897
  3. Logo Volusion

    Prova gratuita
    A partire da $ 15
    Social Media Tools
    mobile Commerce

    986576668
  4. Logo di Squarespace Commerce

    Prova gratuita
    A partire da $ 8
    mobile friendly
    Dominio personalizzato gratuito
    Integrazione sociale
    Supporto 24 / 7

    375765867
  5. Logo WooCommerce

    Codici di sconto SEO Friendly Friendly AnalyticsProdotti digitali

    646767765
  6. Logo Ecwid

    Supporto gratuito per l'integrazione sociale 24 / 7

    765455866
  7. Logo 3dcart

    Prova gratuita
    Integrazione sociale
    disegni personalizzati
    Certificati regalo
    App Store

    666755656
  8. Logo WIX

    Prova gratuita
    A partire da $ 8.08
    cruscotto semplice
    SEO friendly

    676456567
  9. Logo del flusso web

    pianta libera
    A partire da $ 15
    99.99% uptime

    666846554
  10. Logo PinnacleCart

    A partire da $ 29.95
    mobile friendly
    Integrazione gratuita di Doba
    Migrazione gratuita del carrello degli acquisti
    Supporto 24 / 7

    765647474
  11. Logo Weebly

    Prova gratuita
    Piano gratuito
    A partire da $ 5
    Dominio gratuito

    576465456
  12. Logo Big Cartel

    Prova gratuita
    A partire da $ 24.99
    SEO friendly
    Analisi
    Codici Sconto
    Prodotti digitali

    377345467

Questi siti web dovrebbero darti un'idea di cosa elementi dovresti concentrarti su alcuni punti e su come puoi fornire una ricca esperienza utente attraverso funzionalità aggiuntive del sito web e buoni temi.

Sotto ogni sito web abbiamo elencato una chiave unica da asporto da ciascun sito Web che puoi implementare nel tuo negozio oggi.

Ispirazione: i migliori design di siti web di e-commerce in 2019

1. PowerOnPowerOff:

PowerOnPowerOffLa homepage di Google si concentra sul perché e sui benefici del prodotto invece di saltare direttamente all'ultima vendita o promozione. Ciò che è interessante con il sito Web PowerOnPowerOff è che usano lo scorrimento lungo. Questa tecnica viene utilizzata per non affaticare l'utente durante lo scorrimento della propria home page. Le nuove informazioni sono popolate e appaiono interattive quando l'utente si sposta verso il basso nella pagina risultando in una bellissima sito di e-commerce progettazione.

Key takeaway: lo scrolling lungo può ridurre l'affaticamento dell'utente

Sito web di e-commerce realizzato utilizzando: Shopify

2. The Sill:

il davanzale

Con colori accattivanti, questo sito offre una sensazione molto pulita, semplice e allegra. The Sill crede che le piante rendano felici le persone, così come il loro negozio online. L'intero sito è fresco e rinfrescante e ha una bellissima atmosfera naturale.

Il menu di intestazione è molto intelligente ed è una delle mie funzionalità preferite in questa lista. Il divario tra 'The' e 'Sill' è fatto in modo da rispecchiare il nome dell'azienda. Mentre scorri verso il basso per guardare i prodotti le parole si uniscono e le altre opzioni si spostano a destra.

Key takeaway: menu mega interattivo

Sito web di e-commerce realizzato utilizzando: Shopify

3. Rebecca Atwood:

progettazione di siti Web di e-commerce - rebecca atwood

Rebecca Atwood è un designer tessile con sede a Brooklyn con un'esperienza di ecommerce brillante. Il prodotto finale è un negozio online su misura che sembra bello sul cellulare come fa sul desktop. Il design mostra i prodotti in uso che creano un quadro ambizioso nella testa degli utenti, in quanto possono vedere il prodotto in azione.

Quello che il sito fa bene è che offrono un'opzione click to buy, simile a quello che vedi Instagram dove puoi essere immediatamente trasportato alla pagina del prodotto.

Key takeaway: Clicca per acquistare

Sito web di e-commerce realizzato utilizzando: Shopify

4. Gelso:

sito web e-commerce - mullberry

Gelso è una società audace con un sorprendente sito di e-commerce design. Vedi grandi foto colorate e meno parole con questo tipo di design del sito web. Se stai cercando di progettare un negozio online di moda di fascia alta, Mulberry è il luogo perfetto per trarre ispirazione.

Lo zoom di Mulberry per librarsi con la tecnica sulle immagini richiede all'utente di fare clic sull'elemento e evidenzia anche la qualità ad alta risoluzione delle immagini. Se hai familiarità con i CSS o vuoi passare questo al tuo web designer, ecco una semplice guida pratica.

Key takeaway: zoom al passaggio del mouse

Sito web di e-commerce realizzato utilizzando: Amplience

5. Il negozio del New York Times:

sito di e-commerce - il negozio di New York Times

Una cosa che rende davvero Il negozio del New York Times il sito web è l'organizzazione e la tipografia. I caratteri rappresentano perfettamente il marchio del New York Times. Le diverse opzioni di prodotto sono disposte in una griglia pulita rendendo la navigazione e lo shopping un gioco da ragazzi.

Quello che fanno anche bene è che mettono in risalto il typogrpahy per i loro articoli Best Sellers e Sale nell'header che è sottile, ma attira automaticamente il tuo sguardo sui prodotti.

Key takeaway: tipografia facilmente identificabile

Sito web di e-commerce realizzato utilizzando: Shopify

6. The Owl:

sito web di e-commerce - il gufo

Il motivo Gufo è sulla lista è la loro strana assumere sito di e-commerce design. La homepage non è ciò che assomiglia alla maggior parte dei negozi online. Non è una brutta cosa perché rende creativo il loro web design. La creatività aiuta i negozi a distinguersi. Fare qualcosa di diverso può aiutare molto la tua linea di fondo.

La loro homepage è molto minimalista e hanno un video che viene riprodotto automaticamente per evidenziare i loro prodotti. Di nuovo è molto spigoloso e quasi incantevole. A causa del loro design minimalista, il video non influenzerà la velocità di caricamento degli utenti sul sito web.

Key takeaway: riproduzione automatica dei video sulla tua home page

7. Barone Fig:

barone fig

Questa sito di e-commerce il design è pieno di grandi elementi di design. Il primo è la fotografia minimalista e nitida. Il secondo è la grafica divertente e le frasi accattivanti. La combinazione di colori correla e complimenta il prodotto. Se stai cercando un sito che utilizza una varietà di elementi per creare una sensazione coesiva, Baron Fig è perfetto per te.

Leggermente sotto la piega della homepage, Baron Fig mostra una visualizzazione a rotazione di frammenti di articoli di stampa di aziende come GQ, Buzzfeed e New York che attirano immediatamente la vostra attenzione.

Key takeaway: carosello di commenti da parte della stampa

Sito web di e-commerce realizzato utilizzando: Shopify

8. Faro:

sito web e-commerce - faro

Faro è un progetto di design collaborativo che vende poster per sempre. Il sito web sembra una galleria d'arte online. I prodotti vengono visualizzati come poster reali appesi a un muro. Il design è semplice con pochissimo testo e nessun menu non necessario.

Attraverso alcune tecniche HTML, Beacon ha anche lo spostamento delle immagini di sfondo che attira immediatamente la tua attenzione.

Key takeaway: spostamento delle immagini di sfondo

Sito web di e-commerce realizzato utilizzando: Shopify

9. Packwire:

sito web e-commerce - packwire

Scorrimento attraverso il Packwire homepage è un'avventura entusiasmante in cui non si sa cosa succederà dopo. Le caratteristiche del design sono completamente diverse da qualsiasi altro sito. Ci sono divertenti pop-up e cursori che coprono l'intero sito web. Packwire ha creato un sito Web sexy per un'attività molto poco professionale.

A causa del loro design complesso e delle animazioni, la velocità di caricamento della pagina può essere piuttosto lunga. Tuttavia, Packwire ha utilizzato un disimballaggio della scatola e l'imballaggio stesso per indicare che la pagina si sta caricando. È unico per il business e rende il tempo di attesa molto meno laborioso.

Key takeaway: icona di caricamento unica

10. Caroline Z Hurley:

sito web e-commerce - caroline z hurley

La grande foto mozzafiato sul Caroline Z Hurley homepage dà l'impressione di come sarà il resto del design del sito web. Le fotografie divertenti e semplici vendono il prodotto senza nemmeno provarlo. I clienti non sono bombardati dalle opzioni di prodotto.

La signora nella foto sta chiaramente ammirando il prodotto così tanto che non si rende nemmeno conto che la fotocamera è lì. Si distacca davvero dalle immagini scorte di formaggio e standard di qualcuno che sorride al prodotto.

Key takeaway: fotografia fuori dalla scatola

Sito web di e-commerce realizzato utilizzando: Shopify

11. beatifico:

sito web e-commerce - beatif

beatifico usa una grande varietà di contenuti digitali come foto, animazioni e illustrazioni per trasmettere con successo il suo messaggio. La combinazione di colori e caratteri crea un marchio giovane e giocoso che è evidente in tutto il sito.

Questa sensazione giovane e amichevole è rafforzata dal plugin Facebook Messenger allegato al sito. Se sei già collegato a Facebook, puoi inviare messaggi istantaneamente a qualcuno. È possibile connettersi a questo sito Web oggi tramite plugin per chat clienti.

Key takeaway: collega Facebook Messenger

Sito web di e-commerce realizzato utilizzando: Shopify

12. Storm London:

sito web di ecommerce - tempesta londra

Tempesta si concentra sulla dimostrazione dell'alta qualità dei loro orologi. Non appena sei sulla homepage di questo sito di e-commerce, vieni accolto con descrizioni e foto di ogni orologio. Lo straordinario design di questo sito Web mette in evidenza anche i più piccoli dettagli per invogliare il potenziale acquirente.

Tanto che Storm non include effettivamente il piè di pagina sulla loro homepage, perché diciamocelo non c'è niente di interessante lì dentro. Per non attirare l'attenzione sul prodotto, è possibile fare clic su un segno più per estendere il piè di pagina.

Key takeaway: Expander Footer

Sito web di e-commerce realizzato utilizzando: Shopify

13. Wolf Gang:

banda di lupi

La cosa che rende il Wolf Gang sito unico è il design scuro e pesante. Molti siti adottano un design più luminoso con colori vibranti, ma Wolf Gang è l'esatto contrario. La tipografia è audace e in faccia. Il sito attira subito la tua attenzione.

Ciò che anche Wolf Gang fa bene è che tolgono la fatica dallo scrolling. Con un colpetto di palla nel tuo mouse e ti muovi auotmaticamente verso la sezione successiva, molto intelligente.

Key takeaway: scorrimento della sezione

14. MSMG:

sito web e-commerce - msgm

MSMG è il classico esempio di utilizzo di colori vivaci e foto.

Quello che mi ha colpito di più del MSMG è stato il fatto che il cursore del mouse si è trasformato in un M. Sì, forse a questo punto pensi che sia molto 1990! Sì, lo è, ma la gente ama la nostalgia e il ritorno al passato. È tempo di abbracciarlo per il tuo sito web?

Key takeaway: abbracciando retrò

15. Un altro:

sito di e-commerce - un altro

Un altro usa un pulsante appiccicoso che mantiene il nome della società in primo piano rispetto a dove vai sul sito. Il design complessivo è elegante ma indimenticabile. Offre un design a griglia che attira facilmente l'occhio da una cosa all'altra.

Il loro sito web è diviso direttamente nel mezzo. AN Altro semplicemente ruota il testo e le immagini per renderlo interessante, questo rende il sito molto più semplice da guardare, piuttosto che un sito web che non ha simmetria o ordine.

Key takeaway: anche le sezioni rendono il design più pulito

Sito web di e-commerce realizzato utilizzando: WooCommerce

16. Due Chimps Coffee:

sito web e-commerce - due caffè chimp

L'unicità del marchio risplende come Due scimpanzé priorità numero uno. Il menu dell'hamburger ha un design raro e si apre. L'intero sito è pieno di caratteristiche distinte.

Quando provi a lasciare il sito web ti viene mostrato un pop-up "Please Do not Go" con un call to action (CTA) che dice "Dammi un po '", è molto giocoso e batte il molto originale "aggiungi al carrello" .

Key takeaway: CTA intelligenti

Sito web di e-commerce realizzato utilizzando: WooCommerce

17. Non un altro conto:

sito web e-commerce - non un altro contoNon un altro conto è un ottimo esempio di design di un negozio online che spicca tra la folla. I loro prodotti sono belli e puliti. Il sito web design utilizza il colore dei prodotti e lo spazio bianco sullo sfondo per mostrare i prodotti artistici.

Si costruiscono su di essere un sito web che offre regali unici. Questo è evidenziato dalla loro discesa sulla homepage che ti porta direttamente al prodotto che desideri. Ad esempio, in due clic puoi trovare "Biglietti d'auguri" per "Adolescenti, questo semplifica davvero il processo.

Key takeaway: semplifica il modo in cui le persone trovano i tuoi prodotti

18. Sense6:

sense6

Sense6La mancanza di colore lo distingue dalla massa. L'intero sito è principalmente in bianco e nero. Gli pochissimi altri colori utilizzati sul sito sono intenzionali e minimi. Ci sono piccoli pop d'oro per dirigere l'occhio verso determinati menu e pulsanti.

Key takeaway: Less è più con il colore

19. Manolo Blahnik:

sito web di e-commerce - manolo blahnik

Manolo Blahnik ha una carriera che si estende su anni 40, quindi il loro sito web deve riflettere quanto sono prestigiosi.

Quando scorri verso il basso la pagina, assomiglia a una passerella che è molto in linea con il loro marchio. Manolo ha creato un effetto ombra anche dietro i loro prodotti, il che è piuttosto unico in questo elenco.

Key takeaway: usa un effetto ombra sulle tue immagini per aggiungere impatto

20. Unione Nativa:

sito web di e-commerce - unione nativa

Il banner scorrevole rende il sito interattivo per l'utente e facile da navigare nelle diverse pagine. L'uso delle immagini in tutto il sito è più coinvolgente del solo testo e rappresenta meglio i prodotti. Le foto dei prodotti sono frontali e centrali e lasciano all'utente meno domande.

Quando si utilizza il menu di intestazione Native Union, i sottoprogrammi vengono evidenziati senza che sia necessario fare clic su di essi. Un ulteriore vantaggio è che le icone vengono utilizzate per consentire agli utenti di identificare facilmente ciò su cui farebbero clic.

Key takeaway: utilizza le icone per visualizzare i prodotti

Sito web di e-commerce realizzato utilizzando: BigCommerce

21. Davvero ben fatto:

sito di e-commerce - davvero ben fatto

Davvero ben fattoIl sito web è, beh, davvero ben fatto. Se stai cercando un buon esempio di come incorporare i tuoi feed di social media, questo sito è l'esempio perfetto. Really Well Made mostra il feed di Instagram direttamente sulla home page. È un modo eccellente per aumentare la fiducia dei clienti.

Inoltre mettono in risalto il loro blog in modo vivido sulla loro homepage. Gli articoli sono fantastici e li aiutano ad evidenziare la fotografia che non possono utilizzare sulle loro pagine di prodotto.

Key takeaway: evidenzia il tuo blog in cui puoi essere meno vendibile, la gente lo apprezzerà.

Sito web di e-commerce realizzato utilizzando: Shopify

22. Myro:

sito web di e-commerce - myro

Il prodotto di Myro non è molto da guardare, è essenzialmente un contenitore di ricarica riciclabile, quindi è fondamentale creare uno stile di vita attorno al proprio prodotto e portarlo alla vita nel design del proprio sito web.

Per mostrare la semplicità del loro prodotto, Myro usa una gif interattiva sotto la piega della pagina iniziale che ti morde davvero e mette in evidenza l'uso e l'efficacia del prodotto in pochi secondi.

Key takeaway: utilizza gif interattive per mostrare il tuo prodotto in azione

Sito web di e-commerce realizzato utilizzando: Shopify

23 Kaffefamiljen:

sito web e-commerce - kaffefamiljen

Le infografiche sono un modo divertente ma efficace per descrivere un prodotto e un'azienda. Lo scompone per il cliente e lo rende piacevole da guardare. Kaffefamiljen è l'esempio perfetto di usare correttamente le infografiche per disegnare nell'utente.

Quello che fanno anche bene è usare un linguaggio come "il tuo caffè", "benvenuti in famiglia" e "ciò che più ti si addice". Ti senti davvero parte del marchio quando un'azienda fa questo.

Key takeaway: usa un linguaggio inclusivo nel design del tuo sito web

24. Michael Petrov - Emersion:

homepage di emersion

Emersione è un design semplice ma sorprendente. Dispone di sette diverse pagine di scorrimento. Ogni pagina è simile con una piccola quantità di testo e un'illustrazione. I pochissimi elementi di design utilizzati creano un impatto notevole.

Anche se questo potrebbe non essere troppo rilevante sul tuo sito web ma Emersion usa l'impaginazione nell'angolo in basso a destra per informare l'utente di quante pagine sono rimaste. Questo assicura che il cliente non si stia frustrando.

Key takeaway: utilizza l'impaginazione per ordinare la fatica

Sito web di e-commerce realizzato utilizzando: Facile Digital Download

25. La profumeria del Burren:

sito di e-commerce - la profumeria di burren

Il sito Burren Perfumery fa molto affidamento sui colpi di stile di vita dei loro prodotti. Ci sono bellissime foto del loro profumo che vengono fatte e usate. La composizione delle foto è fantastica. Hai notato anche il loro font divertente?

Il design del sito Web della homepage di Burren è impostato in modo tale che gli utenti acquistino automaticamente il loro marchio. La fotografia sullo stile di vita unita alla loro storia è una tattica fantastica nel disegnare le persone.

Key takeaway: spiega la tua attività e invita i clienti a comprarti

Sito web di e-commerce realizzato utilizzando: Shopify

26. Via Copenhagen:

sito di e-commerce - via copenaghen

La pagina di destinazione di Via Copenhagen non scorre continuamente, ma cambia completamente le pagine mentre si scorre. È audace e mosso, facendo saltare fuori dallo schermo ogni prodotto. La palette di colori neutri è sorprendente.

Key takeaway: sostituisci intere pagine con una pergamena

27. Salva Khaki

sito web di ecommerce - salva khaki

Il design di Save Khaki è molto minimalista, con una forte enfasi sulle immagini che allunga la larghezza della pagina.

Puoi leggere articoli e rapporti sul motivo per cui non è consigliabile utilizzare un carosello sulla tua home page. È stato segnalato che promuove la messaggistica mista e dà l'impressione che il negozio non sappia cosa vuole mostrare.

Tuttavia, fatto bene e può dare al tuo sito web una grande estetica. Salva Khaki non spingere messaggi diversi che usano per evidenziare i loro prodotti nell'uso quotidiano, mentre le opzioni Uomo e Negozio per Donna rimangono statiche, così le persone possono decidere di acquistare quando lo desiderano.

Key takeaway: utilizza i caroselli per promuovere i tuoi diversi prodotti

Sito web di e-commerce realizzato utilizzando: Shopify

28. Buffy Comforters:

sito web di ecommerce - buffy

La foto di sfondo consente all'utente di saltare direttamente su quel divano e di accoccolarsi sotto il Buffy consolatore. Buffy afferma di essere la consolatrice più soffice, morbida e leggera di sempre e il sito Web lo rende più che credibile. Si vende il prodotto senza sforzo.

Inoltre, non appena inizi a scorrere, Buffy offre un codice di sconto come pop-up. Questa è una tecnica ovvia ma è molto efficace.

Key takeaway: pop-up con offerta di sconto

Sito web di e-commerce realizzato utilizzando: Shopify

29. 450 GSM:

sito web e-commerce - 450 gsm

450 GSM non ha un sito web di fantasia. È pratico e ideale per l'azienda che viene presentata. 450 GSM dimostra che non è necessario andare in mare per avere un sito Web di bell'aspetto. Va bene essere semplice e facile da navigare.

Se scopri che il tuo settore non è in genere il più interessante, allora non provare e creare qualcosa che non è.

Key takeaway: Less is more

30. Solo una volta:

sito web e-commerce - solo / una volta

La disposizione dei manufatti vintage è eccezionale. I diversi artefatti sono allineati in una griglia ordinata rendendo la navigazione facile. L'uso di spazi bianchi attorno a ogni quadrato di prodotto rende il sito pulito e organizzato. Le foto trasmettono il fascino, il carattere e la storia di ogni pezzo.

Ancora una volta questo è un ottimo esempio di come i prodotti nostalgici possano funzionare bene. Le persone amano il passato e il design semplice di Only / Once consente ai prodotti di parlare.

Key takeaway: portare il retro fino ad oggi è molto popolare

31. Esopo:

aesop homepage

Il sito sito di e-commerce progettazione di Esopo si concentra sulla bellezza e naturalezza della loro linea di prodotti per la cura della pelle. È composto da foto ravvicinate del prodotto e della sua confezione. Questo sito di e-commerce è un buon esempio di come fotografare prodotti di bellezza e cura della pelle in modo sofisticato.

Questa sofisticazione è supportata da quanto respiratore danno ai prodotti. La maggior parte delle aziende si concentra su un logo enorme e un menu gigante. Ammettiamolo, i clienti non si preoccupano del tuo logo e cercheranno il tuo menu, non dovrebbe dominare la pagina.

Key takeaway: grandi menu e loghi non sono importanti

32. MAKR:

sito web e-commerce - makr

La pagina di destinazione è specifica per MAKR ancora interattivo per l'utente. Dispone di file di diversi prodotti in pelle che cambiano colore mentre l'utente si libra sopra di loro. Questo non solo mette in mostra i diversi prodotti e colori, ma genera interesse.

Inoltre mostra come i diversi prodotti sembreranno abbinati a vestiti diversi. Le persone possono apprezzare un prodotto, ma come si adatta a ciò che indossano? Vale la pena tenerlo a mente.

Key takeaway: mostra i tuoi articoli accessori con vestiti diversi

Sito web di e-commerce realizzato utilizzando: Magento

33. 42 / 54:

42

42 / 54 usa colori vibranti a loro vantaggio. Questo sito di e-commerce non evita di sfoggiare colori di sfondo audaci. Ma noti che il loro generale sito di e-commerce il design è piuttosto leggero in generale. I colori accesi sono piccoli accenti.

Analogamente ai precedenti siti Web menzionati qui, 42 / 54 mostrano che un menu di intestazione non è inizialmente importante. Il menu viene inserito solo quando scorri verso il basso, il che conferisce maggiore enfasi alla collezione Autunno / Inverno che promuove e aumenta la percentuale di clic.

Key takeaway: inserisci un menu principale dopo aver evidenziato i tuoi prodotti

Sito web di e-commerce realizzato utilizzando: Shopify

34. Semplicemente cioccolato:

sito web e-commerce - semplicemente cioccolato

Il design di questo negozio di ecommerce con sede in Danimarca, con sede in Danimarca, offre uno spazio sufficiente per lasciare che ognuno dei suoi prodotti brilli individualmente. Quando scorri verso il basso nella pagina, una nuova barra di cioccolato galleggia al centro della pagina, con ciascuna barra di cioccolato che riprende un tema di colore individuale e un nome divertente.

Il design del sito web di questo negozio di ecommerce è uno che non può essere paragonato a molti altri in questo elenco. Il menu è in realtà di lato per cominciare. Quello che fanno bene è che le immagini di sfondo aiutano a dirti di più sul prodotto. Piuttosto che usare parole, Simply Chococlate usa solo immagini di fragole e noci.

Key takeaway: utilizza le tue immagini di sfondo per descrivere i tuoi prodotti

Sito web di e-commerce realizzato utilizzando: WooCommerce

35. Volumi di dimensione:

volumi di dimensioni

La cosa più notevole di Volumi di dimensione sito di e-commerce è la tipografia audace. Il carattere grande attira la tua attenzione e crea dimensioni per l'intero sito. Il carattere è solo un po 'più spesso di quello che vedi in linea. Rende ancora più interessante il design del sito web.

Key takeaway: non aver paura di essere GRASSETTO con il tuo testo

36. Ingegneria adolescenziale:

sito web di e-commerce - l'adolescenza per l'adolescenza

Ingegneria adolescenziale ha uno dei migliori design siti web di e-commerce in ingegneria. Sembra esattamente come ti aspetteresti da un sito di ingegneria, ma ha anche un aspetto giovane e moderno. Lo sfondo nero e il carattere bianco lo fanno risaltare.

Stanno anche usando ripetutamente lettere minuscole, che è sicuramente una tendenza che molte aziende stanno adottando per attirare un pubblico più giovane, che lo preferisce.

Key takeaway: la minuscola è in. Ok

37. Vipp:

sito web e-commerce - vipp

Vipp vende articoli per la casa minimalista. Il loro sito web segue l'esempio con un design minimalista. I prodotti sono ben organizzati, ma non in una vista noiosa della griglia. Questo sito mostra che va bene attenersi alle nozioni di base cosparse di alcune caratteristiche fantasiose.

Quello che mi piace di Vipp è il modo in cui hey evidenzia il loro prodotto in uso dopo averlo spostato. Agli utenti piace la fotografia in studio lucidata e, in questo modo, viene data loro entrambe le opzioni.

Key takeaway: concilia la tua fotografia in studio con la fotografia di lifestyle

38. Staud:

sito web e-commerce - staud

Staud è un altro esempio di sito di e-commerce design che utilizza colori brillanti. I colori sono utilizzati nelle foto, nel prodotto e negli sfondi. Il testo è tutto in bianco e nero. Il bilancio qui è molto buono.

Quello che STAUD fa bene è che la loro offerta pop-up rimane appiccicosa sulla loro pagina web sul lato destro. La maggior parte delle persone può e fa clic sulle offerte pop-up, quindi è importante mantenerla nella propria visione.

Key takeaway: usa un appiccicoso widget di menu a destra per pubblicizzare il tuo sconto di benvenuto

Sito web di e-commerce realizzato utilizzando: Shopify

39. Mallika Favre:

"Sito di ecommerce - malika favre

Malika Favre è un design per il tuo sito web. Elimina completamente l'uso dello spazio bianco e utilizza una grafica colorata e luminosa sull'intero schermo. Questo sito di e-commerce il design è sia memorabile che creativo.

Un altro grande utilizzo di immagini interattive, Mallika ha il display del prezzo quando l'utente si libra sopra il prodotto.

Key takeaway: visualizza i prezzi e i nomi dei prodotti quando gli utenti passano il mouse sopra

Sito web di e-commerce realizzato utilizzando: Grande cartello

40. Verk:

sito web e-commerce - verk

VerkLa home page si concentra molto sullo scopo, l'ingegneria e lo standard elevato del prodotto. Non saltano subito nella vendita dei loro beni. Parlano di qualità e orgoglio invece dell'ultima vendita o promozione. L'intera tattica mostra al cliente che a Verk interessa ognuno dei loro orologi.

Verk pubblicizza i propri orologi come "minimalisti", quindi non sorprende che il loro sito web rifletta questo. Sono una società molto consapevole del proprio marchio.

Key takeaway: assicurati che il tuo sito web rispecchi la tua marca

Sito web di e-commerce realizzato utilizzando: Shopify

41. DARE LA PRECEDENZA:

DARE LA PRECEDENZA ha organizzato tutte le foto del prodotto in un design a griglia unico con tutto il testo importante proprio sopra le foto. La homepage è bellissima con un testo molto minimale. Tutto il testo e le informazioni sono ben nascosti in una griglia di hamburger sulla sinistra.

Il mega menu di YIELD è eccezionale nel suo design. È possibile rilasciare i livelli 3 su un prodotto, ma allo stesso tempo non sembra eccessivo, a causa del fatto che i menu sono stati progettati in modo diverso.

Key takeaway: non aver paura di vedere il tuo mega menu in una sottosezione secondaria

Sito web di e-commerce realizzato utilizzando: Shopify

42. Charlotte Stone:

sito e-commerce - pietra di charlotte

Questo è un esempio di un negozio di ecommerce per calzature da donna con un aspetto stilistico molto morbido. I colori principali che vedrete qui sono rosa chiaro, giallo e bianco, accompagnati da motivi morbidi. Questo sito di e-commerce il design si sposa bene con il prodotto che puntano a vendere. Sembra molto femminile e fresco, con il font che corrisponde al resto del look del sito.

Ciò che Charlotte Stone fa bene è che non impongono vendite su di te. Vogliono solo farti iscrivere alla loro newsletter, lo fanno cambiando il colore dello sfondo ogni pochi secondi sul modulo di iscrizione.

Key takeaway: attira l'attenzione sui moduli di iscrizione cambiando il colore

Sito web di e-commerce realizzato utilizzando: Shopify

43. Minna May Designs:

sito web e-commerce - minna maggio

Come un'azienda specializzata in lettering a mano e illustrazioni, ci si aspetterebbe di vedere tecniche simili su Maggio maggio sito web. Il sito presenta caratteri meravigliosi, colori chiari e immagini delicate. Il design dietro l'azienda emerge in ogni aspetto sul sito web.

La differenza tra Minna May e gli altri negozi è che vendono i loro prodotti su altre piattaforme. Tuttavia, usano il loro sito web per funzionalità extra di design e per evidenziare la loro storia.

Key takeaway: utilizza il tuo sito web come portale per il tuo negozio Etsy

Sito web di e-commerce realizzato utilizzando: Squarespace

44. Triangl:

sito web di ecommerce - triangl

Triangl mette in mostra i loro costumi da bagno in un modo unico e diverso. Invece dei costumi da bagno disposti nella griglia tipica, sono organizzati da tre su un cursore. Il prezzo e altre informazioni non sono focalizzati. Il sito utilizza anche grandi quantità di spazio bianco per dirigere l'occhio.

Key takeaway: lo spazio bianco non è lo spazio di waster

Sito web di e-commerce realizzato utilizzando: Shopify

45. Bacca:

sito web di ecommerce - bacca

Bacca vende supporti per laptop in legno fatti a mano. Loro sito di e-commerce il design è pieno di grandi elementi di design. Il primo sono i colori e la grafica divertenti che vedi nella parte inferiore della loro homepage. Il secondo sono le foto di qualità dei loro stand. Si noti che le tribune sono isolate senza nulla sullo sfondo. Questo aiuta il prodotto a distinguersi.

Key takeaway: usa sfondi semplici per le tue immagini

46. Umbra Shift:

sito web e-commerce - umbra shift

Non è raro che le home page dei siti web continuino all'infinito, con tutti i tipi di informazioni e foto. Umbra Shift prende l'approccio completamente opposto. Ha una homepage molto breve dandogli un sentimento meno travolgente. Questo aiuta il cliente a sentirsi più a suo agio.

Umbra usa molto bene lo spazio ei suoi prodotti dominano la loro homepage, questo assicura che sembreranno grandi su qualsiasi dispositivo.

Key takeaway: utilizza l'intera larghezza del tuo sito web

Sito web di e-commerce realizzato utilizzando: BigCommerce

47. Fitzy:

sito web e-commerce - fitzy

La fotografia su Fitzy è assolutamente superba.

Una rapida scansione del loro sito web e puoi vedere i portafogli passaporto visualizzati ai tavoli della colazione, una borsa in stile ciliegio tra alberi di ciliegi e cinture circondati dai materiali che li hanno creati.

I prodotti fatti a mano e il boom di etsy sono enormi nel mondo dell'e-commerce. Ciò che Fitzy fa bene è mostrare questo come il loro slogan e rinforzarlo con la loro fotografia ravvicinata.

Key takeaway: vendere prodotti fatti a mano? Dai autenticità mostrando come li hai fatti

Sito web di e-commerce realizzato utilizzando: Shopify

48. Memoria di sola lettura:

sito web di e-commerce - leggi solo memoria

Memoria di sola lettura libri pubblicati sui videogiochi, quindi ha senso solo avere un sito web con un design simile a un videogioco. Simile alla compagnia, il sito è il mix perfetto di videogiochi e progetti di libri. È dotato di un grande sistema a griglia di blocco per organizzare i prodotti.

Un altro buon uso di un menu appiccicoso qui, questa volta sulle pagine dei prodotti in cui le opzioni di add-to-cart e checkout ti seguono appena fai clic su un prodotto

Key takeaway: utilizza menu persistenti nella pagina del tuo prodotto per aiutare le tue conversioni

Sito web di e-commerce realizzato utilizzando: WooCommerce

49. Buoni stati d'animo:

sito web e-commerce - buon umore

Buoni stati d'animo è uno dei siti web più esteticamente gradevoli. È una miscela perfetta di audacia e luminosità, ma morbida e tenera. Caratterizza la fotografia di lifestyle bella. La tavolozza dei colori ha una natura rilassante.

Good Moods ha più follower di 15k su Instagram e guardando il loro sito web puoi vedere che sono grandi per la fotografia. Quindi, se lo hai ostentato, integra le tue piattaforme di social media nel tuo sito di e-commerce disegno

Key takeaway: evidenzia il tuo Instagram se sei grande sulla fotografia

50. Aida mangia:

sito web di e-commerce - aida mangia

Ci sono così tante cose positive da dire su questo sito; tuttavia, lo terrò breve. La tagline qui è semplice, brillante e davvero così incisiva. Dice subito ai clienti che sono nel posto giusto;

'Mangia bene. Intrattieni facilmente ».

Quindi, dai consumatori get-go, sai cos'è Aida Eats.

Amiamo anche le immagini sulla home page. Presentano alcuni dei loro prodotti preferiti con pacchetti aperti con diversi snack che si riversano fuori da essi.

Questo è incredibilmente intelligente.

Non solo sembra impressionante, ma mostra anche al cliente le merci che Aida Eats ha da offrire. Il cliente è esposto ai suoi prodotti senza nemmeno dover cercare nulla: è geniale!

Key takeaway: dai qualche pensiero al tuo slogan. Disegna qualcosa con cui i tuoi clienti si relazioneranno e, si spera, ricordi. Dovrebbe evidenziare ciò che il tuo marchio rappresenta in poche parole.

Sito web di e-commerce realizzato utilizzando: Shopify

51. Moleküle:

sito web e-commerce - molekule

Molekul sfrutta al massimo il loro enorme video banner sulla loro homepage. Mostra il loro prodotto principale in azione oltre a dare ai visitatori uno sguardo sulla scienza che sta dietro ai loro depuratori d'aria. Questo fa miracoli per costruire fiducia e credibilità con il loro pubblico.

Ci piace anche che mentre scorri verso il basso, la prima cosa che vedi è la prova della loro eccellenza. Hanno elencato i premi che hanno vinto per i loro prodotti insieme a un piccolo logo che rappresenta il premio. Ad esempio: il miglior nuovo prodotto in 2017 dagli Edison Awards.

Key takeaway: pubblica prove sociali sulla tua home page per aumentare la credibilità.

52. Kaptain:

sito web di e-commerce - Kaptain

Se stai vendendo solo alcuni prodotti selezionati, fai una foglia dal libro di Kaptain. Sulla loro homepage, mantengono le cose incredibilmente semplici consentendo ai loro prodotti di parlare da soli. Tutto ciò che hanno sono alcune immagini cliccabili su uno sfondo bianco.

Dopo tutto, sai cosa dicono - 'un'immagine parla più di mille parole'.

Key takeaway: declutter la tua homepage. Ricorda, meno è di solito più.

53. Fornitura di favore:

sito web di e-commerce - Negozio di forniture Boon

La maggior parte delle persone vuole donare soldi in beneficenza. Quindi, Boon Supply lo mette fuori gioco permettendo ai clienti di dare 40% del costo totale del loro acquisto, alla carità di loro scelta.

Questo USP è evidenziato nella loro tagline, quindi le persone sanno subito cosa rende Boon Supply diverso dai suoi concorrenti.

Key takeaway: includi il tuo USP nella tua tagline.

Sito web di e-commerce realizzato utilizzando: Shopify

54. Austin Eastciders:

sito di e-commerce - austin store di eastciders

La copia su Austin EastcidersL'homepage è piuttosto impressionante. Una volta che scorri il loro impressionante banner video, raggiungi una presentazione che evidenzia i loro prodotti preferiti.

Sicuramente sanno come posizionare i loro prodotti per attirare il loro target demografico. Usano parole come; "Champagne secco", "contiene solo 3g di zucchero", "attenendosi alle tue risoluzioni" - vedi cosa fanno qui ... identificano le esigenze dei loro clienti e spiegano in che modo il loro prodotto soddisfa quel bisogno.

Key takeaway: conosci il tuo pubblico e assicurati che si rifletta sulla tua copia.

Sito web di e-commerce realizzato utilizzando: Shopify

55. Pacchetto Negozio gratuito:

sito web e-commerce - negozio di pacchetti gratuiti

Una delle cose migliori di Pacchetto Negozio gratuito è la sua confezione senza plastica. Questo è uno dei loro USP, e lo rendono ben noto sia nella loro intestazione (dove offrono anche la spedizione gratuita per ordini totalmente $ 25 o più) e più in basso nella loro homepage.

Key takeaway: se sei in grado di offrire la spedizione gratuita, fallo - i clienti adorano questo! Un aumento delle conversioni è quasi inevitabile.

Sito web di e-commerce realizzato utilizzando: Shopify

56. The Goodwell Company:

sito web di e-commerce - la società Goodwell

Di solito, non sono un fan dei moduli pop-up opt-in, perché, nel complesso, infastidiscono i visitatori. comunque, il Goodwell Company offre uno favoloso!

I visitatori possono girare la ruota per avere la possibilità di vincere uno sconto quando forniscono il loro nome e indirizzo email. Questo è un modo divertente di fornire valore ai tuoi clienti.

Key takeaway: trova e usa uno stile unico di modulo opt-in. È molto più probabile che i clienti si impegnino in questo.

Sito web di e-commerce realizzato utilizzando: Shopify

57. Fiore:

sito web e-commerce - blume

Mentre scorri Fiorenella home page di Google, vedrai che ripartono esattamente come usare e ordinare una scatola di abbonamento, il che semplifica enormemente la comprensione del processo da parte dei clienti.

Nel caso di Blume, tutto ciò che devi fare è scegliere quello che vuoi, scegliere la frequenza con cui desideri ricevere una delle tue scatole personalizzate, quindi cancellarla ogni volta che vuoi, quanto è semplice ?!

Key takeaway: mantieni semplice la tua copia per raggiungere i clienti che non hanno familiarità con il tuo marchio.

Sito web di e-commerce realizzato utilizzando: Shopify

58. Recesso

sito di e-commerce - Negozio di dischi

Amo il loro motto e l'uomo lo fanno sapere. Le parole "abbiamo inscenato un sentimento" sono intonacate in cima alla loro homepage.

Quindi, accanto al motto, c'è una lattina che galleggia accanto a nuvole in movimento, che emettono un'atmosfera paradisiaca.

Questo ha senso. Le persone vogliono sentirsi bene. È davvero così semplice- e Recesso ha capitalizzato su questo con il loro web design e copywriting.

Key takeaway: pensa a ciò che i tuoi clienti desiderano provare e fai appello a questo tramite il tuo web design.

59. Coppia:

sito web e-commerce - coppia

Nell'angolo in basso a destra di CoppiaL'homepage di è una casella di chat. Questo dà ai visitatori accesso immediato al team di supporto di Coppia.

Le chat box fanno miracoli per migliorare il servizio clienti e per mostrare ai visitatori che si dedicano a rispondere alle loro domande e domande in modo tempestivo.

Key takeaway: considera l'utilizzo di un plug-in di chat per migliorare la qualità del servizio clienti.

Sito web di e-commerce realizzato utilizzando: Shopify

60. Prendi stanza:

sito web e-commerce - un negozio di camere

Se il tuo marchio ha un prodotto firmato, fai cosa Prendi stanza fa e rendilo la prima cosa che fai nella tua home page. Usano foto di prodotti di alta qualità per dare al cliente un'idea migliore di cosa aspettarsi quando spendono i loro soldi guadagnati con loro.

Non solo usano una copia breve e scattante per descrivere il loro prodotto chiave, ma evidenziano anche il loro pulsante call to action rendendolo più luminoso rispetto agli altri elementi della pagina.

61. Porto di Mokha:

sito web di ecommerce - porto di mokha

On Porto di Mokhanella home page di Google, offrono ai clienti due opzioni. Possono sottoscrivere un pacchetto mensile o fare acquisti per singoli prodotti.

Questo marchio rende queste scelte chiare fin dall'inizio, quindi i consumatori conoscono le loro opzioni prima di navigare nel resto del sito. Avere un negozio facile da usare è fondamentale per migliorare i tassi di conversione.

Key takeaway: Rendi il tuo sito facile da navigare.

Sito web di e-commerce realizzato utilizzando: Shopify

Questo riassume il nostro riepilogo della cima siti web di e-commerce di 2019. Ti senti ispirato?

Basta ricordare questo, non si tratta di come vogliamo che il sito guardi. Riguarda come dovrebbe cercarli e quanto è facile per loro comprare. Se desideri prendere la strada facile, puoi semplicemente utilizzare una piattaforma di e-commerce come Shopify or BigCommerce e utilizzare i grandi temi che offrono.

Ti sei imbattuto in un altro? sito di e-commerce disegni che ami? Parliamo nei commenti qui sotto!

Nota del redattore: questo post è stato originariamente pubblicato su 2018 di marzo ed è stato completamente rinnovato e aggiornato per accuratezza e completezza.

Immagine caratteristica di Maria Ivina

Richard Protheroe

Content Marketer presso Veeqo. Veeqo ti consente di collegare il tuo account Amazon Seller Central agli altri canali di vendita per gestire al meglio il tuo inventario e la spedizione.