Cum Advanced Shopify Custom Development creează o experiență mai bună pentru utilizator

Pentru Paravel, un vânzător de bagaje, genți și alte accesorii de călătorie de înaltă calitate, inovatoare și produse în mod responsabil, funcționalitatea personalizată este o necesitate. Produsele pe care le produc și le vând sunt unice, așa că pentru ei a fost necesar să le ofere clienților o experiență unică de cumpărături.

Paravel avea nevoie de o mulțime de funcționalități de bază de comerț electronic pentru a face posibilă desfășurarea operațiunilor practice prin intermediul magazinului său online. Inițial, au fost construite pe o platformă open-source numită Spree, care are o mulțime de adepți și susținători din cauza faptului că este o platformă open-source.

Spree, ca și alte platforme open-source, cum ar fi Magento, este extrem de personalizabil. De asemenea, poate fi integrat cu un număr foarte mare de pluginuri și aplicații terțe, este foarte scalabil și prezintă un nivel de intuiție a interfeței de utilizare care face mai ușoară dezvoltarea unei interfețe prietenoase cu dispozitivele mobile.

Deși aceasta este doar o imagine rapidă a diferitelor caracteristici funcționale ale Spree, unele dintre ele vin la același cost ridicat ca și alte platforme open-source. Ele pot fi aproape nelimitate în funcționalitate, dar necesită mult timp de dezvoltare și chiar mai multă experiență pentru a le îndeplini. Fără o experiență vastă de codare sau un fundal în dezvoltare, platforme precum Spree pot epuiza rapid resursele.

Paravel avea nevoie de acea experiență de cumpărături unică, dar avea nevoie și de o soluție ieșită din cutie, care să ofere multe comercianților lor de comerț electronic. Problema pentru ei a fost cum au putut să-și ducă magazinul de comerț electronic deja meticulos proiectat și dezvoltat de la Spree pe o platformă mai capabilă?

Un proces aprofundat de migrare

După comunicarea cu echipa noastră de vânzări, Paravel a decis că o trecere la Shopify Plus a fost răspunsul – cu câteva prevederi. Printre altele, Paravel nu a vrut să experimenteze niciun efect negativ al migrației și și-a dorit ca noul lor magazin să ofere toate funcționalitățile magazinului lor Spree și apoi unele. Pentru a face acest lucru, Paravel avea nevoie de mai mult decât de un partener Shopify Plus - avea nevoie de un expert Shopify Plus.

În timp ce Spree a oferit opțiuni aproape nelimitate pentru personalizare, Shopify Plus, ca platformă SaaS de comerț electronic găzduită, le-ar putea oferi mult mai multe. Cu ajutorul unei echipe de dezvoltare precum 1Digital Ⓡ , ^Shopify Plus le-ar putea oferi toate personalizările oferite de Spree și multe altele. Shopify Plus a oferit, de asemenea, funcții de securitate sporite, timp de funcționare garantat, viteză rapidă a site-ului, compatibilitate similară cu aplicații și pluginuri terțe, acceptarea unui număr de opțiuni de plată, scalabilitate imensă și multe altele. Paravel a fost, în acest moment, însărcinată să-și mute magazinul Spree existent, precum și designul și funcționalitatea acestuia, în Shopify Plus.

Pentru unii, procesul de migrare a unui site web este chinuitor, dar noi știam altceva. Cu sute de migrari de succes în retrovizoare și o echipă de dezvoltatori care ne sprijină eforturile, știam că se poate face fără nicio problemă. Ar fi nevoie doar de un proces amănunțit.

Procesul a fost intens, dar nimic 1Digital ^Ⓡ Agency nu a putut executa cu brio. Proiectul a necesitat migrarea a 32 de câmpuri de produse (inclusiv nume, descrieri, imagini, prețuri și multe altele), precum și a peste 4.000 de conturi de clienți și comenzi fiecare. Pentru a face acest lucru, am configurat un server Linux temporar și am scris un script personalizat pentru a extrage și a clasifica aceste informații din inventarul Spree al site-ului lor original.

Pentru a-l muta, am creat un alt script personalizat pentru a se conecta la API-ul Shopify înainte de a importa în mod corespunzător toate câmpurile relevante. În timpul procesului și ulterior, datele au fost verificate pentru a se asigura că aterizează corect în noul magazin, astfel încât nu numai că nu se va pierde nimic, dar să se populeze toate acolo unde trebuia să meargă.

Procesul nostru amănunțit a prevenit pierderea de date, dar cum rămâne cu pierderea de trafic? Dacă există un lucru care îi îndepărtează pe clienții de comerț electronic de perspectiva unei replatformări (chiar dacă va veni cu beneficii uriașe), este teama de a pierde traficul sau autoritatea domeniului.

Din fericire, procesul nostru de migrare previne deteriorarea SEO la fel de meticulos pe cât previne pierderea datelor. Cu Paravel, așa cum am făcut cu fiecare proiect de migrare, am colectat toate adresele URL asociate cu site-ul lor și apoi am configurat redirecționări 301 către adresele URL asociate pe noul site web Shopify. Deloc surprinzător, Paravel nu a suferit nicio pierdere în trafic sau fluctuații în clasament după ce migrarea a fost finalizată.

Asistență – Pentru orice eventualitate

Migrarea la Shopify a decurs fără probleme, iar Paravel era pe drumul spre un nou magazin Shopify Plus cu funcționalitate îmbunătățită și o experiență de utilizator mai bună, dar pentru a fi în siguranță, am inclus o perioadă de asistență gratuită de 30 de zile în proiectul de migrare. . Orice agenție de migrare Shopify cu un proces dovedit ar trebui să facă acest lucru; este doar o parte integrantă a unei strategii de migrare de succes.

Durata perioadelor de suport gratuit variază în funcție de amploarea proiectului, dar în cazul migrării lui Paravel, am alocat 30 de zile. Acest lucru le-a dat o lună întreagă timp pentru a investiga noul lor site web și pentru a rezolva eventualele erori de migrare care ar putea apărea - pe care le-am remedia, gratuit.

Chiar și după aceea, le-am permis să rămână pe reținere, cerând nici un depozit; pur și simplu facturarea pentru orice modificări pe care le-ar înregistra după încheierea perioadei de asistență gratuită pentru site-ul web. Lucruri mici de genul acestea contribuie în mare măsură către asigurarea unui serviciu bun pentru clienți și ne propunem să ne asigurăm că migrațiile se desfășoară fără probleme, chiar și atunci când totul este verificat, verificat de două ori și verificat din nou.

Un site web nou dezvoltat

Dar nu sa terminat cu o migrație. Paravel avea criterii pentru mutarea asociate cu experiența clienților pe care o va oferi noul site și, pentru a ne asigura că, a trebuit să dezvoltăm un nou site Shopify Plus pentru ei.

Ca parte a proiectului lor, dezvoltatorii agenției 1Digital ^Ⓡ au creat o pagină de pornire nou-nouță pentru ei, care a fost mai bine integrată cu brandul și a ajutat să-și poziționeze produsele într-o lumină mai dezirabilă. A prezentat produse actualizate și imagini de fundal care s-au aliniat mai bine cu interesele și percepțiile pieței țintă. Luați în considerare impresia elegantă și sofisticată a noii pagini de pornire, mai jos, cu o imagine a vechii pagini de pornire dedesubt.

Pentru vizitatorii paginii lor de pornire, noul aspect este imediat izbitor nu numai pentru estetica superioară a imaginilor sale, ci și pentru efortul cel mai concertat pe care îl depune pentru a plasa valoarea produselor Paravel în centrul atenției. Veți observa, de asemenea, că există un meniu în partea de sus a noului aspect al paginii de pornire care lipsea în designul anterior; modalitatea de a accesa produsele lor anterior a fost prin derularea în jos a paginii până unde era un buton etichetat „cumpărați colecția”. Noua pagină oferă funcții de navigare a site-ului mult mai bune, așa cum puteți vedea mai sus.

Derulând în jos pagina de pornire, vizitatorii pot vedea recenzii printr-un banner glisant, pot afla mai multe despre categoriile de produse populare și chiar pot vedea cum folosesc clienții produsele prin intermediul rețelelor sociale, așa cum puteți vedea în unele dintre capturile de ecran de mai jos.

Pe lângă pagina de pornire, 1Digital ^Ⓡ a creat un nou șablon de pagină de categorie împreună cu o pagină „Povestea noastră” pentru Paravel, pe lângă alte câteva pagini de sistem. Printre acele pagini care au fost dezvoltate s-au numărat paginile de coș și de finalizare a achiziției, paginile de conectare, paginile cu certificate cadou și paginile „Mulțumesc”. În cele din urmă, am personalizat o serie de pagini de conținut, inclusiv paginile lor „Întrebări frecvente” și „Termeni”.

Importanța unui design web receptiv de înaltă calitate este esențială pentru comerțul electronic în zilele noastre, iar dezvoltatorii 1Digital ^Ⓡ au avut grijă să pregătească un site web receptiv actualizat pentru Paravel, ca parte a proiectului. În interesul experienței utilizatorului Paravel, noul design responsive de la 1Digital ^Ⓡ se adaptează automat la ecranele mai mici, redimensionând și reformatând textul în consecință.

Dezvoltare avansată – Funcționalitate pagină categorie

Când dezvoltatorii 1Digital ^Ⓡ au transferat toate informațiile asociate cu categoriile de produse Paravel, am adăugat și o nouă funcționalitate pentru a le transmite clienților, îmbunătățind astfel experiența clienților.

Am instalat un Editor Metafield în șablonul paginii lor de categorii, astfel încât Paravel să poată face modificări rapide la unele dintre insignele care apăreau pe afișarea paginii lor de categorii. Acest lucru le-a permis să editeze câmpuri personalizate, astfel încât promoțiile asociate cu produse „noi”, „cel mai bine vândute” sau „reprezentate” să poată fi afișate mai vizibil.

Această caracteristică aparent simplă oferă multă putere administratorilor Paravel pentru a face modificări rapide și ușoare la afișarea site-ului lor web, fără a lucra cu un dezvoltator. Un bărbat poate primi un pește sau i se poate preda arta și i-am oferit instrucțiuni detaliate lui Paravel despre cum să folosească și să gestioneze aplicația, astfel încât să poată face cu ușurință modificări chiar și după încheierea proiectului.

În mod similar, dezvoltatorii 1Digital ^Ⓡ au creat eșantioane de produs și funcționalitate Quick View pe paginile colecțiilor Paravel. Am creat un script personalizat pentru pagina lor de colecții Shopify Plus care a putut să preia și să afișeze informațiile dorite.

Scriptul pentru aceste mostre a asigurat, de asemenea, că atunci când un client dă clic pe specimenul asociat cu culoarea de interes, imaginea produsului va fi afișată în acea culoare. În plus, ar afișa prețul aplicabil asociat cu modificarea, precum și orice opțiuni pentru „personalizare” sau, dacă este necesar, un mesaj „stoc epuizat”.

Dezvoltare avansată – Funcționalitatea paginii de produs

Paravel pune un accent mare pe experiența clienților și, ca atare, au avut nevoie de o mulțime de funcționalități suplimentare din șablonul de pagină de produs, inclusiv abilități adăugate pentru a ajuta la personalizarea experienței de cumpărături.

Prin urmare, ca parte a aspectului de dezvoltare avansată a proiectului, 1Digital ^Ⓡ a ajutat la crearea unui set nou și mai bun de caracteristici pentru a personaliza experiența de cumpărături pe site-ul lor, în special pe pagina produsului.

Le-am configurat șablonul de pagină de produs astfel încât să fie afișat în mod similar cu vechiul lor magazin Spree. Am creat apoi o bară stick „adăugați în coș” care va rămâne în partea de jos a afișajului paginii produsului. Asta a fost partea ușoară.

De asemenea, am dezvoltat un instrument pentru șablonul de pagină de produs care le-ar permite cumpărătorilor să-și personalizeze experiența cumpărătorului și să o facă mai realistă. Pe lângă faptul că oferă clienților lor posibilitatea de a vedea cum ar arăta o anumită geantă (sau alt produs) folosind funcționalitatea de mostre descrisă mai sus, Paravel oferă clienților săi și posibilitatea de a-și personaliza produsele.

Paravel a fost interesat de caracteristicile de stimulare a conversiei ale unui instrument realist care le-ar permite clienților săi să vadă cu adevărat cum ar arăta produsele lor odată personalizate, așa că am creat un instrument care le-ar permite să facă acest lucru.

Instrumentul pe care l-am creat pentru Paravel a afișat o fereastră pop-up cu cuvintele „Personalizează” atunci când un client a vizitat pagina produsului. Apoi am creat un instrument care ar permite clientului să personalizeze produsul în funcție de stilul și culoarea literelor care ar apărea ca un monograma cu inițialele lor.

Acest instrument se afișează ca widget pe pagina produsului după ce clientul face clic pe „Personalizează” și este foarte ușor de manipulat și personalizat în funcție de preferințele sale. Pentru a ne asigura că produsul va afișa corect personalizarea, a trebuit să creăm un script personalizat care să afișeze cu acuratețe literele pe care clientul le-a introdus, în stilul pe care l-a ales, în zona dreaptă a produsului, după cum se poate observa. in imaginea de mai jos. Ca un nivel final de funcționalitate, am creat un „Șablon de nailon” care le-ar permite clienților Paravel să își personalizeze produsele cu litere brodate în loc de litere pictate manual sau aplicații.

Au mai fost câteva personalizări pe care le-am creat pentru paginile de produse ale Paravel, inclusiv implementarea a patru file din paginile de produse din vechiul lor magazin Spree prin codificare HTML. Am recreat, de asemenea, funcționalitatea „Choose Your Own Adventure” din magazinul Paravel’s Spree, care le permite clienților să personalizeze în continuare produsele Paravel cu aplicații și modele pictate manual, pe lângă alte câteva personalizări pentru a păstra integritatea funcționalității originale care a apărut pe magazinul lor Spree.

Integrare cu aplicații critice

Pentru a asigura funcționalitatea noului lor magazin Shopify Plus și pentru a asigura o experiență de utilizator fluidă și plăcută, 1Digital ^Ⓡ Agency a trebuit să integreze noul magazin Paravel cu aplicațiile sale critice pentru afaceri.

Printre altele, clienții Paravel s-au bazat pe recenzii și mărturii pe care Paravel a putut să le deseneze și să le afișeze prin YotPo, care ne-am asigurat că sunt integrate perfect pentru ei. De asemenea, Paravel s-a bazat în mare măsură pe utilizarea lui Zaius pentru implicarea clienților și CRM, așa că am realizat acea integrare, precum și cele menționate mai sus.

Pe lângă acestea, Paravel folosește funcționalitatea oferită nu numai de RJ Metrics, ci și de Talkable. Aceste aplicații oferă date valoroase administratorilor Paravel și permit programe de marketing de recomandare sigure.

Agenția 1Digital ^Ⓡ a integrat toate aceste aplicații cu noul magazin Paravel, pe lângă codificarea și dezvoltarea noului lor site web Shopify Plus. Am încheiat acest proiect, cuprinzător în anvergură, implicând o migrare și o dezvoltare personalizată avansată, fără blocaje. Adică, clientul nu a experimentat întreruperi nejustificate în afaceri, nicio pierdere de trafic și s-a mutat într-un magazin nou dezvoltat, cu funcționalități avansate personalizate, fără nici un sughiț. Pentru a face acest lucru, necesită experiență și procese amănunțite, ambele pe care 1Digital ^{Ⓡ le} integrează în fluxul nostru de lucru.

Soluția completă

Unii furnizori își adaptează serviciile la unul sau două servicii foarte specializate, dar știm că problemele cu care se confruntă comercianții de comerț electronic sunt diverse. Dacă am fi putut oferi doar servicii de dezvoltare, nu am fi putut migra Paravel de la Spree la Shopify Plus, care este una dintre cele mai importante platforme de comerț electronic pentru comercianții online. În mod similar, dacă ne-am limita la efectuarea migrărilor, nu am fi putut să personalizăm noul lor magazin așa cum și-au dorit.

Serviciile de proiectare și dezvoltare Shopify Plus, chiar și atunci când sunt asociate cu serviciile noastre de migrare, sunt doar o mică imagine a ceea ce oferă 1Digital ^Ⓡ Agency. Pe lângă serviciile noastre de design personalizat Shopify, oferim și campanii cuprinzătoare de marketing digital, inclusiv campanii SEO și PPC extrem de competitive, bine cercetate și direcționate.

Această poveste de succes se bazează pe faptul că am reușit să migrăm Paravel din Spree către un magazin Shopify Plus nou dezvoltat, cu funcționalități avansate. Multe dintre celelalte studii de caz ale noastre de comerț electronic se concentrează pe alte platforme de comerț electronic, cum ar fi proiectarea și dezvoltarea BigCommerce, servicii Magento similare și campanii de marketing digital. Aruncă o privire prin repertoriul nostru, iar dacă vrei să vezi cum putem rezolva problemele cu care se confruntă afacerea ta online, sună-ne la 888-982-8269.

Descărcați PDF