Nehajte kopirati primere spletnih strani. Ukradite njihovo ogrodje.

Povzetek

Večina nasvetov o primerih spletnih strani je past. Govorijo vam, naj kopirate tisto, kar deluje, zato prilepite SaaS-junaka na spletno stran odvetniške pisarne in se sprašujete, zakaj ne deluje. Primer je dokaz odločitve, ne predloga za posnemanje. Postopek, ki deluje, je vzvratno inženirstvo: izluščite razmišljanje za junakom, dokaze in poziv k dejanju, nato te odločitve znova zgradite za kupce vsake stranke. Ta članek vam pokaže, kaj ukrasti iz SaaS, agencijskih in portfeljskih primerov ter kako zgraditi zbirko odločitev, ki sistem naredi ponovljiv pri vsaki stranki.

Večina nasvetov o primerih spletnih strani je past. Govori vam, naj »poiščete strani, ki so vam všeč, in jih ukradete«. Tako zberete mapo zaznamkov, nato pa za krovca, odvetniško pisarno in B2B SaaS stranko znova zgradite istega junaka, isto postavitev, iste učinke ob prehodu miške. Rezultat: dragi kloni, ki so videti enako in tudi enako (slabo) pretvarjajo. Primer ni predloga. Je dokaz odločitve, ki jo je pametna ekipa sprejela za določeno občinstvo, določen trenutek in določeno komercialno obljubo. Postopek, ki dejansko deluje, je vzvratno inženirstvo: preberite primer in poiščite odločitve za njim, te odločitve zapišite v preprostih stavkih in jih nato od začetka znova zgradite za kupce vsake stranke.

Berite junaka kot pogodbo

Vsak pregled primera začnite tako, da razdelek z junakom berete kot pogodbo. Zabeležite obljubo v naslovu, dokaze v podnaslovu in en sam poziv k dejanju. Vse ostalo je okras. Vprašajte se, kakšno odločitev je ustvarjalec sprejel o obiskovalcu, preden je napisal ta naslov. Odgovor je del, ki ga lahko znova uporabite.

Calendlyjev slogan — »načrtujte sestanke brez dolgih e-poštnih izmenjav« — deluje, ker se je ustvarjalec odločil, da je obiskovalec zaposlen profesionalec, ki se utaplja v e-poštnem tenisu. Obljuba je prihranek časa. Poziv k dejanju je »rezervirajte sestanek«. Ta odločitev se prenese na storitveno podjetje. Obiskovalec knjigovodske stranke je lastnik podjetja, ki sovraži papirnato delo; naslov bi moral obljubljati »zaprite knjige brez pregledničnega kaosa«, poziv k dejanju pa bi moral biti »pridobite brezplačno čiščenje«. Ista odločitev, druge besede. Notion si prizadeva za en sam poziv k dejanju, »Get Notion free«, iz iste discipline: ena stran, eno dejanje, brez motenj. Opazite, česar ne vidite — brez vrtiljaka, brez sekundarnih gumbov »izvedite več«, brez obrazca, ki bi zahteval telefonsko številko. Vsaka opustitev je odločitev, odločitve o opustitvi pa so najcenejše za kopiranje, ker nič ne stanejo.

Linearin junak to disciplino potisne še dlje. En naslov, en podnaslov, en gumb — brez posnetkov zaslona, dokler se ne pomaknete. Odločitev: »to občinstvo že pozna problem, zato je naša naloga sporočiti ujemanje, ne izobraževati.« Shranite to odločitev. Ko so kupci vaše stranke sofisticirani, kopirajte zadržanost. Ko niso, veste, da morate pred pozivom h kliku dodati več pojasnil. Število besed v junaku je prav tako odločitev. Junak, ki poskuša povedati tri stvari, ne sporoči ničesar. Če ima primer preveč idej nad pregibom, ga obravnavajte kot opozorilo, ne kot model.

Preverite to na resničnem primeru. Pregledujete domačo stran SaaS, ki jo občudujete. Junak ima kratek naslov, en podnaslov, en gumb. Zapišite odločitve po vrstnem redu: kdo je obiskovalec, kaj ga boli, katero je tisto eno dejanje, ki ga premakne naprej. Zdaj to uporabite pri stranki s kritino. Obiskovalec je upravitelj nepremičnine s streho, ki sredi zime pušča. Bolečina sta tveganje in izpad. Dejanje je »pridobite oceno«. Če se je SaaS primer odločil, da »obiskovalec mora videti izdelek v gibanju«, zamenjajte animacijo izdelka s fotografijo končanega dela. Ista odločitev, drugačen medij. Tako kradete brez neuspeha posnemanja. Že samo zaradi discipline ena stran-eno dejanje se poglobite v preverjene prakse SaaS pristajalnih strani.

Ni pomembna panoga, temveč namen

Nehajte razvrščati primere po panogi. »To je SaaS spletna stran« vam pove skoraj nič uporabnega. »To je spletna stran za zapleteno odločitev, kjer kupec pred odločitvijo primerja tri možnosti« vam pove, kaj ukrasti. Razvrščajte po namenu kupca vaše stranke, nato pa vrsto primera prilagodite temu namenu.

SaaS spletna stran doseže pretvorbo, ker je namen kupca »odločite se, ali to rešuje moj problem«. Naslov nosi obljubo, preskus ali predstavitev je dokaz, poziv k dejanju je en sam. Agencijska spletna stran doseže pretvorbo, ker je namen kupca »ali tej osebi lahko zaupam svoj denar, blagovno znamko ali krizo?« Dokaz so študije primerov, logotipi strank, verodostojnost ekipe. Poziv k dejanju je pogosto posvet. Portfeljska spletna stran doseže pretvorbo, ker je namen kupca »ali je njihov okus tako dober kot njihov sloves?« Dokaz je delo samo, poziv k dejanju pa je včasih namenoma skrit.

Vrsta primera	Namen obiskovalca	Ukradite to	Preskočite to
SaaS	»Odločite se, ali to ustreza meni«	Disciplina vrednostne ponudbe, en sam poziv k dejanju, besedila, ki pretvarjajo lastnosti v koristi	Animirani posnetki izključno izdelka, struktura cenovne strani, pozivi k dejanju za predstavitev
Agencija	»Ali tej agenciji lahko zaupam?«	Študije primerov, dokazi strank, imenovana ekipa, jasna pot do sodelovanja	Dolgočasne strani o postopkih, strokovnjaška besedila o pristopu
Portfelj	»Ali je njihov okus tako dober kot delo?«	Močne zgodbe projektov, prej/potem, zadržana predstavitev	Redki kontaktni podatki, besedila, ki dajejo prednost osebnosti, skriti pozivi k dejanju

Tu agencije naredijo napako: primer prilagodijo lastnim ambicijam namesto kupcu stranke. Stranka odvetniške pisarne zahteva »portfeljsko spletno stran«, ker jo ima konkurent. Izvedite test namena. Oseba, ki najame odvetnika, je prestrašena. Želi dokaz, da je odvetnik dobil podobne primere, pošteno zaračunava in je ne bo osramotil. To je agencijski vzorec — dokazi, verodostojnost, rezultati — ne portfeljski vzorec. Kradite iz agencijskih primerov: rezultate primerov, zgodbe strank, članstva v odvetniških zbornicah, jasen razdelek »kako se začne sodelovanje«. Ko se morate odločiti, kateri format dejansko zmaga za določeno stranko, pred odpiranjem katerega koli primera preverite ogrodje za izbiro formata.

Tabela je orodje za razvrščanje, ne zapor. Za gradbenega podizvajalca, ki ponuja ponudbe za komercialne projekte, je namen kupca »ali lahko ta ekipa deluje v skladu z roki in proračunom?« To je agencijsko zaupanje s portfeljskimi dokazi. Hibridi se dogajajo nenehno. Napaka je misliti, da morate izbrati en format. Izbirate, kateri vzorec prevladuje, ne kateri posamezni format uporabiti. Gradbeno spletno stran lahko prikazuje fotografije prej/potem (portfeljski vzorec) in še vedno v ospredje postavlja varnostna potrdila in članstva v sindikatih (agencijski vzorec). Razmerje določite glede na namen, nato pa naj končno postavitev določi glas blagovne znamke stranke.

Preverite drug scenarij: svetovanje s frakcijskim finančnim direktorjem. Kupec je ustanovitelj, ki ga je prejšnji svetovalec opekel. To je agencijski problem. Preučite agencijske strani, ki navajajo imena strank in natančne rezultate. Vaša stranka ne more vedno navajati imen strank — NDA — zato se odločitev prenese, dokazi pa se spremenijo: anonimizirano »portfeljsko podjetje v fintechu« in besedilo o rezultatih namesto logotipov. V načrt zapišite »zaupanje je odvisno od specifičnosti dokazov«. Zdaj stranka ve, zakaj vsak element obstaja.

Izposodite si odločitev, ne oblikovanja

Večina člankov o »najboljših praksah« vam govori, da se oblikovne odločitve prenašajo. Ne prenašajo se. Video junak čez celotno stran deluje pri portfelju fotografije z dronom, ker je naloga občinstva ocenjevati slike. Isti video čez celotno stran postavite na domačo stran storitve pravnih dokumentov in skrijete izdelek. Najslabši nasvet, po katerem lahko ravnate, je »kradi kot umetnik«. Kraja rezultatov ustvarja posnemovalce. Kraja odločitev ustvarja delo po meri, ki mimogrede pretvarja.

Za vsako opazno odločitev v primeru zapišite enostavčni »zato«. Beli prostor: »zato ker to občinstvo prostor enači s prestižem«. Temno ozadje: »zato ker to občinstvo razmišlja inženirsko in temni način deluje tehnično«. Smejoča se oseba: »zato ker se to občinstvo boji transakcije in si želi topline«. Zdaj je odločitev prenosljiva. Vrhunska odvetniška pisarna morda potrebuje odločitev o belem prostoru; diskontna pravna storitev jo mora zavrniti. Zdaj imate pravilo, ki ga lahko uporabite, ne posnetka zaslona za kopiranje.

Zapišite »zato«, preden naredite posnetek zaslona. Vaš spomin bo posnetek zaslona shranil pod »lep dizajn« in razlog izgubil v enem tednu. Zapisani »zato« vas prisili, da artikulirate mehanizem. Če ga ne morete zapisati, primera niste razumeli — samo všeč vam je bil. To razlikovanje je celotna igra.

Sestavite konkreten primer. Vidite portfeljsko spletno stran za samostojnega oblikovalca. Vsak projekt se začne z veliko sliko, nato rezultat, nato ime stranke. Odločitev: »to občinstvo kupuje rezultate z ogledom stvari.« Zdaj preoblikujete spletno stran za prenovo doma. Naloga kupca je tudi ogledati si stvar — preobrazbe. Odločitev se torej prenese: začnite z galerijo projektov prej/potem. Toda kupec mora tudi zaupati, da bo ekipa prišla pravočasno, zato dodate odločitev iz agencijskega stolpca: poziv k posvetu in pričevanje nad pregibom. To je metoda kraje ogrodja: dve izposojeni odločitvi, nič izposojenega oblikovanja.

Stranke, ki želijo spletno stran, ki bi bila videti kot nagrajeni primer, ki ste jim ga pokazali, vam bodo ugovarjale. Vljudno se uprite. Povejte jim, da je primer prejel nagrade zaradi svojih odločitev, ne zaradi slikovnih pik, in da njihovi kupci niso kupci primera. Pogovor je lažji, ko se lahko sklicujete na enostavčni »zato« in rečete: »ta odločitev deluje; ta vizualija za vaše občinstvo ne deluje.«

Opozorilo: če so kupci vaše stranke vizualno sofisticirani — arhitekti, kreativni direktorji, interne blagovne ekipe — je okus izdelek. Izposojajte si bolj dobesedno. Vprašanje nikoli ni »ali mi je ta primer všeč?«, temveč »ali kupec moje stranke potrebuje to odločitev?« Če ne, zavrzite brez slabe vesti.

Zgradite zbirko primerov s kontekstom

Enojna inspiracija je neuporabna, če vsako leto zgradite veliko spletnih strani. Zgradite zbirko, ki shranjuje odločitve, ne posnetkov zaslona. Uporabite preprosto tabelo: primer, URL, občinstvo, namen, obljuba, dokaz, poziv k dejanju in »ne uporabljaj za«. Dodajte še en stolpec za enostavčni »zato«. V tem stolpcu je vrednost.

Vsaka vrstica potrebuje: URL primera, posnetek zaslona, enostavčni »zato«, prevladujoči namen kupca, obljubo, dokaz, poziv k dejanju in opozorilo »ne uporabljaj za«. Vsako vrstico označite z oznako namena: »nujna lokalna storitev«, »premišljen nakup«, »profesionalec, občutljiv na zaupanje«, »kreativec, ki ga vodi okus«. Ko prispe nova naloga stranke, najprej filtrirajte po oznaki namena. Panoga je le podatek za razreševanje izenačenih primerov. Zobozdravstvena stranka in vodovodarska stranka si lahko delita namen »pridobite ponudbo zdaj« — vodovodarski primeri so morda boljši za zobozdravstveno stran kot modna stran, specifična za zobozdravnike, ki ste jo shranili prejšnji teden.

Datoteko pregledujte četrtletno. Izbrišite primere, ki ne pretvarjajo več ali potečejo. Vsak teden dodajte eno ugotovitev, tudi če gre za en sam poziv k dejanju. Po dveh četrtletjih imate interno knjižnico odločitev, ki je noben posamezen primer ne more zagotoviti.

Datoteko uporabite na začetnih sestankih s strankami. Predstavite filtriran pogled: »ta sistem strani smo zgradili iz treh odločitev, ki ustrezajo vašim kupcem.« To pokaže, da ima vaša agencija sistem, ne le okusa. Že to samo prinese več dela kot kopiranje trendovske postavitve.

Preden karkoli objavite, rezultat preverite tako, kot bi ga kupec, ki mu ni mar. Ta pregled ujame vsako ukradeno oblikovno odločitev, ki si ne zasluži svojega mesta.

Sklep

Nehajte zbirati spletne strani. Začnite zbirati razloge. Ko naslednjič dobite nalogo stranke, odprite zbirko, poiščite namen, ki se ujema z njihovimi kupci, in ukradite odločitve, ki ustrezajo. Oblikovanje bo nujno njihovo — ker so njihov trg, blagovna znamka in proračun drugačni. To je bistvo. Spletna stran, zgrajena z vzvratnim inženirstvom, pretvarja, ker je zgrajena iz odločitev, ki so veljale za občinstvo nekoga drugega in so bile ponovno preverjene glede na vaše.