Top 10 site-uri mobile de comerț electronic care fac cumpărăturile online ușoare pentru utilizatori

Știați că 62% dintre utilizatorii de smartphone-uri au făcut o achiziție online folosind dispozitivul mobil în ultimele șase luni? Și când luați în considerare faptul că există aproximativ 125 de milioane de consumatori care dețin un smartphone, acest procent devine și mai semnificativ.

Aproximativ 80% dintre cumpărători își folosesc smartphone-urile pentru a căuta recenzii de produse sau pentru a compara prețurile atunci când sunt la magazinul fizic, în căutarea unor oferte online mai bune. În plus, în 2016, cumpărăturile online au crescut cu 45%, iar în 2017, SUA au atins o rată de penetrare a cumpărăturilor online de 77%.

Cum diferă site-urile mobile și designul aplicațiilor?

S-ar putea să vă întrebați de ce unele site-uri web uriașe de comerț electronic investesc mult în design receptiv, prietenos cu dispozitivele mobile și de ce unele site-uri creează în schimb un design de aplicație. Adevărul este că ambele opțiuni vin cu propriile lor avantaje și dezavantaje.

E-Commerce Web Designs

Un site web de comerț electronic receptiv și prietenos cu dispozitivele mobile este bine afișat pe toate tipurile de dispozitive și oferă o acoperire mai bună. Întreținerea este mai ușoară, iar actualizările sunt ușor de implementat. Cu toate acestea, deoarece site-ul web se adaptează la dispozitivul care afișează conținut, adesea informațiile nu pot fi prezentate doar pe o singură pagină. Uneori, confortul și ușurința de utilizare vor avea de suferit. De multe ori trebuie să vă conectați și să așteptați ca site-ul web să se încarce și, chiar și atunci când îl semnați, nu există multe oportunități de a personaliza experiența de navigare și de cumpărături.

Design de aplicații de comerț electronic

Aplicația mobilă necesită timp pentru a fi dezvoltată și trebuie să dezvoltați mai multe versiuni pentru a acoperi toate tipurile de dispozitive. Acoperirea este limitată doar la persoanele care sunt de acord să instaleze aplicația pe smartphone-urile sau tabletele lor. Întreținerea și actualizările continue trebuie să fie lansate și aprobate de Google Play și App Store de la Apple. Cu toate acestea, este mult mai convenabil să utilizați o aplicație mobilă pentru a face cumpărături online, sunteți întotdeauna conectat, conținutul se încarcă mult mai repede și spre deosebire de site-ul web și puteți primi notificări push pe telefon. Conversiile sunt mult mai ușor de urmărit, iar opțiunile de personalizare sunt aproape nelimitate.

Deci, care este alegerea potrivită pentru mărci? Ar trebui să se concentreze pe a face site-urile lor prietenoase pentru dispozitive mobile sau doar să dezvolte o aplicație de comerț electronic mobil? Răspunsul corect, dacă bugetul permite, este probabil ambele. În timp ce cercetarea de piață vă va oferi răspunsul final, aplicațiile de comerț electronic îmbunătățesc adesea profitul unei afaceri -- la urma urmei, oamenii își petrec 90% din timpul mobil în aplicații. Cu toate acestea, dacă trebuie să alegeți unul, alegeți să vă optimizați site-ul pentru desktop, tabletă ȘI mobil.

În plus, site-urile mobile de comerț electronic pot fi proiectate în așa fel încât să ofere cu adevărat toate beneficiile aplicației - și chiar să imite perfect designul desktopului. Pentru a vă inspira propria optimizare, am adunat o listă de 10 site-uri mobile de comerț electronic care facilitează cumpărăturile.

Top 10 site-uri mobile de comerț electronic cu călătorii fluide ale clienților

1. Amazon

Aceasta este o idee simplă - Amazon este numărul unu site-ul de comerț electronic și cel mai mare retailer electronic din Statele Unite. Potrivit Statista, Amazon a avut vânzări nete de 178 de miliarde de dolari în 2017. În plus, Amazon cuprinde 43% din toate vânzările online numai în SUA! Trebuie să facă ceva corect cu designul lor receptiv și prietenos cu dispozitivele mobile.

Site-ul de comerț electronic mobil Amazon funcționează atât de bine, deoarece este foarte ușor să finalizați achiziția. Cu cât sunt mai puțini pași necesari pentru a cumpăra un produs online, cu atât o experiență de utilizator mai bună veți oferi clienților dvs. Aruncă o privire pe pagina de pornire mobilă a Amazon. Bara de căutare este atât de proeminentă și toate butoanele sunt ușor de accesat. Introducerea textului cu predicție accelerează procesul de căutare. Pentru persoanele care doresc doar să navigheze, Amazon oferă categorii intuitive care se vor adapta evenimentelor, sărbătorilor și preferințelor personale.

Observați că există suficient text pe site-ul web pentru a oferi informații de bază și a atrage clienții să afle mai multe. Acest lucru menține interfața cu utilizatorul (UI) simplă și neaglomerată. Spațiul negativ bine echilibrat face ca conținutul disponibil să iasă în evidență și să atragă atenția. Dacă vorbim despre design de ultimă oră pentru site-uri de comerț electronic mobil, Amazon nu este cel mai frumos de acolo, dar este cu siguranță unul dintre cele mai funcționale.

Este grozav cum au folosit săgeți simple pentru a le informa clienților ce se va întâmpla atunci când dau clic pe o categorie. Săgeata la dreapta indică clar că clientul va fi dus la alt ecran, iar o săgeată în jos va glisa în jos întregul meniu. Un alt sfat de utilizare pe care Amazon îl oferă cu experiență și toate celelalte site-uri de comerț electronic mobil ar trebui să îl adopte este să ofere vizitatorilor posibilitatea de a deschide site-ul complet pe mobil.

2. Etsy

Etsy este un site de comerț electronic mobil care vinde obiecte vintage și lucrate manual. Unic este adjectivul perfect pentru Etsy, datorită designului lor curat și minimalist. Are chiar un aspect mai simplu decât Amazon, dar aceste două site-uri web de comerț electronic mobil nu pot fi comparate, deoarece au un public țintă diferit.

Să vedem cum se descurcă Etsy. În 2018, Etsy are peste 54 de milioane de membri, care au generat vânzări de 1,93 miliarde și peste 31,7 milioane de cumpărători. Și cel mai important, 65% dintre acești cumpărători provin de la un site de comerț electronic mobil. Când vorbim de receptivitate, Etsy este foarte prietenos cu dispozitivele mobile. Interfața cu utilizatorul este foarte intuitivă, iar funcția de completare automată a căutării are aproape abilități de citire a minții.

O opțiune excelentă de utilizare cu care Etsy se poate lăuda este căutarea sa detaliată cu opțiuni de filtrare aprofundate. Ei sunt cu adevărat la înălțimea motto-ului lor – „Îți este ușor să-ți găsești lucrul”. Vizualizarea grilă și fotografiile realizate profesional sunt o modalitate excelentă de a prezenta cele mai bine vândute produse. Spațiul negativ este frumos executat și se potrivește perfect cu separatoarele de conținut. Butoanele sunt foarte mari și se pot apăsa, mai ales acolo unde este nevoie cel mai mult de ele, pe pagina produsului. Etsy are una dintre cele mai atractive aspecte vizuale pentru site-urile mobile de comerț electronic.

Ah, și un fapt distractiv despre Etsy este că 8% dintre vânzători sunt femei.

3. Walmart

Unul dintre cele mai mari lanțuri de retail din Statele Unite și-a revizuit complet strategia și a început o afacere de comerț electronic în 2017. Walmart a făcut investiții masive în acest sector și rezultatele sunt în – vânzările lor online au crescut cu 63 la sută! Walmart nu este Amazon, dar chiar încearcă să fie. Când ne uităm la site-ul de comerț electronic mobil al Walmart, vedem că experiența utilizatorului este unul dintre obiectivele principale.

Culorile albastru și alb arată bine împreună, iar portocaliul-roșu este folosit pentru butoanele de cumpărături. O paletă de culori atât de simplă, dar eficientă, care utilizează mult spațiu negativ, la fel ca concurenții menționați mai sus. Rezultatele căutării de produse sunt prezentate într-o vizualizare grilă, iar informațiile sunt prezentate într-o manieră unificată. Unele produse au o insignă Walmart cu cea mai bună ofertă. Performanța de filtrare și sortare este cea așteptată, iar introducerea textului cu predicție simplifică căutarea produsului. Imaginile și descrierile produselor chiar strălucesc pe acest site de comerț electronic mobil.

Butonul „citește mai mult” de pe pagina produsului este prea mic și abia vizibil, dar descrierile produselor și conținutul cu multe antete oferă suficiente informații pentru viitorii cumpărători. Căruciorul Walmart este de ultimă generație în ceea ce privește designul și gradul de utilizare pentru dispozitive mobile. Ori de câte ori un client adaugă un produs, iar masca de suprapunere apare și vă informează despre produsul adăugat în coș. Este ușor să vezi costurile de transport, prețul, taxele, cantitatea de produse și serviciile suplimentare. De asemenea, Walmart nu pierde ocazia de a face publicitate produselor cumpărate frecvent la acest pas. Checkout este ușor, care poate ajuta doar conversiile în comerțul electronic mobil.

4. Alibaba și AliExpress

Alibaba Group și AliExpress sunt cele mai importante site-uri de comerț electronic online și mobil cu sediul în China, unde producătorii își pot găzdui magazinele virtuale și pot oferi produse clienților și clienților din întreaga lume. Mărimea Alibaba poate fi prezentată prin următoarele statistici: are peste 50 de mii de angajați și veniturile sale anuale în 2017 au fost de peste 252 de miliarde de dolari. AliExpress, platforma B2C, a avut 100 de milioane de cumpărători doar în 2017.

Să ne aprofundăm în designul și estetica AliExpress. Este demn de remarcat faptul că designul s-a schimbat de-a lungul anilor, iar acum site-ul web Aliexpress English arată ca orice alt comerț electronic mobil occidental pe care l-am prezentat mai sus. Folosind un palat de culori contrastant cu nuanțe roșii, AliExpress atrage cu îndrăzneală atenția asupra barei de căutare și oferă oferte și prețuri reduse în diferite categorii. Există o mulțime de spațiu negativ, așa că AliExpress și-a făcut temele bine. Conținutul este bine prezentat într-un aspect de grilă, cu suficiente glisoare în mișcare, astfel încât să nu fie static și plictisitor.

Ferestrele pop-up promovează conectarea la AliExpress, astfel încât platforma să poată urmări călătoria cumpărătorului și să ofere produse relevante. Cupoanele pe care le oferă pentru conectare sunt plasate cu atenție chiar deasupra pliului de pe pagina de pornire sunt întotdeauna atractive și aliniate cu culorile mărcii. De îndată ce ajungeți pe site, printr-o tabletă sau un telefon mobil, este clar că autentificarea este scopul predominant al AliExpress și o strategie de a obține clienți repetați.

Utilizabilitatea este, evident, o prioritate pentru designeri. Este evident că AliExpress imită designul Google. Aruncă o privire la meniul său principal de pe site-ul de comerț electronic mobil. Seamănă foarte mult cu un cont Gmail. Clienții au spus ce părere au și despre platforma AliExpress, cu un rating de 4,8/5 pe Google și peste 27 de mii de recenzii.

Coșul de cumpărături este proiectat intuitiv într-un aspect grilă, oferind clientului toate informațiile necesare. Deoarece AliExpress găzduiește atât de multe magazine online, au evitat coșul de cumpărături aglomerat și confuz, împărțind articolele pe magazin și filtrate în funcție de momentul în care le-au adăugat. Apoi, clienții pot alege vânzătorii de la care doresc să cumpere.

Designul și funcționalitatea bune pot fi văzute în lista de dorințe și setările de alertă ale AliExpress, care anunță clienții când articolele de care sunt interesați sunt la reducere. AliExpress are una dintre cele mai cuprinzătoare și funcționale opțiuni de filtrare în timpul căutării produsului. Filtrele se schimbă chiar și în funcție de tipul de produs pe care îl căutați.

5. Space Goldman

Space Goldman nu este un site de comerț electronic mobil obișnuit, dar este un exemplu frumos al modului în care puteți oferi servicii online pe un site web pe mobil. În cazul în care nu știți, designul site-ului web pe mobil în primul rând înseamnă că site-ul este destinat în primul rând pentru dispozitive mobile și tablete.

Această alegere ar trebui să reflecte tipul de afacere în care se află compania. Când vedem site-ul lui Space Goldman, este logic că el ar opta pentru un design pe mobil. Oferă serviciile de fotografiere a câinelui său ca model, interacționând cu diverse mărci și produsele acestora. Platforma aleasă de el și unde își prezintă portofoliul este Instagram, firește.

Din punctul de vedere al utilizatorului, site-ul este foarte minimalist și curat. Este o pagină cu o călătorie simplificată a cumpărătorului. Acest exemplu perfect de „mai puțin este mai mult” strălucește prin copierea site-ului web, numărul de opțiuni și chiar aspectul. Prețurile transparente chiar și pentru mărci uriașe precum Colgate se adaugă cu siguranță la ratele de conversie. Imaginile mari una sub alta prezintă serviciul Space Goldman într-o manieră fluidă și discretă.

Paleta de culori se bazează în mod revigorant pe degrade roz moale și fundaluri albe, cu butoane roz puțin mai îndrăznețe. De asemenea, observați cum există oportunități de conversie pe tot site-ul web – o mulțime de butoane care duc la achiziții se vor descurca cu siguranță bine pentru conversii.

6. Lush

Pe lângă faptul că este atât de colorat și interesant, marca Lush Cosmetics este un exemplu excelent pentru a arăta modul în care un site b-commerce (comerț electronic de marcă) poate străluci cu o paletă de culori limitată și o interfață de utilizator foarte funcțională. Simplitatea și aspectul bazat pe produs vor asigura o experiență pozitivă pentru clienți pentru vizitatorii Lush. Ieșirea din tiparul obscurității și al site-urilor de comerț electronic mobile statice cu glisoare este un model deja văzut. Și modelul funcționează deocamdată. Dar Lush și-a intensificat jocul de design, prezentând o imagine de erou GIF și videoclipuri pe paginile de produse și prezentând produsul pe care îl promovează în acest moment pe pagina de pornire.

Lush are o gamă largă de produse care captează utilizatorii cu culorile și parfumul său natural, așa că este interesant cum o marcă atât de colorată va opta pentru utilizarea unei scheme de culori alb-negru - clienții s-ar aștepta chiar să fie înecați în marea de culori la aterizare. pe site. A spune că este interesant nu-i face dreptate, deoarece produsele ies în mod clar și atrag atenția prin tema monocromă.

Primiți inspirație pentru design web și sfaturi de dezvoltare a afacerii trimise direct în căsuța dvs. de e-mail. Înscrieți-vă pentru doza zilnică DesignRush!

În loc să prezinte produsele în ambalaje originale tipice, Lush face din nou ceva diferit, prezentând produsul în acțiune, bucățile sau doar ingredientele principale. Lush este un exemplu grozav în care designul minimalist și ieșit din comun îi ghidează pe utilizatori în mod intuitiv să cumpere și să învețe mai multe despre marcă.

7. Showpo

Showpo (sau Show Pony) este un site de comerț electronic mobil, bazat pe moda feminină și orientat către adolescenți, studenți și festivaluri. Interfața cu utilizatorul este destul de tipică, dar funcțională, cu mai multe categorii de produse și bară de căutare proeminentă în partea de sus. De ce l-am ales pentru această selecție? Este modern, modern, dar în principal pentru că designul site-ului web este aliniat perfect cu designul produsului – schemele de culori, nuanțele, produsele prezentate deasupra pliului și chiar ramele de imagine completează conturul într-o manieră puțin haotică, dar sensibilă.

Spațiul negativ este prezent, dar nu domină stilul de design. Butoanele sunt foarte mari și ușor de apasat, astfel încât experiența utilizatorului este în mod clar luată în considerare. Showpo nu este ca site-urile mobile obișnuite de comerț electronic – nu prezintă atât de multe produse la prima vedere. Mai degrabă captivează vizitatorii cu imagini mari de eroi al căror scop este stabilirea tendințelor și educația.

Femeile vin la Showpo pentru inspirație, look-book-uri, pentru a găsi ceea ce este actual pe piață, iar designul simplifică acest lucru și ghidează consumatorii într-o călătorie de descoperire, cu un indiciu de vânzări. Filtrele de pe pagina produsului ar fi putut fi mai detaliate, dar Showpo compensează cu o selecție ușoară a produselor.

Aspectul paginii produsului este prezentat cu o grilă uniformă, dar dacă zăboviți puțin, imaginea produsului se va schimba de la sine. De îndată ce selectați dimensiunea, produsul este adăugat în coșul de cumpărături, ușurând selectarea produsului și corectarea mărimii printr-o simplă atingere. Acest lucru este, de asemenea, puțin șmecher, deoarece vizitatorii neobișnuiți ar crede că apăsarea dimensiunii va deschide detaliile produsului sau imaginile. Vor fi multe ștergeri din coșul de cumpărături, dar poate aceasta este strategia mărcii. Dacă consumatorii văd articolele deja în mașină, poate că vor decide să finalizeze achiziția.

Copierea site-ului este redusă la minimum, iar dacă consumatorii doresc să afle mai multe despre produs, textele sunt ascunse eficient în spatele butoanelor și categoriilor de acordeon, astfel încât site-ul să rămână mereu orientat spre produs și promovând imagini-erou.

8. Nike

Când ajungeți pe site-ul web Nike, mai întâi veți observa anunțul pentru aplicația de comerț electronic pe care o puteți descărca, atrăgând utilizatorii să interacționeze mai activ cu marca în timp ce își folosesc dispozitivele mobile. Veți cumpăra mai multe produse dacă urmați oferta mărcii și, așa cum am explicat la început, este mai ușor să urmăriți achizițiile și să creați profiluri de public țintă cu datele aplicației.

Dacă nu țineți cont de anunțul pentru aplicație, atunci abordarea minimalistă a brandingului va fi evidentă de la prima vedere. Există doar sigla, bara de căutare, coșul de cumpărături și meniul principal care este destul de interesant în partea dreaptă. Nici măcar numele Nike nu există nicăieri, aliniind designul site-ului web cu designul pantofilor și utilizarea logo-ului.

Site-ul de comerț electronic mobil al Nike este un exemplu excelent de filtre complicate de produse, care sunt necesare atunci când diversitatea produselor este atât de mare. Lipsa copierii site-ului pur și simplu invită utilizatorii să răsfoiască produse și să învețe totul despre ele prin pictograme, butoane și forme. Chiar dacă trebuie să muncești mai mult pentru a aduna informații despre produs, călătoria este totuși foarte intuitivă și plăcută și deloc frustrantă. Derularea imaginilor este reprezentată în mod revigorant cu linii în loc de puncte.

Designul minimalist al Nike, cu o mulțime de spații negative albe și aproape albe, caractere îndrăznețe și concise și informații prezentate cu forme și insigne captivează utilizatorii și îi atrag, sporind timpul petrecut la fața locului, dar și creșterea calității acelui timp. Alegând acest tip de abordare, Nike îi lasă pe consumatori să se îndrăgostească de produse fără a-i plictisi cu detalii inutile, care sunt chiar sub suprafață, arătate celor care le doresc. Mai mult timp petrecut navigând decât citind înseamnă prezentarea mai multor produse per consumator.

9. Hobbycraft

Hobbycraft este un site de comerț electronic mobil specializat în arte, meșteșuguri și rechizite. Cu o astfel de nișă strâns țesută, care are numeroase categorii și chiar mai multe produse, interfața de utilizator intuitivă și designul site-ului mobil este o necesitate absolută. Agruparea acestor categorii de ansambluri de neînțeles și care se explică de la sine este un meșteșug în sine.

Organizarea articolelor de papetărie Hobbycraft este descrisă prin pictograme colorate cu linii subțiri, susținute de un tip de literă la fel de ușoară, care este în contrast cu logo-ul gros și aldine al Hobbycraft. Interesantă este și paleta de culori, jucându-se cu nuanțe de maro, roz și verde. Introducerea textului predictiv în bara de căutare a produselor este bine optimizată, ilustrând rezultate text relevante pe care puteți face clic, dar Hobbycraft folosește și procesul de căutare pentru a prezenta produse relevante cu imagini în secțiunea Top Results, care este o inovație în comerțul electronic mobil camp.

Un singur clic este tot ce este nevoie pentru a adăuga produsul în coșul de cumpărături, ceea ce economisește timp și ușurează procesul final de plată. Lipsa copierii site-ului este firească, deoarece îi permite oamenilor să cumpere pentru ce au venit, iar dacă doresc să afle mai multe despre anumite produse, vizualizarea detaliată glisează din dreapta. Hobbycraft are, de asemenea, resurse precum rețelele sociale și blogul lor care promovează produsele în continuare.

Aspectul grilei în două coloane asigură afișarea tuturor produselor cu imagini mari, mai ales pentru că natura produselor Hobbycrat este de așa natură încât piesele sunt atât de mici. Butonul verde mare întărește decizia cumpărătorului de a adăuga articolul în coșul de cumpărături. În loc să risipească spațiul butoanelor, HobbyCraft folosește un simbol vizual pentru coșul de cumpărături în loc de cuvânt. Dacă răsfoirea a condus clienții atât de departe în lista de produse, aceștia pot folosi întotdeauna butonul înapoi în sus, ceea ce reprezintă o valoare adăugată excelentă pentru funcționalitate.

Antetul remediat cu bara de căutare proeminentă și articolele din coșul de cumpărături asigură că clienții își pot rafina navigarea și pot introduce ceea ce au nevoie în orice moment.

10. Gifts.com

Gifts.com este un site de comerț electronic mobil care folosește în mod inteligent diverse metode de căutare și categorii de produse. Aspectul este curat și cu spații negative albe întrerupte de imagini colorate ale produselor. Schema de culori se bazează pe roșu închis, care este o culoare grozavă legată de emoții puternice, cum ar fi dragostea, care este exact ceea ce doriți într-un site web de cumpărături de cadouri.

Tipografia Logo-ului este în cursivă, ceea ce îi conferă o senzație scrisă de mână, ca un card cadou. Produsele din meniul principal sunt clasificate în continuare cu al doilea nivel al barei de navigare sub formă de acordeoane. Bara de căutare este ușor accesibilă în partea de sus și, la fel ca antetul Hobbycraft, rămâne fix atunci când derulați pe site.

Când selectați produsul, nu îl puteți adăuga în coș înainte de a-l personaliza și, deși necesită timp utilizatorului, acesta îl va aprecia făcând eforturi suplimentare pentru a se asigura că produsul pe care l-a ales devine unul perfect. Faptul că nu puteți evita personalizarea le spune clienților că Gifts.com ca marcă îi pasă de experiența lor cu produsul și de rezultatul final, nu doar de vânzări.

De ce site-urile mobile de comerț electronic sunt importante pentru creșterea afacerilor

În general, funcționalitatea și utilizarea site-ului mobil sunt cheia pentru un design de succes al site-ului de comerț electronic. Fă-ți timp pentru a investi în navigare ușoară și în cumpărături simple și în finalizarea comenzii.

De exemplu, faceți butoanele ușor de atins, adăugați suficiente filtre pentru a ajuta clienții să găsească ceea ce caută rapid și eficient și simplificați procesul de finalizare a comenzii cât de mult puteți. Acordați o atenție deosebită interfeței și experienței utilizatorului și faceți designul centrat pe utilizator. Utilizați scheme de culori interesante care se vor alinia cu identitatea mărcii și aspectul general, dar nu vă fie teamă să adoptați o abordare diferită și să depășiți așteptările utilizatorilor.

Deși aplicațiile mobile sunt o investiție excelentă dacă aveți buget pentru ele, un site web de comerț electronic mobil puternic și bine conceput le va oferi clienților o călătorie frumoasă a cumpărătorului și companiilor cu conversii și rentabilitate mai bună a investiției.

Doriți mai multe sfaturi pentru creșterea afacerii? Înscrieți-vă pentru newsletter-ul nostru!