Kaip tinkamai susitvarkyti elektroninės parduotuvės išvaizdą?

Kaip tinkamai susitvarkyti elektroninės parduotuvės išvaizdą?

Per pirmąsias kelias sekundes lankytojas nusprendžia, ar jūsų elektroninė parduotuvė atrodo patikimai. Ne perskaitęs prekės aprašymą, ne palyginęs kainas – tiesiog pamatęs. Tvarkinga, solidi išvaizda yra vienas svarbiausių kriterijų norint paskatinti pirkėjus įsigyti prekes būtent pas jus ir pašalinti abejones, kad parduotuvėje gali būti nesaugu pirkti.

Tai galioja net jei pasiūlysite pačias patraukliausias kainas – nepatikimai atrodanti parduotuvė iš karto signalizuos, kad ir tos kainos gali būti klastotė, nevertos dėmesio. Priešingai – tvarkinga išvaizda tai puiki dirva pritraukti naujų klientų ir pristatyti save kaip patikimą, žinomą pardavėją.

Geroji žinia – dažniausiai tai vieną kartą reikalinga procedūra. Susitvarkius tinkamai galima keletą metų ramiai pardavinėti, iki vėl prireiks dizaino pokyčių. Būtent dėl to neverta praleisti šio kritinio elemento visame parduotuvės pasiruošimo procese.

Mūsų sistemoje rasite daugybę galimybių, funkcijų bei nustatymų išvaizdai susitvarkyti pagal savo poreikius – be programavimo žinių, intuityviai ir sklandžiai. Toliau trumpai pristatome, kaip tai padaryti, net jei visiškai nežinote, nuo ko pradėti.

Pirmas įspūdis: viršutinė navigacijos juosta ir pagrindiniai baneriai

Vos atsidarius parduotuvės pagrindinį puslapį, lankytoją pasitinka viršutinė jos dalis, matoma visose svetainės vietose – logotipas, navigacija, paieškos laukelis, kontaktai ir kitos nuorodos bei pagrindiniai reklaminiai skydeliai (baneriai). Šie elementai formuoja pirmą įspūdį apie jūsų prekės ženklą, todėl jiems skirkite daugiausiai dėmesio.

Plačiau apie viršutinės juostos dalis:

Logotipas: geriausia, jei jį jau turite. Jei ne – galime padėti jį sukurti už jus. Logotipas turėtų būti aiškus, atspindintis įmonės veiklą, požiūrį ir parduodamą produkciją. Modernūs logotipai yra lengvai skaitomi, įsimenami ir neperkrauti.

Logotipą puslapiui lengvai įkelsite skiltyje Nustatymai > Pagr. nustatymai > Paveikslėliai.

Navigacija: stenkitės sukelti aiškų, solidų ir kokybišką turinį. Navigacija neturi būti apkrauta ar nesuprantama – išskirstykite kategorijas, o jei reikia, grupuokite jas plačiau. Plačiau navigacijos elementai pristatomi skiltyje Prekių valdymas > Kategorijos.

Banerius galite kurti ir valdyti skiltyje Turinys ir išvaizda > Reklaminiai baneriai (sukurti grupes), o priskirti jas – skiltyje Turinys ir išvaizda > Moduliai. Čia rasite atskirus galimų reklaminių banerių tipus, kurių pagalba savo sukurtas grupes atvaizduosite tam tikrose tinklapio vietose.

Rekomenduojame, kad baneriai nebūtų apkrauti ir aiškiai pateiktų informaciją, kurią norite perduoti klientui – pagrindinių banerių atveju pačią svarbiausią ir aktualiausią, pvz., populiarią prekę, akciją ar kitą išskirtinį pasiūlymą. Banerius nuolat atnaujinkite ir keiskite naujais. Šiai dienai internete rasite daug nemokamų įrankių, puikiai tinkančių nedideliems poreikiams – pavyzdžiui, itin populiarią „Canva“. Esant poreikiui, mes taip pat galime padėti jums banerių kūrimo klausimais.

Ypač svarbu – kontaktai ir įmonės informacija. Ne vienas klientas atmes norą pirkti pas jus, jei neras jūsų įmonės duomenų, susisiekimo informacijos ar net paprasto prisistatymo, kas esate ir ką siūlote. Niekada neignoruokite paprastų įmonės duomenų, el. pašto ir telefono numerio pateikimo – ypač kai kalba eina apie kliento pinigų patikėjimą. Naudinga žinoti, kad eshoprent sistemoje ši informacija formuojama automatiškai už jus – tik nepamirškite užpildyti skilties Nustatymai > Pagrindiniai nustatymai.

Spalvų pasirinkimas visame tinklapyje bei jų vientisumas

Spalvos – tai pirmas emocinis signalas, kurį gauna lankytojas. Tinkamai parinktos spalvos padeda kurti pasitikėjimą ir išryškinti svarbiausius veiksmus, pavyzdžiui, mygtuką „Į krepšelį“.

Rekomenduojame naudoti 2–3 pagrindines spalvas ir neperkrauti puslapio daugybe tarpusavyje nederančių atspalvių. Stenkitės nenukrypti nuo vienodos spalvinės stilistikos arba naudokite spalvas, papildančias viena kitą – priešingose spektro pusėse, šalia ir pan.:

  • Vieną pagrindinę (prekės ženklo spalvą) – dažniausiai švelnią, ne per daug išsiskiriančią ir ryškią, ją galima panaudoti didesniems elementams tinklapyje;
  • Vieną arba dvi papildančias spalvas (akcentams, mygtukams) – naudojamas santūriau, rečiau pasitaikančias, jos gali būti ryškesnės ir kontrastingesnės lyginant su pagrindine;
  • Papildomai – fonai su tekstais parduotuvėse dažniausiai rekomenduojami balti, tekstai – juodi arba tamsūs (pvz., švelniai pilki) ir aiškūs, kuriantys lengvą, tolygų vaizdą. Vietoje to galima panaudoti ir vieną neutralią spalvą arba jų derinį. Šiuo metu itin populiarėja tamsūs, mažiau akis apkraunantys sprendimai, kur, palyginti su įprasta knyga, viskas yra atvirkščiai – tamsūs fonai, šviesios raidės. Tokie fonai parduotuvėse dar nėra itin išplitę, bet vertinami įvairiose programose ir telefonuose, nes tausoja akis ir yra lengviau skaitomi naktį. Tikėtina, kad ateityje jie labiau paplis ir prekybai skirtuose puslapiuose – tiesa, šiandien vyraujantys tamsūs atspalviai dažniausiai naudojami prabangių, išskirtinių prekės ženklų.

Spalvas derinti, parinkti ir matyti padės tokie patogūs įrankiai kaip Adobe Color, jį rasite ČIA.

Daugiau svarbių išvaizdos nustatymų ir kaip juos tinkamai valdyti rasite mūsų naudotojo gido skyriuje Turinys ir išvaizda > Išvaizdos nustatymai.

Keli pavyzdžiai pagal parduodamas prekes:

  • Sveikata, grožis, papildai: švarus baltas fonas, žali, šviesiai mėlyni, rožiniai ar pilki akcentai, tačiau pačios spalvos nuslopintos, ne ryškios;
  • Technikos prekės: tamsesnės, solidžios spalvos ir jų deriniai – juoda, pilka, mėlyna, geltona, oranžinė, raudona;
  • Apranga, papuošalai ar avalynė: sodrūs, šilti, tačiau ir kontrastingi atspalviai, žaismas tarp baltų ir tamsių spalvų;
  • Vaikų prekės: šviesios, pastelinės spalvos, kurios atrodo žaismingai, bet neperkrauna dizaino.

Pagrindinio puslapio struktūra – prekių blokai ir moduliai

Parduotuvės vidiniai puslapiai bei jų centrinis turinys, įskaitant ir pagrindinį puslapį, yra patogiai sudėliojami iš modulių bei prekių blokų, kuriuos galima dėlioti, slėpti ar perkelti į skirtingas vietas. Šiuos elementus rasite skiltyse Turinys ir išvaizda > Moduliai bei Turinys ir išvaizda > Prekių blokai.

Modulių tipai:

  • Reklaminiai baneriai (karuselės, statiniai skydeliai, iššokančios reklamos) – skirti papildyti turinį. Jų pagalba galite atskirti prekių blokus, išskirti svarbesnes prekes ar kategorijas. Įterpkite keletą banerių puslapio vaizdui pagyvinti – pavyzdžiui, tarp prekių blokų centriniame turinyje ar šonuose;
  • Teksto blokai ir kiti naudingi eshoprent moduliai – informaciniam turiniui, aprašymams ar papildomoms integracijoms, net tokioms kaip pirkėjo amžiaus patvirtinimas lankantis tinklapyje. Teksto blokai taip pat gali būti sėkmingai panaudoti SEO tikslams (plačiau apie SEO tvarkymą parduotuvėje skaitykite ČIA);
  • Informacinių puslapių ir tinklaraščio sąrašai – SEO stiprinimui, naudingai reklaminei medžiagai ar informacinio pobūdžio tekstams pateikti. Daugiau informacijos: Turinys ir išvaizda > Informaciniai puslapiai bei Turinys ir išvaizda > Tinklaraščio straipsniai;
  • Prekių blokai – labai svarbus elektroninės parduotuvės elementas. Čia, naudodami įvairius mūsų įrankius, galite išskirti daug skirtingų prekių bei kategorijų, jas įvairiai grupuoti ir pateikti klientams daug greičiau. Rekomenduojame prekių blokų (ypač pagrindiniame puslapyje) panaudoti kuo įvairesnių. Siūlome ir automatiškai prekes surenkančius blokus – pvz., naujausios prekės, prekės su akcija, rekomenduojamos ar populiariausios prekės.

Nepamirškite panaudoti įvairių, tarpusavyje suderintų modulių, prekių blokų ir reklaminių banerių – ypač pagrindiniame puslapyje, kur klientas pirmiausia ateis ir pamatys šiuos elementus, skatinančius naršyti gilyn ir atrasti prekių. Pačių modulių nepadauginkite ir neperkraukite dizaino, tačiau atminkite – vienas blokas su keturiomis prekėmis ir vienas mažas baneris atrodys skurdokai ir nepadės klientams susipažinti su jūsų įmone bei asortimentu.

Kaip tvarkingai susidėlioti modulius

Tvarkinga struktūra padeda išlaikyti balansą ir užtikrinti geresnę naudotojo patirtį – svarbią informaciją rasti, pamatyti ir panaudoti žymiai greičiau. Pateikiame rekomendacinio pobūdžio galimą puslapio išdėstymo tvarką.

  1. Viršus (matomiausia dalis)
    • Besikeičianti reklama (3–5 baneriai su pačia svarbiausia informacija / prekėmis / kategorijomis);
    • Po juo – prekių blokai iš svarbiausių jūsų kategorijų (pvz., naujausios prekės).
  2. Vidurinė dalis
    • Prekių blokas (ar keli) su svarbiausiomis prekių kategorijomis – skatina naršyti ir atrasti;
    • Tarp jų – teksto modulis su trumpu pristatymu ar paraginimu (pvz., „Kodėl verta rinktis mus“, „Apie mus“ ir pan.);
    • Toliau gali sekti keli prekių blokai su svarbiomis prekėmis ir (ar) kategorijomis.
  3. Teminiai blokai ir akcijos
    • Prekių blokai (pvz., kas antras ar trečias) atskirti ilgu reklaminiu baneriu arba deriniu iš dviejų–trijų kvadratinių skydelių su ypatingos svarbos turiniu ar preke – pvz., nemokamo pristatymo pasiūlymu, išpardavimu ir pan.;
    • Neprivalomai – prekių su akcijomis modulis arba naujienų (tinklaraščio straipsnių) blokas.
  4. Papildomas turinys ir SEO
    • Teksto modulis su SEO informacija pačioje apačioje – pageidautinas (plačiau ČIA).
  5. Apatinė dalis (prefooter bei footer)
    • Prefooter gali būti naudojamas arba ne, tačiau mūsų sistemoje jis sukurtas svarbiai papildomai informacijai apie jūsų veiklą pateikti (pvz., „pristatymo taisyklės“, „pristatymas per 24 valandas“, „nemokamas pristatymas visoje Lietuvoje“, „apie mus“). Jį valdyti galite skiltyje Turinys ir išvaizda > Prefooter;
    • Kaip ir kitose eshoprent sistemos dalyse, dalis turinio į apatinę paraštę (footer) surenkama ir suformuojama automatiškai už jus. Vis dėlto svarbu, kad čia būtų aiški ir skaidri informacija – kontaktai, mokėjimo būdai, socialiniai tinklai, darbo laikas ir nuorodos į taisykles (formuojamos iš informacinių puslapių).

Plačiau apie kitus elementus ir patarimai

Produktų pateikimas ir bendras vaizdas

Produktų puslapiai – tai vieta, kur įvyksta sprendimas pirkti. Kokybiškos nuotraukos ir aiškūs aprašymai yra raktas į pasitikėjimą.

Rekomendacijos:

  • Naudokite vienodą foną visoms nuotraukoms, jei įmanoma – baltą. Apkrautos nuotraukos, nufotografuotos, pavyzdžiui, tamsiame sandėliuke, ne tik nesužavės pirkėjo, bet ir nesukurs tinkamo įspūdžio apie prekę. Taip pat venkite mažų nuotraukų – išplaukęs vaizdas sugadins nuomonę apie produktą ir visą parduotuvę. Skirtingo stiliaus nuotraukos (vienos su baltu fonu, kitos tam tikroje aplinkoje) išderins bendrą vaizdą ir parduotuvė atrodys pigiai, nepatikimai;
  • Įtraukite realaus panaudojimo nuotraukų (ypač papildams, sveikatingumo, grožio ar kosmetikos produktams);
  • Aprašymuose akcentuokite naudą, produktus aprašykite išsamiai ir kuo plačiau – geriausia, kad būtumėte gerai susipažinę su savo produkcija, ją išbandę ir puikiai išmanantys;
  • Jei įmanoma, pateikite vaizdo įrašų su prekėmis, naudojimo instrukcijas, patarimus, savo patirtį;
  • Produktų korteles valdysite skiltyje Prekių valdymas > Prekės.

Baneriai: kaip atrodyti profesionaliai

Baneriai – vizualinis turinio variklis. Kad jie atrodytų profesionaliai:

  • Laikykitės vienodo stiliaus – spalvos, šriftai ir paveikslėlių tematika turėtų būti identiški ar bent jau labai artimi tarp skydelių. Nekurkite daugybės skirtingų skydelių su skirtingomis spalvomis – bendras vaizdas turi būti vientisas, šriftai išdėstyti vienodai. Gali būti taikomos išimtys, pvz., išpardavimo baneriams: jei jūsų puslapio tema žalia, o išpardavimą norite išskirti raudonais akcentais;
  • Nekraukite per daug teksto – neapkraukite skydelių tekstu ar per dideliu produktų vaizdų skaičiumi. Kuo aiškiau bus pateikta, tuo paprasčiau kiekvienas supras ir susidomės. Žinutė – aiški, trumpa, greita;
  • Skirkite vietą „svarbiausiems“ baneriams viršuje, o mažesnius, su ne tokia svarbia informacija, dėkite žemiau.

Mobilus vaizdas: trys pagrindinės taisyklės

Šiai dienai labai daug pirkėjų naršo puslapius ir įsigyja prekes per mobilųjį įrenginį. Savo sistemą sukūrėme taip, kad viskas veiktų tinkamai ir tvarkingai – tai reiškia, kad kiekvieną funkciją galite valdyti tiek telefone, tiek kompiuteryje, o įjungus ją vienur, elementai tinkamai veiks ir kituose įrenginiuose. Vis dėlto, norint užtikrinti kokybišką turinio pateikimą, atlikdami tvarkymo darbus visada pasitikrinkite vaizdą visur, kur galite (dažniausiai bent per du įrenginius – kompiuterį ir telefoną tuo pat metu). Išskiriame svarbiausius punktus:

  1. Pridėję kiekvieną naują modulį ar atlikę pakeitimą patikrinkite, kaip jis atrodo jūsų telefone;
  2. Venkite dėti daug modulių kairėje ir (ar) dešinėje pusėje – mobiliame įrenginyje jie apkraus tinklapį, sulėtins veikimą, o pasiekti tikrąjį puslapio turinį bus sunkiau;
  3. Kurdami reklaminius banerius apgalvokite, kaip ant jų rašote tekstus – kad jie būtų aiškaus ir skaitomo dydžio ne tik kompiuterio ekrane.

Individualus dizainas: kai norite ne „gerai“, o geriausiai

Standartiniai eshoprent nustatymai leidžia pasiekti tikrai daug – tvarkingą, švarią ir patikimą parduotuvę galite susikurti patys, be programuotojo. Tačiau ateina momentas, kai norisi žengti dar vieną žingsnį: kad parduotuvė atrodytų ne tiesiog tvarkingai, o nepakartojamai ir tik jūsų. Tam kuriame individualius, unikalius dizaino sprendimus.

Kada verta rinktis unikalų dizainą?

  • Jūsų apyvarta auga ir standartinės išvaizdos galimybės ima riboti idėjas;
  • Investuojate į reklamą – tuomet kiekvienas konversijos procentas atsiperka labai greitai;
  • Norite aiškiai išsiskirti tarp konkurentų ir nebūti panašūs į nieką kitą;
  • Turite specifinį asortimentą ar sudėtingą kategorijų struktūrą, kuriai reikia savito pateikimo;
  • Turite stiprų prekės ženklą ir norite jį tiksliai perkelti į internetinę erdvę.

Ką gaunate užsisakę individualų dizainą?

  • Unikalų maketą, sukurtą būtent jūsų prekėms, klientams ir tikslams – ne šabloną, kurį naudoja dar keliasdešimt parduotuvių;
  • Konversijai pritaikytus sprendimus – apgalvotą kelią nuo pagrindinio puslapio iki apmokėjimo;
  • Mobiliesiems pritaikytą vaizdą, patikrintą skirtinguose įrenginiuose;
  • SEO požiūriu tvarkingą struktūrą, kad dizainas dirbtų kartu su matomumu paieškos sistemose;
  • Mūsų komandos pagalbą visą laiką – nuo pirmojo eskizo iki paleidimo ir vėlesnių pakeitimų.

Kaip vyksta procesas?

  1. Trumpas pokalbis – išsiaiškiname jūsų veiklą, konkurentus, pageidavimus ir biudžetą;
  2. Pasiūlymas ir terminai – aiškiai sutariame, ką gausite ir kada;
  3. Dizaino maketas – peržiūrite, komentuojate, koreguojame;
  4. Įgyvendinimas ir testavimas – jums nereikia nieko programuoti ar perkelti;
  5. Paleidimas – jūsų parduotuvė atrodo taip, kaip norėjote.

Susisiekite su mumis – aptarsime jūsų idėją, nemokamai įvertinsime esamą parduotuvės išvaizdą ir pasakysime, ar jums iš tiesų verta rinktis individualų dizainą, ar užteks kelių nustatymų pakeitimų. Konsultacija jūsų neįpareigoja.

Pabaigai

Tvarkingas dizainas – tai ne tik grožis, bet ir funkcionalumas. Naudodamiesi eshoprent įrankiais galite palaikyti profesionalų įvaizdį, lengvai keisti turinį, reaguoti į sezoniškumą ir užtikrinti gerą pirkėjo patirtį.

Svarbiausia – aiškumas, vientisumas ir patogumas. Kai vartotojas greitai randa tai, ko ieško, dizainas atlieka savo darbą. O kai norisi, kad jis dirbtų dar geriau nei konkurentų – žinote, kur mus rasti.

Norėdami geriau suprasti, ką galima pasiekti su mūsų sistema, ar tiesiog pasisemti įkvėpimo, peržiūrėkite mūsų dizaino šablonų pavyzdžius – juos rasite ČIA.

Taip pat skaitykite:

Dažniausiai užduodami klausimai

Taip. eshoprent sistemoje logotipą, spalvas, banerius, modulius ir prekių blokus valdysite per administravimo skiltis Nustatymai > Turinys ir išvaizda – viskas keičiama pažymint ir pasirenkant, be jokio kodo. Programuotojo prireikia tik tada, kai norite sprendimų, kurių standartiniuose nustatymuose nėra – tokiais atvejais kuriame individualų dizainą.
Pradėkite nuo baltos ir vienos pagrindinės spalvos, kuri tinka jūsų asortimentui, o mygtukams pasirinkite vieną kontrastingą akcentą. Derinius patogu pasitikrinti su Adobe Color. Jei norite iš karto daryti teisingai – galime padėti sukurti logotipą ir suformuoti visą spalvų paletę, kad ji derėtų ir puslapyje, ir baneriuose, ir socialiniuose tinkluose.
Standartinių nustatymų dažniausiai pakanka pradedančioms ir augančioms parduotuvėms. Individualus dizainas atsiperka tada, kai investuojate į reklamą, konkuruojate perpildytoje nišoje, turite specifinį asortimentą arba jaučiate, kad esama išvaizda jau riboja jūsų idėjas. Nesate tikri? Susisiekite – nemokamai peržiūrėsime jūsų parduotuvę ir pasakysime sąžiningai, ar jums to iš tiesų reikia.
Dizaino keitimas mūsų sistemoje neliečia prekių, kategorijų ar jų adresų, todėl sukauptas matomumas išlieka – priešingai, tvarkinga struktūra ir greitesnis puslapis SEO paprastai tik padeda. Terminai priklauso nuo projekto apimties: nustatymų pertvarkymą galima atlikti per kelias dienas, o individualaus dizaino sukūrimas ir įdiegimas planuojamas atskirai, aptarus jūsų poreikius.
Aukso taisyklės nėra, tačiau vienas prekių blokas ir vienas mažas baneris atrodys skurdžiai. Rekomenduojame pradėti nuo 3–5 banerių besikeičiančioje karuselėje viršuje ir 3–5 skirtingų prekių blokų (naujausios, akcijos, populiariausios, svarbiausios kategorijos), atskirtų baneriais ar teksto moduliu. Svarbiausia – kad blokai būtų skirtingi ir puslapis nesijaustų perkrautas.
Išbandyk 14 dienų nemokamai!

Išbandykite nemokamai, susipažinkite su įrankiu, kuris padės parduoti daugiau. Suveskite turinį, auginkinkite el. parduotuvę, parduokite ir plėskite savo el. verslą.

Kurti el. parduotuvę

14 dienų išbandyk NEMOKAMAI!