Emuāra vai personīgās tīmekļa vietnes izveide ir viena lieta. Jums joprojām ir jāuztraucas par vispārējiem dizaina, lietojamības un tīmekļa vietnes funkcionalitātes aspektiem, taču ne tik daudz, cik tas būtu, veidojot personīgo tīmekļa vietni. noformēt vietni e-komercija.
E-komercijas veikalam ir jāatgādina īstam fiziskam veikalam, kas nozīmē, ka Visam vajadzētu ritēt dabiskiVisam jābūt pieejamam un viegli pārskatāmam, nemaz nerunājot par to, ka iepirkšanās ir jāveic ļoti vienkārši. Turklāt mūsdienās lietotāji vietnei piekļūst no mobilajām ierīcēm, planšetdatoriem un datoriem, tāpēc dizainam ir jābūt... Atsaucīgs, ātrs un ļoti skaidrs lai pieredze jebkurā ekrānā būtu pozitīva.
Mēs varētu turpināt stundām ilgi, bet tā vietā mēs aprakstīsim dažus no tīmekļa dizaini iedvesmojošāk, labi izstrādāta un pievilcīga e-komercijas veikaliem no populāriem zīmoliem, un mēs izmantosim iespēju iegūt praktiskie dizaina principi ko var pielietot savā projektā.
Apģērbu veikals OBEY
Pakļaujas līnijai ir izdevies piesaistīt lielu tūkstošgadu paaudzes iedzīvotāju uzmanību, kas parādījās apmēram tajā laikā, kad lielākā daļa bija agrīnā vecumā. Kopš līnijas sākuma tā ir izaugusi par šo radošo mākslinieku un ielu mākslas fanu masveida kustību, kas apkalpo skeitborda un pankroka skatuves.
Viņu interneta veikals ir piemērs tam, kā Dizains atspoguļo zīmola personību.Drosmīga tipogrāfija, redakcionāla stila fotogrāfijas un spēcīgs uzsvars uz attēliem, nevis tekstu. Sākumlapa darbojas gandrīz kā katalogs ar lieli vizuālie bloki kas norāda uz konkrētām kolekcijām, un vienkārši aicinājumi uz darbību, kas nemulsina lietotāju.
Starp labas prakses piemēriem, kas novēroti šāda veida vietnēs, izceļas šādi: vienkārša un konsekventa ēdienkarte kas grupē kategorijas, neradot troksni, zīmola krāsas izmantošana galveno pogu izcelšanai un dinamiska satura nemanāma integrācija (jaunas kolekcijas, sadarbība vai izpārdošanas), nepārkāpjot pamatstruktūru.
Šī vizuālā pieeja lieliski atbilst vienam no principiem, ko ievēro labākās modes e-komercijas vietnes: ļaut Ļaujiet produktu un dzīvesveida fotogrāfijām runāt pašām par seviizmantojot tekstu tikai, lai precizētu priekšrocības, izmērus, piegādi un atgriešanu.
Fangio Polo
Fangio Polo Viņi ražo kvalitatīvus polo kreklus vīriešiem. Fangio ir vēl viens ģimenes uzņēmums, kas paredzēts tiem, kam patīk komforts un grezns dizains, par pieņemamu cenu. Sākumā dizains var šķist nedaudz mulsinošs, taču tas ir tāpēc, ka ne daudzi interneta veikali izmanto šo stilu. investīciju kartes dizains ar nemanāmu navigācijas integrāciju.
Veikals liek likmes uz a uz kartēm balstīta struktūra kur katrs produkts ir skaidri definēts bloks: liels fotoattēls, nosaukums, cena un daudzos gadījumos ātra piekļuve izmēram. Šis modelis atbilst tam, ko iesaka daudzi UX eksperti e-komercijā: samazināt klikšķu skaitu, kas nepieciešams, lai sasniegtu produkta lapu, piedāvājot to tieši režģī. ātras darbības piemēram, “pievienot grozam” vai “pievienot izlasei”.
Vēl viens spēcīgs arguments ir tā nozīme, mobilajām ierīcēm paredzēts dizainsIevērojot to pašu pieeju, ko redzam vadošajos starptautiskajos zīmolos, kartes lieliski pielāgojas mobilās ierīces vertikālajam formātam, vienmēr saglabājot galveno pogu redzamu. Tas atbilst vienam no efektīva e-komercijas dizaina pamatprincipiem: piešķirt prioritāti mobilajai pieredzei jo liela daļa datplūsmas tagad nāk no viedtālruņiem.
Analizējot šo vietni, izmantojot kritērijus, ko parasti izmanto konkurences analīzē (galvene, navigācija, kategorijas, produkta informācija, uzticamība), Polo Fangio izcēlās ar skaidru katalogu un informācijas uzturēšanu. rūpīgi izstrādāta vizuālā hierarhijadiskrēti logotipi, kompaktas izvēlnes un ievērojamas fotogrāfijas.
Tinker Pulksteņi
Laipni lūdzam Tinker Pulksteņi, zīmols, kas ļauj jums pašam izveidot savu pulksteni. Sākumslapā ir milzīgs satura slīdnis ar vairākiem attēliem, kuros parādīts produkts un aprakstītas tā galvenās funkcijas, taču, noklikšķinot uz darbības pogas “Izveidot pulksteni”, jūs tiksiet novirzīts uz Trīs vienkārši soļi, lai izveidotu savu pulksteni; apliecinājums tam, cik spēcīgs var būt JavaScript tīmekļa dizainā.
Šī personalizācijas plūsma ilustrē vienu no vērtīgākajiem mūsdienu e-komercijas dizaina principiem: pārvērst lietotāju par procesa galvenais varonisStatiska kataloga vietā vietne lietotājus vada ar skaidru, soli pa solim vedni, kurā katra izvēle tiek vizuāli atspoguļota reāllaikā. Šāda veida interaktīvā pieredze palielina iesaisti un samazina neizlēmību.
No lietotāja pieredzes/lietotāja saskarnes viedokļa Tinker Watches apvieno vairākus nozares labākās prakses ieteiktos elementus: redzami un unikāli aicinājumi uz darbību katrā ekrānāMikrogrāfijas izmantošana, kas izskaidro, kas notiks tālāk, un pastāvīgi atgādinājumi par galvenajiem nosacījumiem (piegāde, garantija, atgriešana) blakus pirkuma pogai, lai novērstu berzi.
Turklāt konfigurators ir optimizēts mobilajām ierīcēm, kas atbilst visefektīvākajām atsaucīgā dizaina vadlīnijām: ne tikai pielāgojot izkārtojumu, bet arī pārdomājot mijiedarbība skārienekrāniem (lielas pogas, vienkāršas žesti, īsi un skaidri teksti).
Labāko e-komercijas dizainparaugu galvenie principi
Analizējot vadošos veikalus dažādās nozarēs (mode, tehnoloģijas, mājas preces, pārtika, dzīvesveids utt.), atklājas virkne atkārtotu principu, kas izskaidro, kāpēc to dizains darbojas. Šo principu integrēšana jūsu projektā palīdz padarīt jūsu e-komercijas vietni ne tikai pievilcīgu, bet arī... skaidra nauda pārdošanai.
Starp visbiežāk minētajiem faktoriem izceļas viens. ļoti skaidra informācijas arhitektūra, lietošana augstas kvalitātes attēli kas aizņem vismaz pusi no satura vietas, absolūtā prioritāte ir mobils, vienkārša navigācija, labi pārdomāts dinamisks saturs (plānas pārejas, optimizēti slīdņi) un īpaša uzmanība pieejamība.
Galvenē parasti ir iekļauti kopīgi elementi: atpazīstams, bet diskrēts logotips, galvenā izvēlne ar nelielu skaitu opciju, piekļuve iepirkumu grozam un kontam, redzama meklēšanas josla lielos katalogos un, ja nepieciešams, Galvenie vēstījumi augšējā joslā (bezmaksas piegāde, vienkārša preču atgriešana, aktīvas atlaides). Tas atbilst daudzu efektīvu e-komercijas tīmekļa dizaina ceļvežu ieteikumiem.
Analizētajos veikalos mājaslapā parasti ir attēlots galvenā kampaņa Ļoti skaidri, kam seko saites uz piedāvātajām kategorijām vai kolekcijām un uzticamības bloki (atsauksmes, mediju logotipi, attiecīgie skaitļi). Svarīgākais nav parādīt visu, bet gan atlasīt to, kas vislabāk apkopo vērtības piedāvājumu un atvieglo lietotāja nākamo loģisko soli.
Reaģējošs dizains, navigācija un produkta pieredze
Mūsdienās lielākā daļa cilvēku kādā brīdī ir iepirkušies tiešsaistē, un daži pat visu savu iepirkšanos veic tiešsaistē. Tāpēc ir loģiski pieņemt, ka, ja jūsu uzņēmums pārdod produktus, jums ir jāpiedāvā klientiem iespēja tos iegādāties tiešsaistē.
Ir daudz e-komercijas veidu.No tiem, kas izstrādāti un izveidoti, izmantojot veidnes, līdz citiem, kas pilnībā izgatavoti pēc uzņēmuma vai veikala pasūtījuma. Bet… kas padara labu e-komercijas dizainu patiesi labu?
- Augstas kvalitātes fotogrāfijas no produktiem.
- Radošums un funkcionalitāte produktu izkārtojuma veidā.
- Skaidrība ziņojumos reklāmas.
- Navigācija ar labu lietojamību (pirkšanas vai pārlūkošanas process ar pēc iespējas mazāk klikšķiem).
- Ka tas piemērots un rada empātiju mērķauditorijā.
- Labs organizācija un struktūra par tīmekļa vietni un produktiem.
Šiem punktiem vislabāk pozicionēto e-komercijas uzņēmumu pieredze pievieno citas nianses: dizainu atsaucīgi kas pielāgojas jebkurai ierīcei, skaidri un unikāli aicinājumi uz darbību katrā ekrānāPārdomāta baltās telpas izmantošana, lai izvairītos no piesātinājuma, pietiekams kontrasts starp tekstu un fonu, lai uzlabotu lasāmību, un apzināti centieni mazināt navigācijas berzi (noderīgi filtri, efektīvas meklētājprogrammas, redzamas navigācijas saites).
10 e-komercijas vietnes, kas jūs iedvesmos
Zemāk mēs piedāvājam 10 e-komercijas vietnes, kuras mums patīk, vai nu to dēļ DESIGN, VIŅA FUNKCIONĀLĪBA Vai arī to, kā viņi prezentē savus produktus. Jo vienmēr ir labāk, ja dizains un funkcionalitāte iet roku rokā.
Papildus tam, lai aprakstītu, kas tos padara īpašus, ir lietderīgi tos lasīt no lietotāja pieredzes (UX) dizainera skatupunkta: pievēršot uzmanību galvenēm, izvēlnēm, produktu lapām, uzticamības ziņojumiem, meklētājprogrammu darbībai un fotoattēlu un teksta izmantošanai. Tas ļauj iegūt atkārtoti izmantojamus modeļus.
1. CASELLES
Šī e-komercijas vietne koncentrējas uz grāmatu un kancelejas preču pārdošanu. Tās produktu organizācija un hierarhija ļauj apskatīt un iegādāties vēlamo grāmatu tikai ar pāris klikšķiem. Vizuāli tajā tiek izmantotas melnas, sarkanas un zaļas krāsas — zīmola raksturīgās krāsas.
Viņu piemērs labi ilustrē, kā plašs katalogs gūst labumu no efektīva meklētājprogramma un labi strukturētas kategorijas. Tādās nozarēs kā grāmatas šī modeļa (kategoriju, filtru, ieteikumu un recenziju) ievērošana ir gandrīz obligāta.
2. ULABOX
ULABOX e-komercijas vietne ir kā tiešsaistes lielveikals, kurā var atrast plašu specializētu produktu klāstu, piemēram, bioloģiskos produktus, bezglutēna produktus, vīnu un gardēžu preces. Tai ir arī ļoti vizuāli pievilcīgs dizains, izmantojot košas krāsas un radot spēcīgus kontrastus starp tām.
Šāda veida veikals izglīto par galveno aspektu, ja ir daudz atsauču: lietotājs "neveic pārlūkošanu", meklēTāpēc vadošās pārtikas e-komercijas vietnes stiprina savas meklētājprogrammas ar ieteikumiem, meklēšanas vēsturi un ātru piekļuvi populārām kategorijām.
3. Kārns Sargārs
CARN SARGAIRE ir e-komercijas vietne, kas pārdod pašu ražotus un pārstrādātus liellopu gaļas produktus. Vizuāli tā ir ļoti vienkārša, izmantojot melnbaltu krāsu ar sarkanu kontrastu. Galvenā iezīme ir produktu pieejamības indikators. Ļoti funkcionāla!
Skaidra pieejamības un piegādes laika norādīšana ir viens no visbiežāk atkārtotajiem kritērijiem, lai uzticētos labākajām e-komercijas vietnēm, īpaši sadarbojoties ar svaigs vai ierobežotā daudzumā esošs produkts.
4. AYR
Ļoti vienkāršs un minimālistisks dizains, kas galvenokārt balstīts uz balto krāsu. Tam ir sānjosla ar visām vietnes sadaļām, kas ļauj ļoti viegli piekļūt produktiem. Norēķināšanās process ir ātrs, kas palīdz ģenerēt lielākus ieņēmumus. Mums ļoti patīk vietnes fotoattēli!
Šāda veida minimālistisks izkārtojums pastiprina galveno ideju: ja katalogs ir pārvaldāms, uz to vērsta sākumlapa darbojas ļoti labi. galvenā kampaņa un īsceļus, nepārslogojot ar pārāk daudziem blokiem.
5. VIZUĀLĀ MASA
Visvairāk Visual Mass e-komercijas vietnē mums patīk tās vienkāršība un veids, kā tiek attēlotas produktu lapas. Dizains ir ļoti vienkāršs: balta, melna un elektriski zila krāsa aicinājumiem uz darbību (CTA). Ja mums būtu jāsaka kaut kas negatīvs, mēs teiktu, ka mūs nepārliecina produktu fotoattēlu izmērs galvenajā galerijā — tie ir pārāk lieli.
Viņu produkta lapa ir labs piemērs tam, kā līdzsvarot galvenā informācija (cena, variācijas, piegāde, atgriešana, atsauksmes) nepārspīlējot. Izmantojot tikai zilo krāsu aicinājumiem uz darbību, tiek uzsvērts, cik svarīgi ir nelietot pārāk daudz krāsu uz pogām.
6. ZULU UN ZEFĪRS
Zulu&Zephyr e-komercijas vietne mums šķiet ļoti dabiska, pateicoties produktu fotoattēliem un modeļiem dabiskās pozās. Turklāt var redzēt, kā produkts pieguļ ķermenim, sniedzot labu priekšstatu par to, kā apģērbs izskatīsies uz jums — un tas ir fantastiski, vai ne?
Parādiet produktu lietošanā, ar reālistiska un daudzveidīga fotogrāfijaTas ir nemainīgs elements iedvesmojošākajās modes e-komercijas vietnēs, un tas pastiprina gan konversiju, gan zīmola afinitāti.
7. SUPERSTUDIO
Superstudio ir tiešsaistes mēbeļu veikals. Viņu e-komercijas vietnē produkti tiek attēloti uz kartītēm, un fotoattēli ir augstas kvalitātes. Kas mums patīk visvairāk? Ikonu izmantošana, lai definētu un klasificētu dažādus produktus. Viņi arī izceļ savas pašreizējās akcijas, kas ir liels pluss!
Labi izstrādātas ikonas palīdz Īsumā par priekšrocībām (materiāls, vienkārša montāža, piegāde iekļauta, garantija), ko mēs redzam arī daudzās vadošajās starptautiskajās mēbeļu e-komercijas vietnēs.
8. DATORA KOMPONENTES
PCComponentes e-komercijas vietnē ir tehnoloģiju produkti, izmantota oranža krāsa, un sānu joslā ir redzama izvēlne saraksta veidā. Galvenā priekšrocība ir tā, ka izvēlnē tiek norādītas produktu kategorijas, kas pašlaik ir pārdošanā, kas ir ļoti noderīgi klientiem.
Tas ir lielisks piemērs tam, kā rīkoties ar ļoti lielu katalogu: jaudīga meklētājprogrammaUzlaboti filtri, skaidri izceltie elementi un labi marķētas akcijas. Pasaules vadošās tehnoloģiju e-komercijas vietnes seko šai pašai loģikai.
9. PLANĒTAS DĀRZS
Šajā e-komercijas vietnē ar vienkāršu un saprotamu navigācijas struktūru dominējošā krāsa ir zaļa, ko papildina spilgtas pamatkrāsas, radot svaiguma, daudzveidības un jaunības sajūtu. Minimālistiskais un funkcionālais dizains ļauj ātri un efektīvi iegādāties preces.
Zīmols nostiprina savu ilgtspējīgo pozicionēšanu ar krāsas un ziņojumi saskaņotiun atbalsta pirkuma lēmumu ar redzamām atsauksmēm, ko lietotāju uzvedības pētījumi apstiprina kā izšķirošu faktoru.
10. AMAZONS
Un mēs nevarējām pabeigt šo ierakstu, nepieminot Amazon, vienu no lielākajām e-komercijas vietnēm internetā, ar neticamu produktu hierarhiju un organizāciju (ņemot vērā miljoniem produktu, ko tā piedāvā) un vienkāršu, bet uzmanību piesaistošu dizainu.
Tā panākumi liecina, ka ar pietiekamu skaidrību struktūrā, prioritāte funkcionalitātei, nevis estētikai Tā var būt konkurences priekšrocība: centralizēta meklētājprogramma, visaptverošas produktu lapas, salīdzinājumi, atsauksmes un ļoti optimizēts pirkšanas process.
No iedvesmojoša dizaina līdz efektīvai pārdošanai
Vai vēlaties pārdot tiešsaistē? Lai gan tas var nešķist gluži pareizi, e-komercijas vietnes izveide ir plašs un rūpīgs process (ja tas tiek darīts pareizi), lai nodrošinātu, ka veikals ir 100% ienesīgs uzņēmumam un tam ir ideāla struktūra un hierarhija produktu pārdošanai. Vai vēlaties pārdot tiešsaistē? Sazinieties ar mums; mēs labprāt izveidosim jūsu e-komercijas vietni.
Iepriekš minētie piemēri parāda, ka iedvesmojoša e-komercijas vietne nav tikai “glīta”: tā ir veidota uz skaidra biznesa vīzijaBūtiska ir saskaņota zīmola identitāte un stingri dizaina principi. Pamatojoties uz to, tiek pieņemti konkrēti lēmumi par krāsām, tipogrāfiju, bloku izkārtojumu, fotogrāfijām un tekstu, vienmēr paturot prātā konversiju.
Labi izstrādāta e-komercijas vietne var būtiski ietekmēt to, kā klienti uztver jūsu tiešsaistes veikalu un mijiedarbojas ar to. Labs dizains var sniegt daudz priekšrocību, piemēram, radīt lielisku pirmo iespaidu, kas mudina apmeklētājus atgriezties. Tas var arī uzlabot jūsu ticamība un palīdzēs jums ģenerēt uzticība klientu vidū. Profesionāls padoms ir tāds, ka, veidojot e-komercijas vietni, jāņem vērā vietnes veiktspēja, lai apmeklētājiem nodrošinātu optimālu lietotāja pieredzi.
Kombinācija Skaidra struktūra, spēcīgs vizuālais saturs, vienkārša navigācija, redzami uzticības vēstījumi un nevainojama pielāgošanās mobilajām ierīcēm Tas ir iedvesmojošāko e-komercijas vietņu dizainu kopsaucējs un labākais sākumpunkts jūsu tiešsaistes veikalam, lai palielinātu konversijas un laika gaitā saglabātu atbilstību.