Diferite moduri de a proiecta pagini de produse digitale

Publicat: 2022-03-10
Rezumat rapid ↬ Conținutul digital (cărți electronice, media stoc și cursuri) poate fi făcut publicitar și vândut cu ușurință prin intermediul piețelor online. Dar clienții tăi nu vor câștiga atât de mulți bani în acest fel și chiar nu pot controla modul în care sunt comercializate produsele lor. Prin proiectarea paginilor de produse digitale pentru utilizatorii de smartphone-uri care se află în acea fază timpurie de descoperire și cercetare, clienții dvs. pot câștiga mai mulți bani din produsele lor. Astăzi, vom vedea cum se face acest lucru.

Cred că este corect să spunem că atunci când proiectați pagini de produse mobile pentru produse fizice, veți folosi un aspect similar și veți include aceleași detalii, indiferent de site.

De exemplu, așa arată paginile de produse pentru bicicletele Peloton, îmbrăcămintea Macy's și Truth Bars:

Comparație una lângă alta: Peloton Bike, top Macy’s cu decolteu în V, Truth Bar cu ciocolată neagră și nucă de cocos
O comparație alăturată a paginilor de produse mobile pentru Peloton, Macy's și Truth Bars. (Sursa: Peloton, Macy's, Truth Bars) (Previzualizare mare)

Există mici diferențe în modul în care sunt poziționate informațiile, unele pagini de produse afișând mai întâi numele produsului, evaluarea medie și prețul, în timp ce altele lasă imaginea produsului să conducă. Indiferent, nu există o mulțime de spațiu de mișcare în ceea ce privește ceea ce puteți include.

Proiectarea paginilor de produse digitale pentru dispozitive mobile nu este atât de simplă.

Deși ați putea să creați o pagină de îmbrăcăminte, echipamente și produse alimentare în mod similar, nu puteți face același lucru pentru produse digitale precum:

  • cărți electronice și alte documente,
  • Media și alte fișiere cu licență,
  • Cursuri.

Pe măsură ce consumatorii petrec mai mult timp online și cu smartphone-urile lor, există o nevoie tot mai mare de produse digitale de înaltă calitate. Dacă sunteți interesat să proiectați site-uri web de comerț electronic pentru aceste tipuri de produse, va trebui să înțelegeți diferențele dintre tipuri și cum să le prezentați în mod corect consumatorilor cu designul paginii dvs. de produs.

Mai multe după săritură! Continuați să citiți mai jos ↓

Diferite moduri de a proiecta pagini de produse digitale pentru mobil

Vânzarea de produse digitale este o modalitate excelentă de a genera un venit (în mare parte) pasiv online. Furnizorii de produse digitale nu trebuie să dețină sau să gestioneze inventarul, să se ocupe de transportul și retururile sau alte provocări legate de vânzarea articolelor fizice.

În ceea ce privește comercializarea acelor produse digitale, atunci poate deveni o provocare.

Iată ce trebuie să știți când proiectați pagini pentru următoarele tipuri de produse digitale:

Proiectarea paginii de produse pentru cărți electronice

Cu fiecare an care trece, din ce în ce mai mulți bani sunt cheltuiți pe cărți electronice de pe tot globul. Acestea sunt veniturile globale estimate pentru cărți electronice, conform datelor colectate de Statista:

Date Statista privind vânzările globale estimate de cărți electronice: 16,647 miliarde USD în 2020 până la 19,997 miliarde USD în 2025
Statista estimează o creștere anuală a vânzărilor de cărți electronice, de la 16,6 miliarde USD în 2020 la 20 miliarde USD în 2025. (Sursa: Statista) (Previzualizare mare)

Din acest motiv, cărțile electronice sunt o mare afacere de marketing pentru companii în zilele noastre. Același lucru este valabil și pentru alte documente digitale descărcabile, cum ar fi șabloane, liste de verificare și așa mai departe.

Dar, în loc să lase piețele să preia o parte din profiturile acestor produse digitale, marketingul și vânzarea de cărți electronice prin propriul site pot ajuta o afacere să obțină mai multe venituri.

Să folosim exemplul Smashing Magazine. Deși își poate vinde și își vinde cărțile electronice prin Amazon, are și o secțiune dedicată „Cărți” pe site. Și bănuiesc că prin site vin mai multe vânzări decât de la Amazon... din mai multe motive.

În primul rând, fiecare pagină de carte electronică este concepută pentru a se alinia cu marca Smashing Magazine pe care cititorii îl cunosc și în care au încredere:

Un exemplu de pagină de carte electronică de pe site-ul Smashing Magazine: aceasta este pentru The Ethical Design Handbook
Cartea electronică The Ethical Design Handbook de la Smashing Magazine. (Sursa: Smashing Magazine) (Previzualizare mare)

Acest sentiment de consecvență și familiaritate va câștiga mult mai multă încredere din partea cititorilor de lungă durată, cu mult mai mult decât clienții Amazon care se întâmplă să dau peste el.

Restul paginii produsului face ceea ce trebuie să facă pentru a încuraja vizitatorii să cumpere cartea electronică, chiar dacă nu sunt pregătiți să facă acest lucru atunci când văd acest prim CTA:

Pagina de destinație a Manualului de design etic cu „Obțineți cartea electronică” pentru 19,00 USD CTA
Pagina de destinație a cărții electronice Ethical Design Handbook oferă cititorilor o modalitate rapidă de „Obține cartea electronică”. (Sursa: Smashing Magazine) (Previzualizare mare)

Descrierea cărții electronice este prezentată într-o manieră clară și directă. Nu există distrageri pe parcurs, promovând alte cărți sau reclame.

Și nu trece mult până când cititorilor interesați li se oferă șansa de a citi o previzualizare a cărții:

Cărțile electronice Smashing Magazine vin cu descărcări gratuite de fragmente PDF, ePub și Kindle, cu planuri de lecție precizate
Cititorii interesați sunt invitați să „Descarce un extras PDF gratuit” sau să îl salveze în tipul de fișier la alegere. (Sursa: Smashing Magazine) (Previzualizare mare)

Acest lucru este obligatoriu ori de câte ori site-ul dvs. vinde un document digital. Nu numai că pagina de cărți electronice ar trebui să precizeze ce lecții vor învăța (așa cum face aceasta), dar un fragment în formatul lor de fișier preferat este obligatoriu.

Fără o previzualizare a ceea ce cumpără, va fi foarte dificil să faci acea vânzare.

Un alt element pe care ar trebui să îl includeți pe o pagină de destinație a cărții electronice este o secțiune despre autor(i).

Despre autorii Manualului de design etic: Trine Falbe, Martin Michael Frederiksen
O secțiune dedicată autorilor The Ethical Design Handbook. (Sursa: Smashing Magazine) (Previzualizare mare)

Pentru vizitatorii noi ai site-ului dvs. web și a paginii de destinație a cărții electronice, s-ar putea să se întrebe: „De ce naiba ar trebui să ascult această persoană?” Secțiunea autorului vă permite să puneți o față și context cărții.

Există o altă secțiune pe această pagină după care veți dori să oglindiți propria pagină de carte electronică. Aș sugera chiar să o plasați mai sus dacă autorii dvs. nu sunt nume binecunoscute (încă):

Un fragment din cuprinsul cărții electronice The Ethical Design Handbook
Cuprins pentru cartea electronică Manualul de proiectare etică. (Sursa: Smashing Magazine) (Previzualizare mare)

O secțiune de cuprins este utilă din mai multe motive:

  • Un rezumat al fiecărui capitol le permite cititorilor să determine dacă acesta va fi valoros.
  • Un cuprins optimizat pentru căutare ar fi la fel de eficient ca și utilizarea strategică a etichetelor de antet într-o postare de blog.
  • De asemenea, poate fi folosit pentru a genera date structurate și pentru a afișa un cuprins parțial în căutările online relevante.

Există un lucru care nu este inclus în acest exemplu pe care v-aș îndemna să îl includeți pe paginile cărților dvs. electronice dacă puteți: evaluări sau mărturii.

Doar pentru că este un produs digital, asta nu înseamnă că cititorii nu au nevoie de dovezi sociale pentru a le duce de la „Sună interesant” la „Trebuie să citesc asta”. De fapt, este o mare parte din ceea ce ajută cărțile electronice să se vândă pe platforme precum Amazon și Barnes & Noble.

Dacă site-ul dvs. are de vânzare doar una sau două cărți electronice, mărturiile cititorilor sunt bune. Dacă site-ul dvs. include un depozit de cărți electronice, atunci adăugați un sistem de evaluare și recenzie, astfel încât oricine să poată lăsa comentariile cu ușurință.

Design pagini de produse media

În calitate de designer web, ești deja familiarizat cu cantitățile mari de conținut licențiat de acolo:

  • Imagini,
  • Videoclipuri,
  • icoane,
  • Muzică,
  • Efecte sonore,
  • Video,
  • Fonturi,
  • Teme de proiectare sau șabloane,
  • Pluginuri.

Să fim sinceri, dacă cauți conținut stoc sau componente pre-proiectate, cel mai probabil vei merge la o piață populară pentru a le cumpăra. Numai cantitatea și diversitatea ofertelor sunt mult mai atrăgătoare decât a trebui să vizitați site-urile web ale creatorilor independenți pentru a încerca să găsiți ceea ce aveți nevoie.

Atunci de ce vorbim despre acesta?

Sunt două puncte pe care vreau să le fac:

Dacă aveți sarcina de a crea o piață pentru conținut licențiat, nu recreați roata.

Utilizați formula încercată și adevărată care funcționează pentru alții. Clienții nu doresc să găsească o nouă modalitate de a găsi conținut digital dintr-un depozit masiv doar pentru că ați simțit chef de creativitate.

Dacă aveți sarcina de a crea pagini de produse digitale pe site-ul web al unei agenții mici sau al unui creator independent, acum aceasta este o altă poveste.

Voi folosi site-ul web al tipografului Mark Simonson pentru a demonstra cum ar trebui să abordați așa ceva.

Aceasta este pagina de destinație pentru fontul Mostra Nuova:

O introducere în fontul Mostra Nuova pe site-ul Mark Simonson Studio
Pagina de destinație pentru fontul Mostra Nuova de la Mark Simonson Studio. (Sursa: Mark Simonson) (Previzualizare mare)

Atunci când creatorii își vând mediile digitale pe site-uri de piață, ei au foarte puțin control asupra modului în care sunt prezentate. Nici nu au control asupra a ceea ce alte distrageri sau recomandări sunt prezentate simultan clienților potențiali.

Cu toate acestea, creând pagini dedicate fiecărui produs de pe site-ul dvs. web, puteți controla aspectul și narațiunea așa cum o face această pagină:

Descrierea lui Mark Simonson a fontului Mostra Nuova și istoria acestuia
Mark Simonson include o descriere utilă a fontului și a istoriei acestuia. (Sursa: Mark Simonson) (Previzualizare mare)

De asemenea, nu trebuie să vă conformați regulilor pieței. Brandul dvs. și produsele sale sunt pe primul loc:

Mark Simonson Studio: Mostra Nuova exemple de greutăți și stiluri
Studioul Mark Simonson oferă greutăți și stiluri pentru fiecare font din familie. (Sursa: Mark Simonson) (Previzualizare mare)

Un alt lucru drăguț despre vânzarea produselor media pe propriul site web este că nu există niciun examinator de la care să obțină aprobarea oricând doriți să încărcați sau să vindeți un fișier media nou. De asemenea, nu trebuie să așteptați ca actualizările celor existente să fie transmise.

O descriere a ceea ce arată imaginea pentru textul alternativ
O legendă care va fi afișată sub imagine (Sursa: Mark Simonson) (Previzualizare mare)

Aceasta înseamnă că există foarte puțin timp de întârziere în ciclul de marketing sau vânzări, ceea ce duce la o profitabilitate mai mare pentru creator.

Înainte de a aborda cum să vindeți efectiv produse digitale ca acestea pe un site web, vreau să vă arăt ceva ce Mark Simonson include în partea de jos a paginilor cu fonturi. Este o secțiune „… în uz”:

Mark Simsonson include 4 exemple din lumea reală de font Mostra Nuova în uz
Mark Simonson include exemple reale ale fiecărui font utilizat. (Sursa: Mark Simonson) (Previzualizare mare)

Acest lucru nu este ceva pe care îl vezi adesea pe site-urile creatorilor, cel puțin nu pentru produsele digitale pe care le vând. Cu toate acestea, cred că o secțiune ca aceasta poate într-adevăr să încheie înțelegerea cu vizitatorii, deoarece le oferă exemple reale ale elementului media în acțiune.

Este posibil să nu fie fezabil să oferiți exemple de clienți pentru fiecare site de produse digitale pe care îl construiți. Dar este ceva de luat în considerare dacă produsele sunt suficient de populare.

În ceea ce privește vânzarea media pe site-ul dvs., aveți câteva opțiuni. Puteți face așa cum face Studioul Mark Simonson și puteți oferi o listă lungă de link-uri către locurile unde este vândut fontul:

Mark Simonson oferă clienților link-uri către piețele de fonturi de la care să cumpere Mostra Nuova
Mark Simonson oferă link-uri către alte site-uri web care vând fontul Mostra Nuova. (Sursa: Mark Simonson) (Previzualizare mare)

Modul în care este prezentat este grozav, deoarece oferă clienților flexibilitatea de a utiliza piața de fonturi preferată și de a obține fontul în formatul de care au nevoie. Și dacă clientul dvs. nu dorește să se ocupe de necazul gestionării vânzărilor de produse, acesta este cu siguranță calea de urmat.

Dacă clientul dvs. preferă să dețină procesul de vânzare, configurați-l așa cum ați face orice alt site de comerț electronic. Furnizați un link „Cumpărați”, informații despre prețuri și licențiere, apoi trimiteți-le către un site de plată securizat. A, și dacă conținutul poate fi luat cu ușurință de pe site fără o achiziție, asigurați-vă că puneți un filigran pe el.

Proiectarea paginii de produse ale cursului

Cursurile și cursurile preînregistrate de la experți în domeniu și influenți sunt foarte populare în zilele noastre:

  • Coursera are peste 68 de milioane de cursanți.
  • Udemy are 35 de milioane de cursanți.
  • edX are peste 20 de milioane de cursanți.

În mod clar, oamenii sunt înfometați de conținutul cursurilor digitale, mai ales atunci când nu trebuie să stea într-o sală de curs virtuală și pot lua cursurile în ritmul lor.

Nu este absolut nimic în neregulă în a vinde cursuri prin aceste piețe, deoarece au un număr mare de cursanți care așteaptă să descopere conținut nou.

Cu toate acestea, atunci când creatorii vând conținut digital de curs prin site-urile lor web, pot face mult mai mult cu el și pot câștiga și mai mulți bani. Asta pentru că oferă mai mult decât posibilitatea de a te autentifica și de a apăsa „Play”. Aceste cursuri vin de obicei cu:

  • Material suplimentar,
  • Buletine informative și mementouri prin e-mail,
  • comunități private,
  • Și altele.

Cheia pentru a vinde un curs în acest fel este să proiectați pagina de produs digital ca o pâlnie de vânzări.

Să ne uităm la un exemplu de pe site-ul web Career Contessa. Aceasta este pagina pentru programul The Job Search Academy:

Pagina programului Job Search Academy de la Career Contessa
Pagina de produs pentru programul The Job Search Academy de la Career Contessa. (Sursa: Career Contessa) (Previzualizare mare)

Similar cu ceea ce am văzut înainte, proiectarea propriilor pagini de produse digitale vă permite să creați o experiență de marcă pentru cursanți. Pentru cei care cunosc deja și au încredere în acest brand, următorul defilare în jos pe pagină este o idee simplă:

Career Contessa invită cursanții să se înscrie la curs pentru 197 USD
Career Contessa invită vizitatorii să se „Înscrie la curs” aproape imediat. (Sursa: Career Contessa) (Previzualizare mare)

Pentru cursanții care sunt încă pe gard, statistica puternică de sub butonul CTA ar putea fi suficientă pentru a-i convinge. Dacă nu, există o mulțime de conținut pe pagină care a fost planificat cu atenție pentru a-i ajuta să se hotărască.

Career Contessa oferă descrieri de curs bine formatate, cu paragrafe scurte pe mobil, precum și cu caractere aldine
Contessa de carieră prezintă informații despre curs într-o manieră lizibilă. (Sursa: Career Contessa) (Previzualizare mare)

Deși există mult conținut scris pe această pagină de destinație, acesta este bine formatat. Paragrafele sunt păstrate la o lungime decentă pe mobil, în timp ce caracterele aldine sunt folosite pentru a evidenția fragmente importante de text.

Totuși, nu toate sunt pereți de text. Cursanții văd și conținut video:

Career Contessa oferă cursanților un trailer video al cursului său
Career Contessa folosește o combinație de conținut video și text pentru a-și descrie cursul. (Sursa: Career Contessa) (Previzualizare mare)

Liste de puncte scanabile:

Career Contessa descompune descrierile cursurilor cu puncte ușor de citit
Pagina cursului Career Contessa evidențiază punctele dureroase comune. (Sursa: Career Contessa) (Previzualizare mare)

Informații frumos prezentate despre conținutul bonus:

Pagina cursului Career Contessa face publicitate conținutului bonus, cum ar fi ghiduri și foi de lucru
Cursul Career Contessa vine cu conținut bonus. (Sursa: Career Contessa) (Previzualizare mare)

Este evident că un designer a petrecut mult timp oferind fiecărei secțiuni un aspect distinct, astfel încât să fie mult mai ușor de scanat și citit.

Dacă cursanții au ajuns până aici, vor ajunge la partea cea mai critică a paginii de vânzări. Aici află exact ce vor învăța cu un curriculum bine conceput și previzualizări ale lecțiilor:

Curriculum-ul cursului Career Contessa cu secțiunea de bun venit și planurile Lecției 1
Pagina de curs a Contesei în carieră vine cu un curriculum de curs și previzualizări ale lecției. (Sursa: Career Contessa) (Previzualizare mare)

Așa cum v-ați aștepta să facă o pagină de canal de vânzări, potențialii cursanți sunt prezentate cu o secțiune de mărturii, precum și cu întrebări frecvente. Acestea sunt două elemente de care nu te poți lipsi atunci când proiectezi o pâlnie de vânzări, pentru cursuri sau altfel. Și trebuie să fie în partea de jos a paginii, chiar înainte de a întreba încă o dată dacă sunt gata să se înscrie la cursul scump.

Acest lucru poate părea exagerat, dar abordarea este solidă. Vă puteți vinde cursurile cursanților ocazionali pe site-uri precum Coursera și edX, dar nu există nicio relație acolo. Se înscriu la cursul tău la fel de ușor ca următorul oferit pe site.

Cu toate acestea, atunci când creați pagini de curs pe site-ul dvs. web, îi captați pe cei mai dedicați dintre cursanți - cei care vor finaliza cursul în întregime și vor să se înscrie pentru mai multe cursuri și conținut în viitor.

Încheierea

Ceea ce este interesant de remarcat despre exemplele de mai sus este modul în care creatorii își vând conținutul digital atât prin intermediul piețelor populare, cât și prin intermediul site-urilor lor web. După cum vă puteți imagina, acesta este cel mai bun mod de a obține cât mai multe venituri din produsele digitale.

Asigurați-vă că atunci când creați pagini de produse digitale pentru site-urile mobile ale clienților dvs., nu încercați să emulați ceea ce fac piețele. Adesea, design-urile lor sunt aglomerate, distrag atenția și nu sunt cu adevărat optimizate pentru utilizatorul de smartphone. Prin proiectarea paginilor creatorului astfel încât să fie mai ușor de utilizat, vei încuraja mai mulți oameni să cumpere direct de la ei și, în consecință, vei pune mai mulți bani în buzunarele clienților tăi.