Lainaa verkkosivuesimerkkejä muilta toimialoilta ("Väärät")

Tiivistelmä

Kilpailijasi etusivu on lähes varmasti huonoin verkkosivuesimerkki, jonka voit kopioida. Siihen mennessä, kun sinulla on kilpailijoita, heidän sivunsa ovat sulautuneet samaan asetteluun, ja kävijä, joka on juuri nähnyt heidän sivunsa, ei opi sinun sivustasi mitään. Sivut, jotka konvertoivat, on rakennettu sen tehtävän ympärille, jonka kävijä yrittää suorittaa juuri sillä hetkellä, ei kategorian odotetun ilmeen ympärille. Tämä artikkeli näyttää yksinyrittäjälle tai perustajalle, miten poimia rakenteellinen runko toisiinsa liittymättömiltä toimialoilta — toimistojen tapaustutkimussivut todisteita varten, portfoliosivut käsityölle, kuluttaja-SaaS-sivut selkeydelle — ja koota se uudelleen omin sanoin. Se vastaa tämän lähestymistavan tärkeimpiin vastaväitteisiin: legitimiteetti, suunnittelutaito, relevanssi, monimutkaisuus ja kyky testata. Lopuksi sinulla on toimiva harjoitus v1-sivun tuottamiseen, joka erottuu ilman tiimiä.

Kilpailijasi etusivu on lähes varmasti huonoin verkkosivuesimerkki, jonka voit kopioida. Se kuulostaa nurinkuriselta, koska vaisto on avata lähimmän kilpailijan sivusto ensimmäisenä inspiraationa. Mutta siihen mennessä, kun sinulla on kilpailijoita, heidän sivunsa ovat sulautuneet: ne ratkaisevat saman ongelman samalle yleisölle, ja useimmat ovat kopioineet toisiaan niin täysin, että asettelu on lakannut viestimästä mitään. Kävijä, joka saapuu sivullesi heidän sivunsa jälkeen, ei näe syytä valita sinua; hän näkee saman muodon, jonka hän juuri sulki. Sivut, jotka todella voittavat, tekevät jotain erilaista — ne on rakennettu sen tehtävän ympärille, jonka kävijä yrittää suorittaa juuri sillä hetkellä, ei kategorian odotetun ilmeen ympärille.

Tämän vuoksi valmentaja, freelancer tai perustaja, jolla ei ole suunnittelutiimiä, hyötyy enemmän täysin toisiinsa liittymättömien toimialojen sivujen tutkimisesta ja niiden rakenteen varastamisesta, ei pinnan. SaaS-tuotesivujen parhaiden käytäntöjen listat palaavat samoihin piirteisiin: selkeä arvolupaus, selkeys taitteen yläpuolella ja yksi hallitseva toimintakehote. Sivut, joita ne nostavat esiin, kuten Calendlyn otsikko "aikatauluta tapaamisia ilman sähköpostiviestien edestakaisin" tai Linearin pelkistetty hero, toimivat eivät siksi, että ne ovat kauniita, vaan koska jokainen vastaa yhteen kysymykseen ensimmäisen sekunnin aikana. Loput tästä artikkelista käy läpi syyt, joiden vuoksi normaalisti jättäisit tämän neuvon huomiotta — syyt, joiden vuoksi se tuntuu väärältä, syyt, joiden vuoksi se tuntuu mahdottomalta, ja yhden todellisen rajan, jossa se lakkaa toimimasta.

Mutta minun täytyy näyttää alani näköiseltä

Ensimmäinen vastaväite on legitimiteetti. "Jos sivuni ei näytä samalta kuin kaikkien muiden markkinarakoni sivut, asiakkaat eivät luota minuun." Siinä on perää. Ostajat konservatiivisilla aloilla — laki, lääketiede, julkinen sektori — saavat joskus turvaa visuaalisesta yhdenmukaisuudesta. Mutta useimmilla aloilla luottamuksen signaali ei ole samankaltaisuus, vaan ymmärrettävyys. Käyttäjä, joka ymmärtää alle viidessä sekunnissa, mitä teet, kenelle se on tarkoitettu ja mitä tapahtuu seuraavaksi, luottaa sinuun enemmän kuin käyttäjä, joka tunnistaa tutun mallin, mutta ei osaa sanoa, miksi sinun versionsi pitäisi voittaa.

Tutkimus tehokkaista SaaS-sivuista on tässä suora. Yhä uudelleen periaate on selkeys ensin: ytimekäs otsikko, lyhyt kuvaus ja yksi selkeä toiminto, eikä mikään kilpaile taitteen yläpuolella. Huomaa, että "selkeys" ei ole visuaalinen tyyli. Se on rakenteellinen kurinalaisuus. Syy siihen, miksi esimerkiksi Calendly mainitaan kaikkialla, on sen otsikko, joka nimeää lopputuloksen, ei se, että sen herolla on tietty värimaailma. Sinun ei tarvitse näyttää alasi näköiseltä; sinun täytyy kuulostaa ostajaltasi. Asettelu, jonka ostajasi on nähnyt sata kertaa, on asettelu, jonka he ovat oppineet ohittamaan. Jos vielä punnitset, tarvitseeko yrityksesi SaaS-tyylistä, toimisto-tyylistä vai portfolio-tyylistä sivua lainkaan, formaatin valintakysymys on oikeastaan kysymys siitä, mikä tehtävä sivun on hoidettava ensin.

Lopeta suunnittelu. Aloita poimiminen.

Toinen vastaväite liittyy yleensä taitoon: "En ole suunnittelija, käytän vedä ja pudota -rakentajan mallipohjaa, enkä pysty tähän ilman tiimiä." Hyvä uutinen on, että et tarvitse suunnittelutaitoa; tarvitset poimimistaitoa. Mallipohja on ansa, koska se pakottaa sinut aloittamaan visuaalisesta kerroksesta, vaikka rakenteellinen kerros on se, joka konvertoi. Tässä on harjoitus:

1. Valitse kolmesta viiteen sivua toimialalta, jolla et ole mukana, valittuna sen mukaan, minkä asiakkaan tehtävän ne hoitavat parhaiten. Jos ostajasi tarvitsee todisteita, käytä toimistojen sivuja — niitä, jotka johtavat tapaustutkimuksilla. Jos ostajasi tarvitsee maun tai käsityön tuntua, käytä portfoliosivuja. Jos ostajasi tarvitsee yksinkertaista ymmärrystä, käytä kuluttaja-SaaS:ia.
2. Hahmota vain osioiden järjestys. Sivuuta värit, fontit ja valokuvat. Kirjoita ylös: otsikkoalue, sitten mikä tulee seuraavaksi, sitten seuraavaksi, kunnes sivun loppu.
3. Kirjoita kunkin lohkon tehtävä omin sanoin: "tämä nauha on olemassa saadakseen skeptikon uskomaan, että olen tehnyt tämän ennenkin", ei "tähän minä laitan logoni".
4. Avaa rakentaja ja kokoa runko ennen kuin teet visuaalisia valintoja. Jos mallipohja pakottaa sinut eri järjestykseen, vaihda mallipohjaa.

Useimmat ihmiset ohittavat vaiheen kaksi ja tekevät vaiheen neljä ensin, minkä vuoksi jokainen samasta mallipohjasta rakennettu sivu näyttää mallipohjalta. Ero esimerkin kopioimisen ja sen rungon varastamisen välillä on juuri tämä: kopioi visuaalinen, peri yleisö; varasta rakenne, pidä yleisön huomio.

Aloita tehtävästä, jossa olet heikoin

Kolmas vastaväite: "Toimistoilla ja portfolioilla ei ole mitään opetettavaa minun kaltaiselleni SaaS-yritykselle." Ota yksi useimmin mainituista SaaS-etusivun neuvoista: yksi CTA per sivu. Notionin etusivua mainitaan usein juuri tästä — yksi ensisijainen toiminto ("Hanki Notion ilmaiseksi") linkkivalikon sijaan. Tämä sääntö on itse lainattu suoravastaussivuilta, ei SaaS:ista; se toimii, koska se vähentää kävijän päätöksen yhteen liikkeeseen.

Kysy nyt, mitä toimiston tapaustutkimussivu tekee, mitä useimmat SaaS-etusivut eivät tee. Se näyttää uskottavan ennen-jälkeen-asetelman: kuka asiakas oli, missä he olivat jumissa ja mitä tapahtui sen jälkeen. Se on todisteiden tehtävä, ja yksin toimiva ohjelmistoa myyvä perustaja on melkein aina huonommissa todisteissa kuin toimisto, ellei hän aseta todisteita sivun keskelle — ei logonauhana alareunassa, vaan pääosassa.

Tässä on yksi konkreettinen esimerkki periaatteen havainnollistamiseksi. Oletetaan, että myyt arviointityökalua pienille rakennusurakoitsijoille. Klassinen SaaS-etusivu alkaa tuotekategorian lauseella ja kojelaudan kuvakaappauksella. Lainattu toimistorakenne alkaa sen sijaan lopputuloksesta: "Lähetä ammattimainen arvio ennen kuin asiakas lopettaa puhelun." Sitten tulee nauha, jossa on kolme lyhyttä lohkoa — yksi kattourakoitsijoille, yksi putkimiehille, yksi talonrakentajille — jokainen noudattaa samaa kaavaa: keitä he ovat, kömpelö prosessi, jota he käyttivät ennen, mitä työkalu muutti. Ei isoja numeroita, ei kojelaudan kuvakaappausta vielä tarvita. Sivu päättyy sitten yhteen CTA:han. Tämä sivu on rakenteeltaan toimistosivu, mutta se myy SaaS-tuotetta. Voit toistaa tämän harjoituksen omalle yrityksellesi kysymällä, missä tehtävässä olet tällä hetkellä heikoin: selkeys, todisteet vai käsityö.

Yrityksille, joissa ostaja valitsee maun perusteella — suunnittelustudiot, valokuvaus, brändäys — todisteet ovat itse työ. Portfoliosivu, joka näyttää työn isona ja varhain, tekee saman tehtävän kuin toimiston tapaustutkimus, mutta visuaalisesti. Jos ostajasi suurin huoli on, onko sinulla hyvä maku, suositukset eivät riitä; itse artefaktin on puhuttava. Lue lisää siitä, miten rakentaa portfoliotodisteita, jotka konvertoivat, jos yrityksesi tuottaa visuaalista työtä.

Varaus: minimalismi ei ole laki

Jokaisella säännöllä on rajansa, ja yhden CTA:n säännöllä on todellinen raja. Minimalistiset hero-osiot, kuten Linearin, toimivat, koska tuotteen arvo on helppo ilmaista yhdellä rivillä. Tuotteesi saattaa olla kallis, tekninen tai hankintaprosessien alainen. Siinä tapauksessa kävijän tehtävä sivun yläosassa ei ole "ymmärrä heti"; se on "tunne olosi tarpeeksi turvalliseksi jatkaaksesi selaamista." Yritysostaja ei halua yhtä siistiä CTA:ta ennen kuin ymmärtää turvallisuuden, vaatimustenmukaisuuden ja integraatiot. He haluavat korkeintaan kaksi näkyvää polkua: ensisijainen toiminto ja tapa löytää tarvitsemansa vakuutus.

Tutkimusperiaate ei ole "yksi linkki yhteensä." Se on yksi ensisijainen tavoite per sivu. Päätä, mikä toiminto on tärkein — aloita kokeilu, varaa konsultaatio, katso työt — ja tee siitä vahvin elementti. Kaikki muut linkit voivat olla olemassa, mutta minkään ei pitäisi kilpailla ensisijaisen toiminnon kanssa päätöksen hetkellä. Se on paljon hyödyllisempi tulkinta, ja se selviää monimutkaisten tuotteiden kanssa.

Tämä jättää sinut yksinkertaisen vertailutaulukon äärelle. Käytä sitä, kun olet epävarma siitä, mitkä ulkopuoliset esimerkit ansaitsevat huomiosi.

Lähde, josta lainata	Ongelma, jonka se ratkaisee parhaiten	Varasta tämä	Ohita tämä
Kuluttaja-SaaS-sivut (Calendly, Linear, Notion)	Selkeys ja välitön ymmärrys	Lopputulos ensin -otsikko, yksi hallitseva CTA	Ominaisuuslista ja demokuvakaappaus, jos ostajasi ei ole tekninen
Toimiston tapaustutkimussivut	Todisteet siitä, että toimitat tuloksia	Ennen/jälkeen-rakenne, nimetty asiakaskonteksti, lopputulos ensin -lohkot	Ammattislangi, tiimikoon kehuskelu, "me rakastamme mitä teemme" -täyte
Portfoliosivut	Maun ja käsityön signaali	Näytä työ isona ja varhain, minimaalinen selitys	Ylityylitelty navigaatio käytettävyyden kustannuksella

Kolmannen sarakkeen kaava on rakenne, jonka poimit harjoituksen vaiheessa kaksi. Neljäs sarake on se, mikä yleensä kopioidaan, koska se on osa, jonka voit nähdä. Jos huomaat yhdistäväsi kaikki kolme saraketta kerralla, vastusta: sivu, joka yrittää olla selkeä, todisteita täynnä ja visuaalisesti äänekäs samaan hengenvetoon, ei ole lopulta mitään niistä. Valitse tehtävä, jossa olet heikoin, ja anna sen hallita.

Voit testata tätä ilman tiimiä

Viimeinen vastaväite on nopeus: "En voi tehdä kokeita, olen ainoa, joka tekee tätä." Etusivun testaaminen ei vaadi yritystason optimointityökalua. Se vaatii yhden mittarin ja yhden muutoksen kerrallaan. Valitse yksittäinen toiminto, joka merkitsee — klikkaus rekisteröitymiseen, demopyyntö tai sähköpostin sieppaus — ja määritä se mittariksi. Muuta sitten yhtä rakenteellista elementtiä: otsikon lopputulosta, todistelohkon sijaintia tai CTA:n lähellä olevien linkkien määrää. Anna liikenteellesi tarpeeksi viikkoja kiertää ja katso, liikuttiko tuo yksi muutos mittariasi. Jos sinulla on lähes olematonta liikennettä, testi ei kerro mitään; siinä tapauksessa tee rakenteellinen valinta tämän artikkelin päättelyn perusteella, etkä vielä olemattoman datan perusteella.

Ennen kuin teet muutoksen, lue sivu uudelleen muukalaisena, joka ei ole koskaan kuullut sinusta. Se vaatii aktiivisesti unohtamaan kaiken, mitä tiedät, mikä on vaikeampaa kuin miltä kuulostaa; huolimattoman asiakkaan auditointi on käytännöllinen tapa pakottaa muutos. Ja kun rakenne on oikea, sinun ei tarvitse suunnitella koko sivustoa uudelleen joka kerta — sinun tarvitsee vain hioa seuraava kerros.

Johtopäätös

Toimialasi esimerkit opettavat sinulle huoneen säännöt. Sen ulkopuoliset esimerkit opettavat sinulle, miten voittaa huone. SaaS-tuote voi lainata todisterakenteen toimistoilta; toimisto voi lainata selkeyden kuluttajaohjelmistosivulta; portfolio voi lainata yhden CTA:n kurinalaisuuden suoravastauksesta. Menetelmä on aina sama: valitse tehtävä ensin, poimi osioiden järjestys sivuilta, jotka hoitavat sen tehtävän parhaiten, kirjoita jokainen lohko asiakkaasi sanoin ja kokoa runko ennen kuin kosket visuaalisiin. Et tarvitse tiimiä tai isoa budjettia. Sinun täytyy lopettaa kysymästä "mikä konvertoi toimialallani?" ja alkaa kysyä "mitä tehtävää asiakkaani yrittää suorittaa, ja kuka hoitaa sen tehtävän paremmin kuin kukaan muu?" Sivu on olemassa — se ei vain ole toimialallasi.