19 Exemple de site-uri web Divi eCommerce

Versatilitatea Divi îl face ideal pentru site-urile de comerț electronic. Se integrează bine cu WooCommerce și alte platforme de eCommerce. Este evident că există o mulțime de site-uri de e-commerce construite împreună cu Divi. În acest articol, vom analiza 20 de exemple de site-uri web de comerț electronic create cu Divi pentru a vă stimula imaginația.

Aceste site-uri au aspecte interesante, pagini de magazin și pagini de produse. Majoritatea includ stiluri interesante pentru paginile magazinului și produselor, iar unele includ programe de completare WooCommerce. Voi sublinia ce mi se remarcă cel mai mult. Site-urile web nu au o ordine specială.

1. Estul Africii

East of Africa are un design clar al paginii de pornire, care se concentrează asupra companiei. Pagina are mai multe îndemnuri pentru a vedea diferitele produse. Paginile categoriei includ un antet cu un logo mare și un meniu de navigare care derulează cu antetul. Paginile includ o casetă de căutare și categorii sugerate. Paginile produsului arată produsul în două coloane. Aspectul este simplu și include produse sugerate.

Vezi site-ul web

2. Dulce Cecilys

Sweet Cecilys afișează imagini ca linkuri către categoriile de magazine într-un aspect cu mai multe coloane, care arată similar unei reviste. Fundalul prezintă o parte din sigla companiei. Paginile de categorii includ același model de fundal ca și pagina de pornire și afișează produsele în patru coloane. Paginile de categorii au widget-uri WooCommerce în bara laterală, care sunt concepute pentru a se potrivi cu produsele. Paginile de produse utilizează bara laterală și adaugă butoane de partajare socială și produse conexe. Acest site are o fotografie uimitoare a produsului.

Vezi site-ul web

3. Hârtie roz modernă

Pagina de pornire Modern Pink Paper arată ca un magazin și folosește culori moi pentru a atrage publicul țintă. Include CTA-uri pentru diferite categorii. Paginile categoriei principale utilizează aceeași imagine pentru fiecare categorie, dar afișează titlul peste imagine. Paginile de categorie secundară arată produsele cu un filtru. Paginile de produse au o mulțime de opțiuni de culoare și personalizare. Cumpărătorul poate selecta culoarea, poate adăuga un nume pentru personalizare, poate alege să vadă produsul înainte de livrare și să adauge mesaje și note. Descrierea produsului folosește un acordeon pentru FAQ.

Vezi site-ul web

4. Modele One Leaf

One Leaf Designs afișează imaginile produselor într-un glisor cu lățime completă, cu un CTA de magazin urmat de o secțiune cu cei mai buni vânzători. Pagina magazinului afișează produsele într-o secțiune în cutie care se suprapune antetului. Paginile produsului arată produsul cu o umbră de cutie pentru toate imaginile. Textul este conceput pentru a se potrivi site-ului. Include link-uri către alte produse pe care vizitatorul le-ar putea dori.

Vezi site-ul web

5. Coșul Bro

Bro Basket afișează un antet pe ecran complet cu un CTA de magazin. O secțiune arată categoriile de magazine folosind imagini cu suprapuneri. O altă secțiune prezintă produsele selectate manual. Paginile de categorii afișează mai multe secțiuni despre companie și ce fac. Aceste secțiuni includ servicii în carduri 3D. Cei mai îndepărtați sunt încețoșați. Zona de descriere a paginilor produsului include un videoclip cu lățime completă sau personalizări. Acestea includ, de asemenea, produse conexe. Îmi place fotografia de pe acest site.

Vezi site-ul web

6. Magazin de îngrijire naturală

Natural Care Shop are un design frumos al magazinului cu imagini care leagă categoriile. Folosește culori moi pentru a atrage publicul țintă. Paginile de categorii includ widget-uri din bara laterală WooCommerce și CTA-uri în subsol. Produsele sunt prezentate cu imagini mari. Paginile de produse au pictograme stilizate și produse similare atât în ​​widget, cât și în imagini CTA.

Vezi site-ul web

7. Apis Australia

Apis Australia include un CTA de magazin cu lățime completă în antet, împreună cu o secțiune de categorie care prezintă mai multe produse într-o imagine. Pagina magazinului folosește același fundal pentru a se afișa în spatele modulului magazin. O altă secțiune de magazin prezintă produse complementare pe același fundal. Produsele sunt prezentate cu umbre de cutie. Paginile produselor sunt simple, dar includ stilul textului pentru a se potrivi site-ului și produselor conexe.

Vezi site-ul web

8. Lahlay

Lahlay prezintă un glisor pe ecran complet cu CTA-uri pentru mai multe produse. Include un mega-meniu care se ascunde în scroll. Mai multe secțiuni de pe pagina de pornire prezintă produsele cu imagini mari și umbre de cutie. Alte câteva secțiuni oferă informații despre produse cu imagini. Paginile de categorii prezintă o mulțime de fotografii și informații în acordeonuri stilizate, împreună cu un modul de magazin stilat. Produsele sunt afișate în ferestre pop-up. Acest site are una dintre cele mai interesante pagini de categorii / produse pe care le-am văzut.

Vezi site-ul web

9. Leoca

Leoca afișează un antet pe ecran complet cu un magazin CTA. Următoarea secțiune prezintă imagini mari care leagă de categorii. Acestea includ titlurile categoriei. Paginile categoriei arată o imagine pe ecran complet împreună cu titlul categoriei. Următoarea secțiune prezintă un produs urmat de un modul de magazin cu imagini mari și animație cu mouse-ul pentru suprapuneri pentru a afișa dimensiunile și o inimă pentru a adăuga produsul la lista de dorințe. Paginile produsului prezintă o mulțime de imagini mari împreună cu opțiuni.

Vezi site-ul web

10. Domnul Scruffy

Scruffy Gentleman oferă o casetă de căutare a produsului sub antet urmată de o imagine de fundal cu lățime completă în paralelă. Produsele recomandate derulează peste acesta și se suprapun peste următoarea secțiune a produselor recomandate. O altă secțiune arată un CTA în paralaxă urmat de articole noi în magazin. Pagina magazinului urmează un design similar și adaugă o bară laterală WooCommerce. Paginile produsului sunt afișate în lățime completă și includ imagini mari.

Vezi site-ul web

11. Veez

Veez include un buton de magazin care rămâne pe ecran în timp ce derulați. Pagina de pornire afișează categorii cu imagini sub formă de linkuri care au stilul cu text și casete suprapuse. Paginile categoriei arată o imagine și un titlu pentru a introduce secțiunea urmată de un modul magazin și un buton pentru a dezvălui mai multe. Paginile de produse au o mulțime de stiluri interesante. Acestea afișează produsul cu o mulțime de imagini mari în mai multe coloane. O altă secțiune prezintă mai multe produse din categorie.

Vezi site-ul web

12. Coco Cuscino

Coco Cuscino include un glisor pe ecran complet, cu un magazin CTA pentru diferite categorii. Derularea afișează un glisor cu cele mai recente produse cu un titlu de secțiune în stânga. O altă secțiune include CTA-uri pentru diferite categorii. Categoriile și paginile de produs sunt simple și au borduri, butoane și stil text și un subsol personalizat. Pagina produsului include o umbră de cutie.

Vezi site-ul web

13. Tarte și Berry

Tarte și Berry afișează produsele într-un glisor pe ecran complet folosind efectul Ken Burns și un magazin CTA. O secțiune subțire arată procesul de cumpărare cu pictograme. Urmează o listă largă de produse și o secțiune de mărturii. Pagina magazinului urmează același design, dar fără glisor. Paginile produselor sunt concepute pentru a se potrivi site-ului și includ o casetă pentru a adăuga un mesaj personalizat. Descrierea prezintă ingredientele. Pagina prezintă, de asemenea, produse conexe.

Vezi site-ul web

14. Nikki Hill Apothecary

Nikki Hill Apothecary folosește un design moale și elegant pentru a prezenta produsele. Antetul arată un CTA urmat de informații despre companie. O secțiune cu mai multe coloane afișează imagini ca linkuri către categorii. Paginile categoriilor sunt curate și includ un stil care să corespundă site-ului. Paginile produsului au un stil personalizat, care include filele zonei de descriere. Sub produs este un produs sugerat într-o cutie cu stil. Fotografia din acest site o deosebește.

Vezi site-ul web

15. Spikes și Sparrow

Spikes and Sparrow prezintă un glisor cu lățime completă pentru a prezenta produsele. Glisorul are un stil de navigare în partea stângă. Următoarea secțiune prezintă categoriile într-un aspect cu mai multe coloane utilizând imagini cu suprapuneri de text stilizate. Paginile magazinului arată produsele cu o bară laterală WooCommerce. Paginile produselor arată elegant, cu culorile lor de marcă. Nu prezintă multe informații, dar includ produsul în alte culori.

Vezi site-ul web

16. Kickbike

Kickbike prezintă un glisor cu lățime completă cu un CTA de magazin. Pagina de pornire oferă mai multe articole și linkuri despre companie, secțiunile magazinului și multe informații despre produse. Paginile categoriei includ o imagine pe ecran complet, urmată de o secțiune de informații, secțiunea magazin în lățime completă și apoi o întrebare frecventă. Paginile produselor sunt simple, dar utilizează o mulțime de fotografii mari și produse conexe.

Vezi site-ul web

17. Boutique nesărată

Unsalted Boutique folosește culori moi în spatele meniului, secțiunilor, blocurilor de text etc. pentru a atrage publicul țintă. Un CTA se afișează într-un glisor și folosește o imagine cu o casetă colorată pentru text. Casetele colorate sunt folosite pe tot site-ul pentru a identifica categoriile. Pagina de pornire include mai multe dintre aceste secțiuni de magazin. Linkurile pentru categorii deschid pagina produsului unde puteți alege produsul specific dintr-o casetă derulantă. Pagina produsului afișează, de asemenea, produse conexe.

Vezi site-ul web

18. Flori Maison

Maison Flowers arată o imagine a produsului ca fundal de paralaxă în secțiunea erou pe ecran complet. Derularea afișează un modul de magazin cu o pictogramă de flori în suprapunere și o secțiune cu imagini pentru categorii cu animație cu mouse-ul. Paginile de categorii se potrivesc cu pagina de pornire, dar au o imagine mică, cu o suprapunere în stil. Paginile produsului utilizează același antet și un titlu mare al produsului și include o cutie de mesaje personale pentru a personaliza cadoul. Pagina are, de asemenea, o secțiune pentru afișarea informațiilor de expediere și cumpărare și alte două secțiuni cu produse similare.

Vezi site-ul web

19. Magazin Basami

Basami Shop arată un magazin CTA într-un glisor pe ecran complet. O secțiune de alte produse și o secțiune de favorite includ umbre de cutie. Paginile de categorii afișează categorii în bara laterală, o descriere a categoriei și apoi a produselor. Paginile produsului prezintă o imagine mare a produsului, galeria de produse și apoi zona de descriere. Această zonă este concepută pentru a se potrivi site-ului și include produse conexe.

Vezi site-ul web

Gânduri de sfârșit

Acesta este aspectul nostru la 20 de exemple de site-uri web eCommerce create cu Divi pentru a vă stimula imaginația. Aceste site-uri sunt exemple excelente de ceea ce se poate face cu Divi. Mulți au pagini de destinație elegante, cu module de magazin pentru a se concentra asupra produselor. Există câteva exemple excelente de pagini de magazin, pagini de categorii și pagini de produse. Este ușor de văzut cum fotografia produsului poate face să iasă în evidență un design simplu. Sigur va fi ceva aici care să vă ajute să proiectați orice fel de site web de comerț electronic pentru următorul dvs. proiect Divi.

Vrem sa auzim de la tine. Care dintre aceste site-uri web Divi eCommerce sunt preferatele dvs.? Spuneți-ne ce părere aveți despre ele în comentarii.

Imagine prezentată prin TeraVector / shutterstock.com