5 puikaus produkto puslapio dizaino pavyzdžiai ir ko galite iš jų pasimokyti

Įvadas

Apsilankius e. parduotuvės svetainėje, klientų patirtis turi būti paprasta: patraukli, paprasta ir paprasta. Produkto puslapio dizainas yra vienas iš svarbiausių bendros naudotojo patirties aspektų, nes būtent šie puslapiai galiausiai paverčia naršytojus klientais. Todėl kuriant internetinės parduotuvės produkto puslapį daugiausia dėmesio reikėtų skirti pristatomiems produktams, aukštos kokybės nuotraukoms ir išsamiai informacijai.

Dauguma klientų, prieš baigdami pirkimą, peržiūri produkto puslapį, todėl jei kuriate naują svetainę arba optimizuojate savo elektroninės parduotuvės svetainės veikimą, nepamirškite, kad geras dizainas prasideda nuo naudotojo poreikių supratimo ir atitinkamo pritaikymo.

Panagrinėkime, kaip sukurti puikų produkto puslapį, kokios yra geriausios produktų puslapių dizaino praktikos ir kokios yra pagrindinės savybės, dėl kurių produkto puslapis yra vertingas ir patrauklus.

Kaip sukurti produkto puslapį

Nors projektavimo procesas gali skirtis priklausomai nuo dizainerio, yra tam tikrų dalykų, kurių turėtų nepamiršti kiekvienas, besimokantis kurti produktų puslapius.

1. Naudokite aukštos kokybės vaizdus

Pirkimo internetu patirtis yra visiškai vizuali, todėl produktų nuotraukos yra labai svarbios bet kuriam produktų puslapiui. Kadangi klientai negali paliesti ir išmėginti produktų kaip fizinėje parduotuvėje, nuotraukos padės jiems nuspręsti, ar jie nori ką nors pirkti, ar ne.

Kurdami svetainę įsitikinkite, kad naudojate optimizuotus paveikslėlius ir nuolat juos atnaujinate. Optimizuoti vaizdai turėtų būti tinkamo tipo, dydžio ir suspausti, kad puslapis būtų įkeliamas greičiau. Be to, jūsų vaizdai turėtų būti fokusuoti, turėti paprastą foną ir pateikti keliais rakursais, kad naudotojai matytų, ką jie gauna.

2. Sukurkite įtikinamą raginimą imtis veiksmų

Aktyvi kalba skatina klientus imtis veiksmų ir pirkti arba sužinoti daugiau apie produktą. Kuriant ir formuojant raginimo imtis veiksmų (CTA) mygtukus, jie turi būti trumpi, glausti ir žadinti smalsumą, kitaip tariant, veiksmingas CTA turėtų paskatinti spustelėti.

3. Rašyti informatyvius produktų aprašymus

Minėjome, kad puikiam produkto puslapiui labai svarbūs vaizdai, tačiau taip pat svarbi ir gera produkto kopija.

Produktų aprašymuose klientams pateikiama išsami informacija apie kiekvieną produktą. Taip, jie turi būti greiti, tačiau juose taip pat turi būti pateikta išsami informacija apie medžiagas, spalvas ir svarbiausias savybes.

Produktų paveikslėliai ir aprašymai turėtų veikti kartu, kad įtikintų žmogų pirkti tai, ką parduodate.

4. Rodyti skaidrią kainodarą

Sprendimą pirkti lemia ne tik penkiomis žvaigždutėmis įvertintas produktas, aiškus ir įtikinamas tekstas bei puikios nuotraukos, bet ir kaina. Turėtumėte **visada nurodyti aiškią kainą **dideliu šriftu, vengti dviprasmiškų nuolaidų ir smulkaus šrifto.

5. Įtraukite socialinį įrodymą

Mums daro įtaką socialinė elgsena, todėl, kai matome žmones, laukiančius eilėje prie staliuko restorane, arba kai šeimos narys rekomenduoja produktą, mūsų sprendimui pirkti dažnai turi įtakos tai, ką apie jį daro ar sako kiti. Ne išimtis ir apsipirkimas internetu.

Iš tiesų 97 % klientų teigia, kad internetinės apžvalgos daro įtaką jų sprendimui pirkti, todėl neabejotinai reikia įtraukti socialinius įrodymus, kad jūsų produkto puslapio konversijos būtų teigiamos.

6. Būkite nuoseklūs

Jūsų svetainė ir kiekvienas produkto puslapis turi būti ne tik stipraus dizaino, bet ir nuoseklūs, vienodų, gerai integruotų spalvų ir tarpusavyje derančių vaizdų.

Užtikrinkite prekės ženklo nuoseklumą naudodami spalvų paletę, tam tikrus šriftus ir darnų rašytinio turinio balso toną. Kad užtikrintumėte vizualinį nuoseklumą, galite naudoti svetainės grafinius šablonus; tai padės sukurti unikalią, darnią skirtingų produktų puslapių ir nukreipimo puslapių išvaizdą.

(Paveikslėlio šaltinis: " Envato Elements")

5 gražūs produkto puslapio dizaino pavyzdžiai ir kodėl jie veikia

Dabar, kai jau aptarėme elektroninės prekybos produktų puslapio kūrimo pagrindus, panagrinėkime prekių ženklų pavyzdžius, kurie teisingai kuria produktų puslapio tinklalapio dizainą.

1. Apple

(Paveikslėlio šaltinis: "Apple" / "iPad")

Kodėl tai veikia?

Šiame puslapyje "Apple" dizaino komanda sukūrė įspūdingą klientų patirtį be jokių trukdžių, sutelkdama dėmesį į gaminį ir jo unikalias funkcijas. Kopija yra trumpa, įkvepianti, o kai naudotojai toliau slenka, atradimas tęsiamas trumpais aprašymais ir produkto vaizdais, kurie išsiskiria baltame fone.

Ko galite išmokti?

Kai kalbama apie paveikslėlius, kopiją ir visus kitus produkto puslapio dizaino elementus, mažiau yra daugiau.

"Apple" nepriekaištingai kuria produkto puslapį. Kiekvienas paveikslėlis, balta erdvė, žodis ir detalė parenkami kruopščiai, todėl bendras vaizdas išlieka švarus, nuoseklus ir išryškina produktą.

Toks minimalistinis dizainas neleidžia blaškyti dėmesio, todėl kurdami puslapį pasirinkite paprastą išdėstymą.

2. "Chronicle Books" knygos

(Paveikslėlio šaltinis: " Chronicle Books")

Kodėl tai veikia?

Nors šioje svetainėje naudojamos ryškios spalvos visose kategorijose, pagrindinis dėmesys produktų puslapiuose skiriamas personalizavimui. "Chronicle Books" leidžia lengvai nustatyti kategorijas iš viršutinio meniu ir atitinkamai pateikti susijusį ir aktualų turinį.

(Paveikslėlio šaltinis: " Chronicle Books")

Siūlyti susijusias knygas, kurias naudotojai gali įsidėti į krepšelį neišeidami iš šiuo metu naršomo puslapio, yra veiksmingas būdas išlaikyti jų susidomėjimą jau parinktais produktais.

Ko galite išmokti?

Jei norite, kad naudotojas rastų tai, ko ieško, ir, tikėkimės, ne tik, kad padidintų savo pirkinių krepšelį, produktų puslapiuose svarbiausia - suasmeninta klientų patirtis. Pagalvokite apie savo produktus ir kaip susieti kitus produktus, kurie nebūtinai priklauso tai pačiai kategorijai, bet galbūt atitinka platesnius kliento interesus.

3. "Farfetch": Viskas apie detales

Kodėl tai veikia?

Mados el. parduotuvei "Farfetch" gerame produkto puslapyje svarbiausia - detalės. Klientai vienoje vietoje gali gauti aiškią informaciją apie gaminio priežiūrą, dydį, kainą, pristatymo terminus ir dizainerį. Yra net galimybė įtraukti prekę į pageidavimų sąrašą, jei jie nėra pasirengę pirkti dabar.

Ko galite išmokti?

Pasiteiraukite klientų, kokios informacijos jie ieško naršydami jūsų ir konkurentų produktų puslapius. Produktų puslapiuose pateikiamą informaciją turėtumėte pritaikyti prie užklausų, kurios padės klientams priimti sprendimą pirkti.

(Paveikslėlio šaltinis: Farfetch)

4. "Zara": "Make It Immersive

(Paveikslėlio šaltinis: Zara)

Kodėl tai veikia?

"Zara" interneto svetainėje patirtis prasideda ne nuo produkto puslapio. Nuo pat pagrindinio puslapio vartotojas jaučiasi tarsi aukštosios mados podiumo šou, kuriame modeliai žengia podiumu vilkėdami naujausios "Zara" kolekcijos drabužius. Po vaizdo įrašu yra begalinis slinkimas, leidžiantis naudotojui žiūrėti į gražiai parinktas redakcines nuotraukas, o ne ieškoti produktų kataloge.

"Zara" siūlo daug prekių ir nuolat atnaujina jų atsargas, tačiau prekių kategorijų yra nedaug. Toks katalogo supaprastinimas palengvina naršymą ir leidžia naudotojams susiaurinti paiešką naudojant iki dešimties filtrų.

(Paveikslėlio šaltinis: Zara / Moteris / Šalis)

Ko galite išmokti?

Tokiems įtraukiantiems produktų puslapiams sukurti reikia pastangų, nes vaizdai fotografuojami redakciniu stiliumi, o ne paprastame fone. Taip pat reikia atsižvelgti į tai, kaip produktų fotografijos dera su platesne svetainės ir ne svetainės patirtimi, nesvarbu, ar tai būtų vaizdo įrašas pagrindiniame puslapyje, ar vaizdai, kuriais dalijamasi per "Instagram". Jei šis metodas taikomas veiksmingai, jis gali padėti ne tik parduoti produktus, bet ir kurti ryšį su prekės ženklu ir klientais.

5. Glossier: Jūsų produktai - herojai

(Paveikslėlio šaltinis: "Glossier")

(Paveikslėlio šaltinis: "Glossier")

Kodėl tai veikia?

Grožio prekės ženklo "Glossier" svetainės herojus yra produktai, o tai, žinoma, apima ir produktų puslapius. Viskas, kas yra aplink produktų paveikslėlius, t. y. glausta kopija, naudotojų atsiliepimai, spalvų paletės parinkiklis ar žymos "geriausiai įvertintas", yra skirta informuoti naudotoją apie paties produkto vertę. Paveikslėlių galerijos padeda parodyti skirtingus gaminio variantus, kad būtų lengviau nuspręsti, ką pasirinkti. Tai labai svarbu tokiems produktams, kaip makiažas, kai pirkėjas neturi galimybės pirmiausia išbandyti.

Ko galite išmokti?

Jei jūsų gaminys yra pagrindinė žvaigždė, nedvejodami iškelkite jį į pirmą vietą. Dizaineriai kartais išsiblaško dėl maketų, prekės ženklo priemonių ir papildomos grafikos ir pamiršta, kad produktas yra pagrindinis pardavimo taškas. Atsiliepimai taip pat gali būti stebuklingi, kai reikia atgaivinti savo produktą ir pademonstruoti socialinių įrodymų apie jo vertę, kuriuos pateikia tikri naudotojai.

Kas lemia puikų produkto puslapio dizainą?

Kaip matome iš penkių geriausios praktikos produktų puslapių dizaino pavyzdžių, į gerą produkto puslapį įeina daug dalykų, tačiau yra keletas esminių sudedamųjų dalių, kurios būtinos kiekvienam produkto puslapiui.

" Baymard Institute" atliktas tyrimas siūlo 95 gaires, kurių reikia laikytis kuriant produkto puslapį, įskaitant išdėstymą, produkto vaizdus, vaizdų galeriją, skiltį "Pirkti", pristatymo, grąžinimo, dovanojimo politiką, produkto variantus, aprašymus, specifikacijas, naudotojų atsiliepimus, kryžminį pardavimą ir kryžminę navigaciją.

Tyrimas parodė, kad tik 18 proc. iš 185 daugiausiai pajamų uždirbančių JAV ir Europos e. prekybos svetainių produkto puslapio našumas yra "geras" arba "priimtinas". Specifikacijos yra viena dažniausių problemų tarp jų.

(Paveikslėlio šaltinis: Baymardo institutas)

Kas yra geras dizainas?

Nepaisant daugybės būdų, kaip pasiekti gerą dizainą ir jį apibrėžti, kai kurie vokiečių pramoninio dizainerio Dieterio Ramso principai gali padėti jums orientuotis dizaino procese.

1. Geras dizainas yra naujoviškas.
2. Dėl to produktas tampa naudingas ir suprantamas.
3. yra estetiškas.
4. yra neįkyrus.
5. Yra sąžiningas.
6. Jis yra ilgalaikis, nors šiame skaitmeniniame pasaulyje tai gali būti mažiau aktualu.
7. Tai rodo dėmesį detalėms.
8. Tai ekologiška.
9. Reikia kuo mažiau dizaino.

Apibendrinant, tai reiškia, kad reikia laikytis paprastumo, sutelkti dėmesį į svarbiausius dalykus ir vengti funkcijų, kurios nepadeda naudoti.

Produkto puslapio dizaino geroji praktika

Žinoma, geras dizainas yra labai svarbus, tačiau joks verslas neišgyventų be pelno. Taigi, be to, kad reikia ne tik mokytis apie vaizdus ir formatus, bet ir sužinoti, kaip kurti produktų puslapius, kurie didina pardavimus internete.

" Shopify" ir " Nielsen Norman Group" atlikto tyrimo duomenimis, tai yra geriausia praktika, kurios reikia laikytis ir kuri padės pirkėjams apsispręsti, ką jie nori pirkti.

1. Aprašomasis gaminio pavadinimas
2. Tikslūs produktų vaizdai
3. Išsamus, priartintas kiekvieno gaminio vaizdas
4. Kaina ir ar yra papildomų mokesčių
5. Aiškios produktų parinktys, iš kurių galima rinktis
6. Prieinamumas
7. Aiškumas pridedant prekes į krepšelį, grįžtamasis ryšys, kai jos pridedamos
8. Informatyvus produkto aprašymas

Produkto puslapio dizaino šablonai

Jei kūrimas nuo nulio nėra jūsų stiprioji pusė arba jums reikia kūrybinio turto, kad galėtumėte pradėti, turėtumėte apsvarstyti galimybę pasinaudoti produkto puslapio dizaino šablonu, internetinėmis dizaino priemonėmis ir žiniatinklio šablonais, kad pasiektumėte geriausią įmanomą rezultatą. Produkto puslapio dizaino šablonų naudojimo privalumai: supaprastinamas procesas, sutaupoma laiko ir užtikrinamas nuoseklumas visuose puslapiuose.

Produkto puslapio dizaino kontrolinis sąrašas

Išnagrinėjome geriausios praktikos pavyzdžius ir bendrąsias rekomendacijas, tačiau jei jums reikia kontrolinio sąrašo, kuriuo galėtumėte vadovautis kurdami kitą elektroninės prekybos produkto puslapį, pateikiame šiame straipsnyje išnagrinėtų dalykų santrauką.

• Pasirinkite aukštos kokybės optimizuotus vaizdus
• Įtraukite įtikinamus CTA mygtukus
• Rašykite informatyvius produktų aprašymus
• Rodyti matomus produktų variantus
• Skaidriai nurodykite kainas
• Parodykite socialinius įrodymus ir apžvalgas
• Nurodykite pristatymo informaciją
• Būkite nuoseklūs kurdami savo prekės ženklą

Pasiruošę sukurti tokį produkto puslapį, kuriuo didžiuotumėtės

Naujo gaminio puslapio kūrimas - įdomus nuotykis. Jums tenka padaryti taip, kad produktai spindėtų ir išsiskirtų iš tūkstančių kitų internetinių variantų - tai užduotis, į kurią nereikėtų žiūrėti lengvabūdiškai.

Galiausiai nepamirškite naudotojo, kuris lankosi jūsų e. parduotuvės svetainėje. Jūsų produktas, žinoma, yra svarbiausias, tačiau galutinį sprendimą priima jūsų klientas.