Slutt å kopiere nettsideeksempler. Stjel skjelettet deres.

Sammendrag

Mesteparten av råd om nettsideeksempler er en felle. Det sier at du skal kopiere det som virker, så du limer en SaaS-hero inn på et advokatfirmas nettside og lurer på hvorfor den flopper. Et eksempel er bevis på en beslutning, ikke en mal å kopiere. Prosessen som fungerer, er å reversere: trekk ut resonnementet bak hero-seksjonen, bevisene og oppfordringen til handling, og bygg deretter disse beslutningene på nytt for hver kundes kjøpere. Denne artikkelen viser deg hva du bør stjele fra SaaS-, byrå- og porteføljeeksempler, og hvordan du bygger en swipe-fil med beslutninger som gjør systemet repeterbart på tvers av alle kunder.

Mesteparten av råd om nettsideeksempler er en felle. Det sier at du skal «finne nettsteder du liker og stjele dem». Så du setter sammen en bokmerkermappe, og bygger deretter den samme hero-seksjonen, den samme layouten, de samme hover-effektene for en taktekker, et advokatfirma og en B2B SaaS-kunde. Resultat: dyre kloner som alle ser like ut og konverterer like dårlig. Et eksempel er ikke en mal. Det er bevis på en beslutning et smart team tok for et spesifikt publikum, et spesifikt øyeblikk og et spesifikt kommersielt løfte. Prosessen som faktisk fungerer, er å reversere: les eksemplet for beslutningene bak det, skriv ned beslutningene i klare setninger, og bygg dem deretter opp fra grunnen av for hver kundes kjøpere.

Les hero-seksjonen som en kontrakt

Start hver eksempelgjennomgang med å lese hero-seksjonen som en kontrakt. Legg merke til løftet i overskriften, beviset i underoverskriften og den ene oppfordringen til handling (CTA). Alt annet er dekorasjon. Spør hvilken beslutning skaperen tok om besøkeren før han eller hun skrev den overskriften. Svaret er den delen du kan gjenbruke.

Calendlys tagline – «planlegg møter uten e-post som går frem og tilbake» – fungerer fordi skaperen bestemte at besøkeren er en travel profesjonell som drukner i e-posttennis. Løftet er spart tid. CTA-en er «bestill et møte». Den beslutningen overføres til en tjenestevirksomhet. En bokføringskundes besøker er en bedriftseier som hater papirarbeid; overskriften bør love «lukk bøkene uten regnearkkaos», og CTA-en bør være «få en gratis opprydding». Samme beslutning, andre ord. Notion sikter mot én enkelt CTA, «få Notion gratis», fra samme disiplin: én side, én handling, ingen distraksjoner. Legg merke til hva du ikke ser – ingen karusell, ingen sekundære «les mer»-knapper, intet skjema som ber om telefonnummer. Hver utelatelse er en beslutning, og utelatelsesbeslutninger er de billigste å kopiere fordi de ikke koster noe.

Linears hero-seksjon driver den samme disiplinen enda lenger. Én overskrift, én underoverskrift, én knapp – ingen skjermbilder før du blar. Beslutningen: «dette publikummet kjenner allerede problemet, så jobben vår er å kommunisere at vi passer, ikke å opplyse.» Ta vare på den beslutningen. Når kundens kjøpere er sofistikerte, kopier tilbakeholdenheten. Når de ikke er det, vet du at du må legge til mer forklaring før du ber om klikket. Antall ord i en hero-seksjon er også en beslutning. En hero som prøver å si tre ting, kommuniserer ingenting. Hvis et eksempel har for mange ideer over folden, behandl det som en advarsel, ikke en modell.

Gå gjennom et reelt eksempel. Du vurderer en SaaS-forside du beundrer. Hero-seksjonen har en kort overskrift, én underoverskrift, én knapp. Skriv beslutningene i rekkefølge: hvem er besøkeren, hva er smerten deres, hva er den ene handlingen som fører dem fremover? Bruk det så på en taktekkerkunde. Besøkeren er en eiendomsforvalter med et tak som lekker midt på vinteren. Smerten er risiko og nedetid. Handling: «få en vurdering». Hvis SaaS-eksemplet besluttet «besøkeren trenger å se produktet i bevegelse», bytter du produktanimasjonen ut med et bilde av utført arbeid. Samme beslutning, annet medium. Slik stjeler du uten lookalike-fiaskoen. For disiplinen med én side og én handling alene, dykk ned i de velprøvde SaaS-landingsside-metodene.

Det er ikke bransjen, det er intensjonen

Slutt å klassifisere eksempler etter bransjeetiketten. «Dette er et SaaS-nettsted» forteller deg nesten ingenting nyttig. «Dette er et nettsted for en komplisert beslutning der kjøperen sammenligner tre alternativer før han forplikter seg» forteller deg hva du bør stjele. Klassifiser etter kundens kjøpsintensjon, og match deretter eksempeltypen til den intensjonen.

Et SaaS-nettsted oppnår konvertering fordi kjøperens intensjon er «å avgjøre om dette løser problemet mitt.» Overskriften bærer løftet, prøveperioden eller demoen er beviset, CTA-en er entydig. Et byrånettsted oppnår konvertering fordi kjøperens intensjon er «kan jeg stole på denne personen med pengene mine, merkevaren min eller krisen min?» Bevis er casestudier, kundelogoer og teamets troverdighet. CTA-en er ofte en konsultasjon. Et porteføljenettsted oppnår konvertering fordi kjøperens intensjon er «er smaken deres like god som ryktet?» Beviset er selve arbeidet, og CTA-en er noen ganger skjult med vilje.

Eksempeltype	Besøkendes intensjon	Stjel dette	Hopp over dette
SaaS	«Avgjøre om dette passer meg»	Verdiforslagsdisiplin, én CTA, funksjon-til-nytte-tekst	Kun produktanimasjoner, prissidestruktur, demo-først-CTA-er
Byrå	«Kan jeg stole på dette firmaet?»	Casestudier, kundebevis, navngitt team, tydelig engasjementsvei	Langdryge prosess-sider, sjargongtung tilnærmingstekst
Portefølje	«Er smaken deres like god som arbeidet?»	Sterke prosjekthistorier, før/etter, tilbakeholden presentasjon	Sparsomme kontaktinformasjoner, personlighetsførst-tekst, skjulte CTA-er

Det er her byråer går galt: de matcher eksemplet til sin egen ambisjon i stedet for til kundens kjøper. En advokatfirmakunde ber om «et porteføljenettsted» fordi en konkurrent har et. Kjør intensjonstesten. En person som ansetter en advokat, er redd. De vil ha bevis på at advokaten har vunnet lignende saker, fakturerer rettferdig og ikke vil få dem til å føle seg dumme. Det er et byråmønster – bevis, troverdighet, resultater – ikke et porteføljemønster. Stjel fra byråeksempler: saksresultater, kundehistorier, advokatmedlemskap, en tydelig «slik starter engasjementet»-seksjon. Når du må avgjøre hvilket format som faktisk vinner for en gitt kunde, arbeid deg gjennom rammeverket for formatvalg før du åpner noe eksempel.

Tabellen er et sorteringsverktøy, ikke et fengsel. For en byggentreprenør som byr på kommersielle prosjekter, er kjøperens intensjon «kan dette mannskapet prestere etter tidsplan og budsjett?» Det er byråtillit med porteføljebevis. Hybrider skjer hele tiden. Feilen er å tro at du må velge ett format. Du velger hvilket mønster som dominerer, ikke hvilket enkeltformat du skal bruke. En byggeplass-nettside kan vise før/etter-bilder (porteføljemønster) og fortsatt lede med sikkerhetssertifiseringer og fagforeningsmedlemskap (byråmønster). Bestem forholdet ut fra intensjonen, og la så kundens merkevarestemme avgjøre den endelige utformingen.

Gå gjennom et andre scenario: et fraksjonert-CFO-konsulentfirma. Kjøperen er en gründer som er brent av en tidligere konsulent. Det er et byråproblem. Studer byrånettsteder som navngir kunder og presise resultater. Din kunde kan ikke alltid navngi kunder – NDA – så beslutningen overføres, men bevisene endres: anonymisert «porteføljeselskap innen fintech» og resultatspråk i stedet for logoer. Skriv «tillit avhenger av spesifisiteten til bevis» inn i planen. Nå vet kunden hvorfor hvert element finnes.

Lån beslutningen, ikke designet

De fleste «beste praksis»-artikler sier at designvalg kan flyttes. Det kan de ikke. En fullbredde-video i hero-seksjonen fungerer på en dronefotograf-portefølje fordi publikums jobb er å vurdere bilder. Legg den samme fullbredde-videoen på en juridisk dokumenttjenestes forside, så har du gjemt produktet. Det verste rådet du kan følge, er «stjel som en kunstner». Å stjele resultater gir lookalikes. Å stjele beslutninger gir skreddersydde nettsider som tilfeldigvis konverterer.

Så for hvert bemerkelsesverdige valg i et eksempel, skriv en setning med «fordi». Hviteområdet: «fordi dette publikummet forbinder rom med premium.» Den mørke bakgrunnen: «fordi dette publikummet tenker teknisk, og mørk modus føles teknisk.» Den smilende personen: «fordi dette publikummet frykter transaksjonen og ønsker varme.» Nå er beslutningen bærbar. Et premium advokatfirma kan trenge hvitromsbeslutningen; en rabatt juridisk tjeneste må avvise den. Du har nå en regel å anvende, ikke et skjermbilde å kopiere.

Skriv fordi-et før du tar skjermbilde. Hukommelsen din vil arkivere skjermbildet under «fint design» og miste resonnementet i løpet av en uke. Det skrevne fordi-et tvinger deg til å artikulere en mekanisme. Hvis du ikke kan skrive et, har du ikke forstått eksemplet – du likte det bare. Det skillet er hele spillet.

Stable ett konkret eksempel. Du ser et porteføljenettsted for en solodesigner. Hvert prosjekt åpner med et stort bilde, deretter resultatet, deretter kundens navn. Beslutningen: «dette publikummet kjøper resultater ved å se på tingen.» Nå redesigner du et hjemmeoppussingsnettsted. Kjøperens jobb er også å se på tingen – på forvandlinger. Så beslutningen overføres: led med et galleri med før/etter-prosjekter. Men kjøperen må også stole på at mannskapet dukker opp i tide, så du legger til en beslutning fra byråkolonnen: en konsultasjons-CTA og et vitnesbyrd over folden. Det er metoden for å stjele skjelettet: to lånte beslutninger, null lånt design.

Du vil få motstand fra kunder som vil ha et nettsted som ser ut som det prisbelønte eksemplet du viste dem. Stå imot høflig. Fortell dem at eksemplet vant priser for beslutningene sine, ikke for pikslene sine, og at kundenes kjøpere ikke er eksemplets kjøpere. Samtalen blir lettere når du kan peke på fordi-setningen og si «denne beslutningen fungerer; dette visuelle fungerer ikke for ditt publikum.»

Forbehold: hvis kundens kjøpere er visuelt sofistikerte – arkitekter, kreative direktører, interne merkevaretema – er smak produktet. Lån mer bokstavelig. Spørsmålet er aldri «liker jeg dette eksemplet?» Det er «trenger min kundes kjøper denne beslutningen?» Hvis nei, forkast uten dårlig samvittighet.

Bygg en swipe-fil med kontekst

Engangsinspirasjon er ubrukelig når du bygger mange nettsteder i året. Bygg en swipe-fil som lagrer beslutninger, ikke skjermbilder. Bruk en enkel tabell: eksempel, URL, publikum, intensjon, løfte, bevis, CTA og «ikke bruk til». Legg til en kolonne til for fordi-setningen. Den kolonnen er der verdien bor.

Hver rad trenger: eksempel-URL, et skjermbilde, fordi-setningen, den dominerende kjøpsintensjonen, løftet, beviset, CTA-en og en «ikke bruk til»-advarsel. Merk hver rad med en intensjonsetikett: «akutte lokale tjenester», «gjennomtenkt kjøp», «tillitsfølsom profesjonell», «smaksdrevet kreativ». Når et nytt kundebrief kommer inn, filtrer etter intensjonsetikett først. Bransjen er bare en tiebreaker. En tannlegekunde og en rørleggerkunde kan dele intensjonen «be om et tilbud nå» – rørleggereksemplene kan tjene tannlegesiden bedre enn et fancy tannlegespesifikt nettsted du lagret i forrige uke.

Gå gjennom filen kvartalsvis. Slett eksempler som ikke lenger konverterer eller utløper. Legg til ett funn per uke, selv om det bare er en enkelt CTA. Etter to kvartaler eier du et internt beslutningsbibliotek som ingen enkelteksempel kan gi deg.

Bruk filen i kundeoppstartsmøter. Presenter et filtrert utsnitt: «vi bygde dette sidesystemet fra tre beslutninger som passer dine kjøpere.» Det viser at byrået ditt har et system, ikke bare smak. Det alene vinner mer arbeid enn å kopiere en trendy layout.

Før du leverer noe, revurder resultatet slik en kunde som ikke bryr seg ville gjort. Den revisjonen fanger opp hver stjålne designbeslutning som ikke fortjener plassen sin.

Konklusjon

Slutt å samle nettsider. Begynn å samle grunner. Neste gang du får et kundebrief, åpne swipe-filen, finn intensjonen som matcher kjøperne deres, og stjel beslutningene som passer. Designet vil være deres av nødvendighet – fordi deres marked, merkevare og budsjett er annerledes. Det er poenget. Et reversert nettsted konverterer fordi det er bygget på beslutninger som var sanne for noen andres publikum, og som ble testet på nytt mot ditt.