Cum să proiectați narațiuni puternice pe mobil

Poveștile nu trebuie să fie întotdeauna spuse într-un format Once Upon a Time.... Aruncă o privire la filme, de exemplu. Unele povești sunt spuse în ordine cronologică, în timp ce altele sar în jurul unei linii temporale. Sunt povești spuse din perspectiva protagonistului, în timp ce altele lasă telespectatorilor să vadă povestea din punctul de vedere al fiecăruia. În plus, poveștile pot fi triste, amuzante, dramatice sau toate cele de mai sus.

Există o mulțime de variații în modul în care poate fi spusă o poveste. Există totuși un lucru pe care toți trebuie să le aibă în comun:

Ei trebuie să atragă cumva cititorul în narațiune.

Povestirea este un instrument foarte puternic pentru site-uri web, dar se aplică aceleași reguli. Nu contează cum spui povestea - trebuie doar să atragă vizitatorul.

Astăzi, vă voi prezenta diverse tehnici de povestire și vă voi oferi câteva idei despre cum puteți proiecta aceste tipuri de narațiuni în propriile site-uri web mobile sau PWA.

Cum să proiectați narațiuni puternice pe mobil

Povestirea este un instrument excelent pentru site-urile web mobile.

Un motiv pentru asta este că ecranul mai mic te obligă să fii mai concis cu narațiunea . Aceasta înseamnă că puteți aduce vizitatorii mai rapid la punctul culminant al poveștii dvs., ceea ce le va accelera timpul până la conversie.

Un alt motiv pentru care povestirea funcționează atât de bine pe mobil este că este mai ușor să atragi vizitatorii în poveste. Tot ce trebuie să faci este să dai site-ului tău o senzație de carte și ei se vor cufunda rapid în el.

Mai mult decât atât, poți lăsa cu adevărat imaginile să vorbească și să reducă poveștile lungi pe care fondatorii companiei ar vrea altfel să le spună despre companiile lor.

Există o industrie, în special, care cred că face o treabă excepțională de a povesti în acest fel, și aceasta este industria berii și a alcoolului. Dacă vă gândiți bine, astfel de companii nu își pot permite pur și simplu să-și împingă produsele în fața consumatorilor. Iată câteva motive pentru care:

1. „Hai să te intoxicăm” nu este un punct de vânzare foarte puternic sau unic. Dar o poveste care atrage clientul și îl face parte din narațiune poate fi.
2. Pentru a preveni paralizia analizei care vine odată cu alegerea unui fel de lichior sau de bere din zeci de opțiuni similare, mărcile folosesc povești pentru a se diferenția.
3. Puteți construi mai eficient relații pe termen lung și loiale cu clienții transformând produsele dvs. în experiențe unice.

Concluzie : atunci când construiți site-uri pentru produse sau servicii în spații extrem de competitive, povestirea poate fi un adevărat schimbător de joc. În ceea ce privește modul în care reușiți acest lucru prin design, să ne uităm la unele dintre tehnicile și exemplele mai comune de povestire care arată cum sunt reușite.

Gin de aviație

Ce fel de poveste spune site-ul?
Călătoria ghidată

Ce tipuri de afaceri beneficiază de pe urma acestui tip de poveste?
Acest tip de tehnică de povestire este cea mai bună pentru companiile noi care au o componentă puternică de branding. În acest fel, compania nu este doar o altă afacere asemănătoare care intră în spațiu. Oferă ceva mai distractiv și mai captivant, care îi încurajează pe potențialii clienți să urce la drum, chiar și în ziua 1.

„Mascota” este una dintre cele mai bune modalități de a face ca acest tip de povestire să funcționeze, deoarece devin ghidul vizitatorilor pentru explorarea site-ului și a tot ceea ce are de oferit.

Gândiți-vă la Flo din Progressive, William Shatner pentru Priceline sau The Old Spice Guy. În clipa în care vezi aceste mascote, nu poți să nu te întrebi în ce fel de „aventură” te vor duce în continuare. Este o modalitate fantastică de a-ți construi un urmăritor loial.

Cum arată metoda de povestire The Guided Journey?
În cazul Aviation Gin, coproprietarul Ryan Reynolds nu doar că și-a împrumutat puterea de vedetă, ci și simțul umorului pentru care este bine cunoscut mărcii.

La intrarea pe site-ul mobil, fața lui Reynolds este primul lucru pe care îl văd vizitatorii:

Videoclipul (și citatul ridicol de dedesubt) este ceea ce v-ați aștepta de la Reynolds, făcând glume în timp ce le prezenta vizitatorilor o lume absurdă pe care probabil a inventat-o ​​pe loc. De asemenea, este scurt, la obiect și, fără îndoială, îi va lăsa pe vizitatori pe gânduri:

Bine, bine, trebuie să încerc acest gin.

Derulați o dată în jos și veți găsi această invitație de a vă conecta cu Reynolds prin buletinul informativ Aviation Gin:

Deși reduce puțin umorul lui Reynolds, continuă să-l înfățișeze drept pilotul acestei călătorii pe care vizitatorii o vor face. Și dacă știm ceva despre ceea ce își doresc utilizatorii noștri, este o mișcare genială. Reynolds nu este doar atârnat în fața lor cu reclame ocazionale (cum fac atâtea companii cu purtătorii de cuvânt). El este de fapt încorporat în experiență.

În plus, Aviation Gin a construit restul site-ului web pentru a se juca ca un zbor, cu jocuri viclene de cuvinte și grafică relevantă.

Acest site web de o pagină este atât de bine realizat de la început până la sfârșit și o mare parte din asta se datorează poveștii la care s-au angajat:

• Suntem Aviation Gin.
• Ryan Reynolds te va duce la destinație.
• Nu vrei să vii la plimbare?

Este o narațiune grozavă. Și pentru cei care nu știu cine este Ryan Reynolds, site-ul web cu nasturi, cu analogiile sale de zbor și jocul de cuvinte ar trebui să fie suficient pentru a-i atrage și pe aceștia.

Pacto-Navio

Ce fel de poveste spune site-ul?
Povestea captivantă

Ce tipuri de afaceri beneficiază de pe urma acestui tip de poveste?
Aceasta este o altă abordare eficientă a povestirii dacă construiți un site pentru o nouă afacere. În acest caz, totuși, nu există o persoană din viața reală care să-i poată duce în călătoria mărcii. În schimb, trebuie să te bazezi pe puterea mărcii și pe capacitatea ta de a proiecta ceva care să pară imersiv.

Acest lucru va fi util în special dacă compania nu a existat de mult timp și nu aveți prea multă istorie sau recunoașteri pe care să vă bazați. Doar asigurați-vă că aveți un accent clar pentru povestea dvs., astfel încât vizitatorii să nu încerce să se îndepărteze de drumul pe care l-ați creat pentru ei.

Cum arată metoda de povestire The Immersive Tale?
Pentru a construi o poveste captivantă pe un site web mobil, trebuie să o încadrați ca pe o aventură. În acest fel, vizitatorii nici măcar nu se gândesc la butonul de meniu. În schimb, sunt gata să joace și să te lase să-i duci prin site.

Pacto-Navio se descurcă bine cu acest tip de povestire. Există o serie de motive pentru care acest lucru funcționează, de asemenea.

În primul rând, fiecare parte a poveștii are o pagină completă dedicată:

Aceasta, de exemplu, este pagina de pornire. La început, tot ce văd vizitatorii este busola, dar apoi cele două mâini se deplasează dinspre est (Franța) și vest (Cuba) pentru a simboliza cele două țări de unde provine romul.

Acesta este un alt motiv pentru care acest site se simte atât de captivant. Încă de la început, site-ul web mută în mod activ vizitatorii de la punctul de intrare la destinație. Și mă refer la asta literalmente .

Site-ul este plin de animații. Nu sunt copleșitoare sau inutile. Fiecare dintre elementele în mișcare (chiar și tranzițiile între răsturnările orizontale ale paginii) este subtil, dar relevant.

Designul site-ului în ansamblu ar trebui să-i facă pe vizitatori să simtă că citesc o poveste epică de aventură. Dar acesta este un site web; nu o carte care se limitează la a spune o poveste pe pagini.

Site-ul mobil Pacto-Navio permite vizitatorilor să decidă când doresc să se oprească și să exploreze mai mult. Și când o fac, mai mult din poveste este dezvăluită:

Într-un fel, acest stil de site web – în care fiecare pagină este reprezentată de un singur card și poate fi răsfoită ca paginile unei cărți – este una dintre cele mai captivante moduri de a spune o poveste.

Fiecare pagină și graficul corespunzător sunt difuzate pe rând. Apoi, atunci când vizitatorii aleg să exploreze mai mult, povestea este relatată pe scurt, în timp ce micile animații îi mențin concentrați pe deplasarea în jos pe pagină. Chiar simți că citești o carte.

Samuel Adams

Ce fel de poveste spune site-ul?
Scrisoarea de dragoste

Ce tipuri de afaceri beneficiază de pe urma acestui tip de poveste?
Dacă ați citit vreodată o carte sau ați vizionat un film în care locația fizică (de obicei un oraș) are un rol de jucat în poveste, atunci știți cât de emoționantă poate deveni o experiență.

Luați oricare dintre filmele lui Woody Allen, de exemplu. Multe dintre ele sunt plasate în orașul New York sau în orașe luxuriante din Europa - și se simte ca și cum orașele în sine sunt personaje. Același lucru este valabil și pentru cărți. Stephen King face asta foarte mult, ca și cu Hotelul Overlook din The Shining sau Shawshank Prison din The Shawshank Redemption . Locurile joacă un rol la fel de important ca și oamenii din povești.

Credeți sau nu, acesta este ceva ce puteți face cu site-ul dvs. mobil dacă este pentru o afacere cu legături puternice cu o zonă geografică.

Cum arată metoda de povestire Scrisoarea de dragoste?
Samuel Adams este o berărie cu legături strânse cu Boston, Massachusetts.

Oamenii din Boston au tendința de a fi campioni fideli ai mărcilor și afacerilor locale – iar relația pe care o au cu această fabrică de bere nu este diferită. De aceea, nu este surprinzător faptul că site-ul lui Samuel Adams este dedicat:

1. Orașul Boston,
2. Oamenii din Boston.

Gândește-te la asta ca la o scrisoare de dragoste către toate lucrurile Boston.

Site-ul mobil începe cu următoarele:

Nu există nicio mențiune despre berea lui Samuel Adams în această imagine de erou. Acesta este un îndemn: Toast Someone .

Acest videoclip arată comedianți care oferă oameni care și-au schimbat viața și i-au împuternicit să facă ceea ce fac. Este un mod cu adevărat sincer de a începe oamenii în călătoria lor cu Samuel Adams.

Un pic mai jos în pagină, berăria explică de ce a pus comedianții să facă aceste toasturi în primul rând:

Dar nu doar oameni celebri brandul a cerut să participe la toast-ul său colectiv. Următorul videoclip este o odă către orașul Boston și locuitorii săi.

Vizitatorii văd rezidenți celebri din Boston (cum ar fi Big Papi de la Boston Red Sox, care își oferă dragostea și respectul față de oraș), dar nu sunt doar figuri celebre care vorbesc în videoclip:

Pe lângă faptul că vezi fotografii frumoase ale orașului Boston, poți vedea oamenii adevărați ai orașului. În captura de ecran de mai sus este unul dintre supraviețuitorii atentatului de la Maratonul de la Boston. Dar puteți vedea și o echipă de canoși care se îndreaptă spre râul Charles, o frizerie și oameni care boxează într-o sală de sport.

Sigur, sticlele de bere ale lui Sam Adams pot fi văzute în toasturile oferite de oameni, dar este totuși un videoclip emoționant și o odă frumoasă orașului Boston. Și pentru că acest site este complet separat de magazinul Samuel Adams, ajută la menținerea concentrarii oamenilor asupra proiectului de toast și a sentimentului pozitiv care provine din acesta.

Wintrip Brew Co.

Ce fel de poveste spune site-ul?
Romanul grafic

Ce tipuri de afaceri beneficiază de pe urma acestui tip de poveste?
Există o mulțime de exemple de romane grafice și benzi desenate care au devenit ulterior filme de succes sau emisiuni TV:

• Zombie
• Paznicii
• Orasul pacatelor
• V de la Vendetta
• Ghost in the Shell

Adevărul să fie spus, acest stil de povestire nu va funcționa pentru majoritatea mărcilor, deoarece necesită ca un brand să fie nervos, întunecat sau să depășească limitele pentru ca acesta să funcționeze. De asemenea, are nevoie de un brand care să fie 100% concentrat pe produsul său. Asta nu înseamnă că nu poate avea de spus o poveste originală sau inspirată, dar ritmul unei astfel de povești ar trebui să rămână concentrat pe ceea ce vinzi.

Dacă lucrezi cu asta și ai talentul creativ de a proiecta un site care să reprezinte paginile rapide și dramatice ale unui roman grafic, este o modalitate nemaipomenită de a capta și a reține atenția publicului.

„

Cum arată metoda de povestire a romanului grafic?
Nu există o singură modalitate de a proiecta site-uri web folosind această metodă de povestire. Asta pentru că există atât de multe variații în modul în care sunt concepute romanele grafice și benzile desenate. Batman , de exemplu, este întunecat și capricios. Watchmen se referă la designul exagerat, retro. Și, apoi, există The Walking Dead care se simte pur și simplu murdar.

Trebuie să decideți ce fel de „margine” doriți să oferiți site-ului dvs. Dar un lucru este cert: trebuie să aibă un contrast izbitor între întuneric și lumină.

Acesta este site-ul mobil pentru Wintrip Brew Co.:

Dacă nu știai mai bine, ai putea crede că acesta este un site pentru un roman grafic sau chiar un joc video.

Dar acesta este într-adevăr modul în care Wintrip Brew Co. își întâmpină vizitatorii - și este o primă impresie grozavă de făcut. La urma urmei, cine naiba s-ar dezbate să creeze o pagină de pornire care să arate ca un roman grafic dacă restul site-ului nu ar urma să urmeze exemplul?

Nu există niciun motiv pentru care vizitatorii nu ar dori să continue să se poticnească pe această cale.

Fiecare centimetru al acestui site pare un roman grafic. Există personaje ciudate împrăștiate în ea, invitând vizitatorii să exploreze mai mult din fiecare pagină (cum ar fi bucătarul cu ochi zombi de mai sus).

Apoi, există povestea reală spusă în pagini:

Tipografia este păstrată simplă și totuși contrastul de culoare izbitor îi conferă un avantaj. Dacă vizitatorii nu înțeleg indiciile subtile pe care le emite designul fontului, atunci cuvintele pline de atitudine vor face cu siguranță.

Deși mi-ar plăcea să vă arăt cum este concepută pagina „Bere”, cuvintele de pe ea sunt incredibil de riscante. Este suficient să spunem că ceea ce vedeți mai sus este vârful aisbergului în ceea ce privește depășirea limitelor.

Dar este în regulă pentru că despre asta se referă acest brand. Este evident, chiar și în modul în care și-au produs berile, că vor să atragă băutorii de bere care caută ceva mai întunecat și mai de ultimă oră. Și designul acestui site web a dat tonul perfect pentru asta.

Yuengling

Ce fel de poveste spune site-ul?
Linia de timp

Ce tipuri de afaceri beneficiază de pe urma acestui tip de poveste?
Cronologia este folosită cel mai bine de mărcile care au o istorie lungă. Acestea sunt companiile care funcționează de peste 100 de ani. S-ar aplica și companiilor care au zeci de repere pe care le-au acumulat de-a lungul anilor.

S-ar putea să nu primești multe dintre acestea, dar atunci când o faci, Timeline este o modalitate frumoasă de a spune povestea unei companii (și a patronilor lor loiali).

În ceea ce privește motivul pentru care ați opta pentru această metodă de a povesti, este una dintre modalitățile mai eficiente de a face acest lucru. Altfel, ai ajunge cu pagini nebun de lungi care încearcă să recapituleze tot ceea ce a realizat un brand de-a lungul anilor - și asta ar fi o pierdere a timpului tău încercând să proiectezi așa ceva și un test major al răbdării vizitatorilor tăi.

În schimb, o cronologie descompune o poveste în bucăți mici, digerabile și încă foarte impresionante.

Cum arată metoda de povestire The Timeline?
Acesta este evident. Veți începe chiar de la începutul poveștii mărcii (de obicei, cum s-au întâlnit fondatorii sau au venit cu ideea lor) și veți încheia cu astăzi. Pe parcurs, vei împărtăși câteva cuvinte și câteva imagini atrăgătoare pentru a evidenția reperele.

Să ne uităm la exemplul lui Yuengling, care este cea mai veche fabrică de bere din Statele Unite. Cronologia companiei începe cu un singur paragraf introductiv și un videoclip:

Vizitatorii care doresc să-și facă timp pentru a obține această prezentare pot face acest lucru cu ușurință. Restul poate sări în jos la cronologia care începe cu înființarea companiei în 1829.

Ceea ce este întotdeauna frumos la cronologia unei companii este să poți vedea cât de consistentă a fost de la bun început. Chiar dacă o companie și-a schimbat mâinile sau a suferit schimbări de nume, de multe ori designul mărcii sale sau produsul în sine rămâne neschimbat.

Puteți vedea un indiciu mai sus cu designul Porter, care nu este diferit de designul actual al unora dintre ambalajele lui Yuengling.

Pe măsură ce povestea continuă, vizitatorii pot afla mai multe despre companie - câștigurile, pierderile și schimbările pe care le-a făcut de dragul clienților săi.

Acesta este, în cele din urmă, scopul care ar trebui să fie în proiectarea unei povești a unui brand într-o linie de timp. Nu ar trebui să fie astfel încât să puteți afișa premiu după premiu primit. Dacă doriți să mențineți vizitatorii implicați și să-i transformați în clienți în cele din urmă, atunci trebuie să le arătați cum iau în considerare povestea.

În captura de ecran de mai sus, rezumatul din 1996 spune:

Cererea pentru Yuengling începe de fapt să depășească capacitatea fabricii de bere. Se ia decizia de retragere de pe piețele din afara zonei locale.

Acesta este exact genul de lucru pe care clienții doresc să-l vadă atunci când caută mărci cărora să le rămână fideli. Acest lucru demonstrează loialitatea mărcii de a oferi clienților un produs de înaltă calitate în loc de a se îmbogăți (ceea ce ar fi putut face cu ușurință).

Încheierea

După cum puteți vedea, există o mulțime de moduri de a spune o poveste prin design. Și în timp ce site-urile web de mai sus arată bine atunci când sunt vizualizate pe ecrane mai mari, locul în care strălucesc cu adevărat este mobilul. Acest lucru se datorează faptului că designerii sunt capabili să creeze experiențe care par mai degrabă că întorci paginile unei cărți în loc să vi se ceară să parcurgeți cantități nesfârșite de text de pe web.

Lista de mai sus nu este deloc exhaustivă, deoarece puteți spune povești în tot felul de moduri pentru afaceri. Doar ascultați ce au de spus clienții dvs. despre companiile lor și apoi creați o călătorie care să se potrivească cu cea pe care au făcut-o (sau cu ocolul în care se află astăzi).