Prestanite da kopirate primere sajtova. Ukradite njihov kostur.

Summary

Većina saveta o primerima veb-sajtova je zamka. Govori vam da kopirate ono što funkcioniše, pa zato zalepite SaaS hero sekciju na sajt advokatske firme i pitate se zašto ne uspeva. Primer je dokaz odluke, a ne šablon za kopiranje. Proces koji funkcioniše jeste obrnuti inženjering: izdvojite razmišljanje iza hero sekcije, dokaza i poziva na akciju, a zatim ponovo izgradite te odluke za kupce svakog klijenta. Ovaj članak vam pokazuje šta da ukradete iz SaaS, agencijskih i portfolio primera, i kako da napravite datoteku sa odlukama koja čini sistem ponovljivim kod svakog klijenta.

Većina saveta o primerima veb-sajtova je zamka. Govori vam: „pronađite sajtove koji vam se sviđaju i ukradite ih.“ Tako skupite folder sa zabeleškama, a zatim ponovo izgradite isti hero, isti raspored, iste hover efekte za krovopokrivača, advokatsku firmu i B2B SaaS klijenta. Rezultat: skupi klonovi koji svi izgledaju isto i konvertuju isto — loše. Primer nije šablon. To je dokaz odluke koju je pametan tim doneo za konkretnu publiku, konkretan trenutak i konkretno komercijalno obećanje. Proces koji zaista funkcioniše jeste obrnuti inženjering: pročitajte primer za odluke koje stoje iza njega, zapišite te odluke običnim rečenicama, a zatim ih ponovo izgradite od nule za kupce svakog klijenta.

Čitajte hero sekciju kao ugovor

Započnite svaki pregled primera čitajući hero sekciju kao ugovor. Zabeležite obećanje u naslovu, dokaz u podnaslovu i jedan poziv na akciju. Sve ostalo je dekoracija. Pitajte se koju je odluku kreator doneo o posetiocu pre nego što je napisao taj naslov. Odgovor je deo koji možete ponovo koristiti.

Kalendly-jev slogan — „zakažite sastanke bez email prepiske“ — funkcioniše jer je kreator odlučio da je posetilac zauzet profesionalac koji se davi u email ping-pongu. Obećanje je ušteda vremena. Poziv na akciju je „zakažite sastanak“. Ta odluka se prenosi na uslužno preduzeće. Posetilac klijenta koji se bavi knjigovodstvom je vlasnik preduzeća koji mrzi papirologiju; naslov treba da obeća „zatvorite knjige bez haosa u proračunskim tabelama“, a poziv na akciju treba da bude „dobijte besplatno čišćenje“. Ista odluka, druge reči. Notion teži jednom pozivu na akciju, „Preuzmite Notion besplatno“, iz iste discipline: jedna stranica, jedna akcija, bez ometanja. Obratite pažnju na ono što ne vidite — nema karusela, nema sekundarnih dugmadi „saznajte više“, nema forme koja traži broj telefona. Svaki izostanak je odluka, a odluke o izostavljanju su najjeftinije za kopiranje jer ništa ne koštaju.

Linear-ov hero ide korak dalje u istoj disciplini. Jedan naslov, jedan podnaslov, jedno dugme — nema snimaka ekrana dok ne skrolujete. Odluka: „ova publika već zna problem, pa je naš posao da prenesemo usklađenost, a ne da edukujemo.“ Sačuvajte tu odluku. Kada su kupci klijenta sofisticirani, kopirajte suzdržanost. Kada nisu, znate da treba dodati više objašnjenja pre nego što zatražite klik. Broj reči u hero sekciji je takođe odluka. Hero koji pokušava da kaže tri stvari ne saopštava ništa. Ako primer ima previše ideja iznad pregiba, tretirajte ga kao upozorenje, a ne kao model.

Prođite kroz stvarni primer. Pregledate SaaS početnu stranicu koja vam se dopada. Hero ima kratak naslov, jedan podnaslov, jedno dugme. Zapišite odluke redom: ko je posetilac, koja je njihova muka, koja je jedna radnja koja ih pokreće napred. Sada primenite na klijenta koji se bavi krovopokrivačkim radovima. Posetilac je upravnik zgrade sa krovom koji prokišnjava usred zime. Muka je rizik i zastoj. Radnja je „zakažite procenu“. Ako je SaaS primer odlučio „posetilac treba da vidi proizvod u pokretu“, zamenite animaciju proizvoda fotografijom završenog rada. Ista odluka, drugačiji medij. Tako kradete bez neuspeha koji donosi imitiranje izgleda. Samo za disciplinu jedne stranice-jedne akcije, udubite se u proverene SaaS prakse za početne stranice.

Nije industrija, nego namera

Prestanite da klasifikujete primere prema oznaci industrije. „Ovo je SaaS sajt“ vam ne govori gotovo ništa korisno. „Ovo je sajt za složenu odluku gde kupac poredi tri opcije pre nego što se obaveže“ govori vam šta da ukradete. Klasifikujte prema nameri kupca vašeg klijenta, zatim uskladite tip primera sa tom namerom.

SaaS sajt ostvaruje konverziju jer je namera kupca „odlučite da li ovo rešava moj problem.“ Naslov nosi obećanje, proba ili demo su dokaz, poziv na akciju je jedan. Agencijski sajt ostvaruje konverziju jer je namera kupca „mogu li da verujem ovoj osobi svojim novcem, brendom ili krizom?“ Dokaz su studije slučaja, logotipi klijenata, kredibilitet tima. Poziv na akciju je često konsultacija. Portfolio sajt ostvaruje konverziju jer je namera kupca „da li je njihov ukus dobar kao i njihova reputacija?“ Dokaz je sam rad, a poziv na akciju je ponekad namerno skriven.

Tip primera	Namera posetioca	Ukradite ovo	Preskočite ovo
SaaS	„Odlučite da li ovo odgovara meni“	Disciplina vrednosne ponude, jedan poziv na akciju, tekst koji pretvara karakteristike u koristi	Animacije samo proizvoda, struktura stranice sa cenama, pozivi na akciju koji preferiraju demo
Agencija	„Mogu li da verujem ovoj firmi?“	Studije slučaja, dokazi klijenata, imenovani tim, jasan put angažovanja	Razvučene stranice o procesu, tekst prepun žargona
Portfolio	„Da li je njihov ukus dobar kao i njihov rad?“	Snažne priče o projektima, pre/posle, suzdržana prezentacija	Oskudni kontakt podaci, tekst koji stavlja ličnost u prvi plan, skriveni pozivi na akciju

Ovde agencije greše: usklađuju primer sa sopstvenom ambicijom umesto sa kupcem klijenta. Klijent advokatske firme traži „portfolio sajt“ jer ga konkurencija ima. Uradite test namere. Osoba koja angažuje advokata je uplašena. Želi dokaz da je advokat dobio slične slučajeve, da pošteno naplaćuje i da je neće učiniti da se oseća glupo. To je agencijski obrazac — dokaz, kredibilitet, rezultati — a ne portfolio obrazac. Kradite iz agencijskih primera: rezultate slučajeva, priče klijenata, članstva u advokatskoj komori, jasan odeljak „kako počinje angažovanje“. Kada treba da odlučite koji format zaista pobeđuje za datog klijenta, prođite kroz okvir za izbor formata pre nego što otvorite bilo koji primer.

Tabela je alat za trijažu, a ne zatvor. Za građevinskog podizvođača koji licitira na komercijalnim projektima, namera kupca je „može li ova ekipa da isporuči u roku i budžetu?“ To je agencijsko poverenje sa portfolio dokazima. Hibridi se stalno dešavaju. Greška je misliti da morate izabrati jedan format. Vi birate koji obrazac dominira, a ne koji format koristiti. Građevinski sajt može da prikaže fotografije pre/posle (portfolio obrazac) i i dalje se vodi sa sertifikatima o bezbednosti i članstvima u sindikatima (agencijski obrazac). Odredite odnos prema nameri, a zatim pustite da glas brenda klijenta odredi konačni raspored.

Prođite kroz drugi scenario: konsultantska firma za frakcione CFO usluge. Kupac je osnivač koga je opekao prethodni konsultant. To je agencijski problem. Proučite agencijske sajtove koji imenuju klijente i precizne rezultate. Vaš klijent ne može uvek da imenuje klijente — NDA — pa se odluka prenosi, ali se dokaz menja: anonimizovana „portfolio kompanija u fintech sektoru“ i jezik rezultata umesto logotipa. Upišite „poverenje zavisi od specifičnosti dokaza“ u plan. Sada klijent zna zašto svaki element postoji.

Pozajmite odluku, ne dizajn

Većina članaka o „najboljim praksama“ kaže da se dizajnerski izbori prenose. Ne prenose se. Video hero preko cele stranice funkcioniše na portfoliju za fotografiju dronovima jer je posao publike da procenjuje slike. Postavite isti video preko cele stranice na sajt usluge pravnih dokumenata i sakrili ste proizvod. Najgori savet koji možete poslušati je „kradi kao umetnik.“ Krađa rezultata proizvodi imitacije. Krađa odluka proizvodi autentičan rad koji uspešno konvertuje.

Zato za svaki upadljiv izbor u primeru napišite rečenicu „zato.“ Prazan prostor: „zato što ova publika izjednačava prostor sa premium.“ Tamna pozadina: „zato što ova publika razmišlja inženjerski, a tamna tema deluje tehnički.“ Osoba koja se smeši: „zato što se ova publika plaši transakcije i želi toplinu.“ Sada je odluka prenosiva. Premium advokatska firma možda treba odluku o praznom prostoru; diskontna pravna usluga mora da je odbije. Sada imate pravilo da primenite, ne snimak ekrana za kopiranje.

Napišite „zato“ pre nego što napravite snimak ekrana. Vaše pamćenje će snimak ekrana arhivirati pod „lep dizajn“ i izgubiti razlog u roku od nedelju dana. Napisano „zato“ vas tera da artikulišete mehanizam. Ako ne možete da ga napišete, niste razumeli primer — samo vam se dopao. Ta razlika je cela igra.

Složite jedan konkretan primer. Vidite portfolio sajt za samostalnog dizajnera. Svaki projekat počinje ogromnom slikom, zatim rezultatom, zatim imenom klijenta. Odluka: „ova publika kupuje rezultate gledajući stvar.“ Sada redizajnirate sajt za renoviranje domova. Posao kupca je takođe da gleda stvar — transformacije. Dakle, odluka se prenosi: počnite sa galerijom projekata pre/posle. Ali kupac takođe mora da veruje da ekipa dolazi na vreme, pa dodajete odluku iz agencijske kolone: poziv na akciju za konsultacije i preporuku iznad pregiba. To je metoda krađe kostura: dve pozajmljene odluke, nula pozajmljenog dizajna.

Čućete otpor klijenata koji žele sajt koji izgleda kao nagrađivani primer koji ste im pokazali. Učtivo se oduprite. Recite im da je primer dobio nagrade zbog svojih odluka, a ne zbog piksela, i da njihovi kupci nisu kupci primera. Razgovor je lakši kada možete pokazati na rečenicu „zato“ i reći „ova odluka funkcioniše; ovaj vizuel ne funkcioniše za vašu publiku.“

Napomena: ako su kupci klijenta vizuelno sofisticirani — arhitekte, kreativni direktori, interni brend timovi — ukus je proizvod. Pozajmljujte doslovnije. Pitanje nikada nije „da li mi se sviđa ovaj primer?“ Već „da li kupcu mog klijenta treba ova odluka?“ Ako ne, odbacite bez griže savesti.

Napravite datoteku sa odlukama sa kontekstom

Jednokratna inspiracija je beskorisna kada gradite mnogo sajtova godišnje. Napravite datoteku sa odlukama koja čuva odluke, a ne snimke ekrana. Koristite jednostavnu tabelu: primer, URL, publika, namera, obećanje, dokaz, poziv na akciju i „ne koristi za.“ Dodajte još jednu kolonu za rečenicu „zato.“ U toj koloni je vrednost.

Svaki red treba da sadrži: URL primera, snimak ekrana, rečenicu „zato“, dominantnu nameru kupca, obećanje, dokaz, poziv na akciju i upozorenje „ne koristi za.“ Obeležite svaki red nalepnicom namere: „hitna lokalna usluga“, „promišljena kupovina“, „profesionalac koji ceni poverenje“, „kreativac vođen ukusom.“ Kada stigne novi klijentski brief, prvo filtrirajte po nalepnici namere. Industrija je samo za izjednačavanje. Stomatološki klijent i vodoinstalaterski klijent mogu deliti nameru „zatražite ponudu odmah“ — primeri iz vodoinstalacija možda više odgovaraju stomatološkoj stranici nego fensi sajt specifičan za stomatologe koji ste sačuvali prošle nedelje.

Pregledajte datoteku tromesečno. Obrišite primere koji više ne konvertuju ili su zastareli. Dodajte jedno zapažanje nedeljno, čak i ako je to jedan poziv na akciju. Posle dva tromesečja imaćete internu biblioteku odluka koju nijedan pojedinačni primer ne može pružiti.

Koristite datoteku na početnim sastancima sa klijentima. Predstavite filtrirani prikaz: „izgradili smo ovaj sistem stranica od tri odluke koje odgovaraju vašim kupcima.“ To pokazuje da vaša agencija ima sistem, a ne samo ukus. To samo po sebi donosi više posla nego kopiranje trendi rasporeda.

Pre nego što bilo šta objavite, izvršite reviziju rezultata onako kako bi to uradio kupac koga nije briga. Ta revizija otkriva svaku ukradenu dizajnersku odluku koja ne zaslužuje svoje mesto.

Zaključak

Prestanite da skupljate sajtove. Počnite da skupljate razloge. Sledeći put kada dobijete klijentski brief, otvorite datoteku sa odlukama, pronađite nameru koja odgovara njihovim kupcima i ukradite odluke koje odgovaraju. Dizajn će biti njihov po nuždi — jer su njihovo tržište, brend i budžet drugačiji. To je poenta. Sajt napravljen obrnutim inženjeringom konvertuje jer je izgrađen od odluka koje su bile tačne za tuđu publiku i ponovo testirane protiv vaše.