Hvordan lage nettside til en influencer?

andre poster

Her er en enkel, komplett guide til hvordan du lager en proff nettside for en influencer – fra idé til lansering. Den er skrevet kort, konkret og uten fluff. Du kan bruke den enten du vil bygge selv eller få hjelp.

Hvorfor ha egen nettside?

  • Du eier flaten (ikke avhengig av algoritmer).
  • Lettere å selge samarbeid (media kit, caser, priser).
  • Gir deg SEO-trafikk (Google) til innhold du kontrollerer.
  • Samler nyhetsbrev og butikk på ett sted.
  • Ser seriøst ut for presse og annonsører.

Før du starter: mål og målgruppe

  • Hvem skal bruke siden? (annonsører, presse, følgere, alle tre?)
  • Hovedmål:
    – Booke samarbeid?
    – Selge produkter/kurs?
    – Vokse nyhetsbrev?
    – Vise caser/portefølje?
  • Tone og identitet: morsom/ung, eller ren/proff?

Velg løsning

Enkel “link-in-bio”-side (1–2 timer)

  • For deg som vil ha én side med lenker, bio, kontakt.
  • Verktøy: Notion + super.so / typedream, eller en enkel HTML-side (se mal nedenfor).

Dra-og-slipp (1–2 dager)

  • Raskt, pent, mobilvennlig, lite teknisk.
  • Squarespace, Wix, Shopify (om du skal selge), Framer (ren og moderne).

Proff og fleksibel (WordPress/Webflow)

  • WordPress + raskt tema (Block-tema, GeneratePress) + builder (uten overlapp) = kontroll og SEO.
  • Webflow = pikselperfekt design, god CMS for caser/innhold.

Sidemal (det du bør ha)

  1. Forside – klar pitch, hvem du er, hva du tilbyr som influencer, siste innhold, sosialbevis.
  2. Om meg – kort historie, ekspertise, verdier, høyoppløselige pressebilder.
  3. Samarbeid / Media kit – målgruppe-data, rekkevidde, caser, pakker, kontakt/booking.
  4. Portefølje / Caser – 3–6 konkrete kampanjer med mål, løsning, resultat.
  5. Shop / Tjenester – produkter, kurs, foredrag, coaching.
  6. Kontakt – skjema, e-post, agent, sosiale lenker, presse.
  7. Nyhetsbrev – enkel forklaring og påmelding.
  8. Blogg / Artikler (valgfritt) – SEO + troverdighet.
  9. Juridisk – personvernerklæring (GDPR), cookies, vilkår, reklamemerking-praksis.

Innhold som konverterer

  • Hero (øverst): 1 setning om hva du gjør + CTA (Book samarbeid / Last ned media kit).
  • Sosialbevis: logoer på merker du har jobbet med, antall følgere (avrund), presseomtaler.
  • Resultat-caser: “+42 % salg for X på 7 dager” > generelle ord.
  • Tydelig CTA på hver side (“Kontakt meg”, “Få prisforslag”, “Bli partner”).
  • Media kit: kort PDF (3–5 sider) + nedlastbar fra siden.

Design som funker

  • Mobil først. 70–90 % av trafikken er mobil.
  • En font for overskrift, én for brødtekst.
  • 3 farger: primær, sekundær, bakgrunn.
  • Kontrast og lesbarhet. Mørk tekst på lys bakgrunn eller omvendt.
  • Raske bilder: bruk WebP/AVIF og maks ~200–300 kB per bilde.
  • Alt-tekst på bilder (tilgjengelighet + SEO).

SEO på enkelt norsk

  • Finn 5–10 nøkkelord du vil eie (f.eks. “influencer samarbeid Norge”, “tiktok kampanje pris”).
  • Skriv egne, korte titler og meta-beskrivelser som sier hva siden handler om.
  • Bruk H1 én gang per side, resten H2/H3.
  • Lag case-artikler som faktisk svarer på spørsmål annonsører googler.
  • Sett Open Graph-felter (tittel, beskrivelse, delingsbilde) for pene lenker i SoMe.

Juridisk og trygghet (Norge/GDPR)

  • Personvernerklæring (hva samler du inn, hvorfor, hvor lenge).
  • Cookie-banner hvis du bruker analyse/pixels.
  • Reklamemerking: på siden forklarer du praksis (“All reklame merkes tydelig som annonse/samarbeid”).
  • Kontaktinfo og org.nr. hvis du driver som ENK/AS.

Analyse og måling

  • Plausible (personvernvennlig, enkel) eller Google Analytics 4.
  • Sett konverteringsmål: sendt kontaktskjema, media-kit lastet ned, nyhetsbrev-signup.
  • Bruk UTM-tagger på lenker fra Instagram/TikTok for å vite hva som gir resultater.

Integrasjoner som hjelper

  • Nyhetsbrev: MailerLite / Brevo – enkel påmelding + automatisk velkomst.
  • Booking: Calendly/Cal.com (“Book 15 min introprat”).
  • Skjema: TidyForms/Typeform/Native skjemablokk.
  • Butikk: Shopify (full butikk) eller Gumroad (digitale produkter) eller Shopify Buy Button inne i siden.
  • Pressekit: last ned ZIP med bilder + bio (liggende/stående, portrett/helfigur).

Enkel tidsplan

Dag 1: mål, struktur, wireframe (på papir/Notion).
Dag 2: velg plattform, sett opp domene, lag grunnsider.
Dag 3: skriv tekster (kort, konkret, “du”-språk), legg inn bilder.
Dag 4: SEO-felt, analyse, skjema/nyhetsbrev, hastighetstest.
Dag 5: kvalitetssjekk mobil, juridisk, publiser.

Lanserings-sjekkliste

  • Domene + SSL (https) aktivt
  • Mobiltest (iPhone + Android)
  • 404-side og hurtigmeny
  • Meta/OG-felt satt
  • Hastighet > 80 på PageSpeed (mobil)
  • Skjema fungerer (test-send)
  • Cookie-banner og personvern
  • Analytics sporer mål
  • Media kit lastes ned uten feil

Eksempel på struktur (sitemap)

/ (Forside)
/om
/samarbeid  (media kit + caser)
/case/[kundenavn-eller-kampanje]
/tjenester  (pakker/priser fra-til)
/kontakt
/nyhetsbrev
/personvern
/vilkar

Pris og valg (enkelt estimat)

  • 0–500 kr/mnd: Wix/Squarespace/Framer, domene + analyse + nyhetsbrev gratisnivå.
  • 500–1500 kr/mnd: Webflow/Shopify (proff CMS, flere integrasjoner).
  • Engangskost: designer/utvikler 10–40k+ for skreddersøm (valgfritt).

Tekstmaler (kopier og tilpass)

Hero-tittel:
“Jeg skaper innhold som får folk til å stoppe – og handle.”

Undertekst:
“Jeg hjelper norske merkevarer å treffe Gen Z på TikTok og Reels. Se caser eller book en prat.”

CTA-knapper:
“Se caser” / “Last ned media kit” / “Book 15 min”

Case-oppsett (kort):

  • Kundens mål → “Øke salg i nettbutikk”
  • Løsning → “3 Reels + 1 TikTok, fokus på UGC og før/etter”
  • Resultat → “+42 % ROAS, 180k visninger, 2,1k klikk”
  • Lenke/visning

Minimal, klar HTML-mal (én side du kan lime inn og bruke)

(Lett å redigere. Mobilvennlig. Ingen byggsteg.)

<!doctype html>
<html lang="no">
<head>
  <meta charset="utf-8">
  <title>Ditt Navn – Influencer</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="description" content="Influencer som lager innhold som konverterer. Se caser, last ned media kit, og book samarbeid.">
  <meta property="og:title" content="Ditt Navn – Influencer">
  <meta property="og:description" content="Casestudier, media kit og kontakt for samarbeid.">
  <meta property="og:image" content="https://example.com/delingsbilde.jpg">
  <style>
    :root{--bg:#0b0b0c;--fg:#ffffff;--muted:#a6a7ac;--acc:#7dd3fc}
    *{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;background:var(--bg);color:var(--fg)}
    a{color:var(--acc);text-decoration:none} a:hover{text-decoration:underline}
    .wrap{max-width:1100px;margin:0 auto;padding:24px}
    header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
    nav a{margin-left:16px;color:var(--fg)}
    .hero{display:grid;gap:16px;padding:48px 0}
    .hero h1{font-size:42px;line-height:1.1;margin:0}
    .hero p{color:var(--muted);max-width:600px}
    .cta{display:flex;gap:12px;flex-wrap:wrap}
    .btn{background:var(--acc);color:#06202a;padding:12px 18px;border-radius:10px;font-weight:600}
    .btn.secondary{background:transparent;border:1px solid #2b2c31;color:var(--fg)}
    .grid{display:grid;gap:16px}
    @media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}
    section{padding:32px 0;border-top:1px solid #1b1c21}
    h2{font-size:26px;margin:0 0 12px}
    .card{background:#101114;border:1px solid #1b1c21;border-radius:14px;padding:16px}
    footer{padding:32px 0;color:var(--muted);font-size:14px}
    .badge{display:inline-block;padding:4px 10px;border:1px solid #2b2c31;border-radius:999px;color:var(--muted);font-size:12px}
    .logo{font-weight:800}
    .list{margin:0;padding-left:18px;color:var(--muted)}
    input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #2b2c31;background:#0f1013;color:var(--fg)}
    label{font-size:14px;color:var(--muted)}
    .form-row{display:grid;gap:12px}
    @media(min-width:700px){.form-row{grid-template-columns:1fr 1fr}}
  </style>
</head>
<body>
  <div class="wrap">
    <header>
      <div class="logo">Ditt Navn</div>
      <nav>
        <a href="#caser">Caser</a>
        <a href="#samarbeid">Samarbeid</a>
        <a href="#kontakt">Kontakt</a>
      </nav>
    </header>

    <section class="hero">
      <span class="badge">Influencer • TikTok & Reels</span>
      <h1>Jeg lager innhold som får folk til å stoppe – og handle</h1>
      <p>Jeg hjelper norske merkevarer å treffe Gen Z med korte, ærlige videoer. Se caser, last ned media kit, eller book en prat.</p>
      <div class="cta">
        <a class="btn" href="#samarbeid">Last ned media kit</a>
        <a class="btn secondary" href="#kontakt">Book 15 min</a>
      </div>
    </section>

    <section id="caser">
      <h2>Utvalgte caser</h2>
      <div class="grid grid-3">
        <div class="card">
          <strong>Brand A – Lansering</strong>
          <p class="muted">3 Reels + 1 TikTok • UGC • Call to action</p>
          <ul class="list">
            <li>180k visninger</li>
            <li>2,1k klikk</li>
            <li>+42 % ROAS</li>
          </ul>
        </div>
        <div class="card">
          <strong>Brand B – Nettbutikk</strong>
          <p class="muted">Story-serie + Rabattkode</p>
          <ul class="list">
            <li>12 % konvertering</li>
            <li>Top 3 trafikkilde</li>
          </ul>
        </div>
        <div class="card">
          <strong>Brand C – Event</strong>
          <p class="muted">Live + recap-video</p>
          <ul class="list">
            <li>Fullt hus</li>
            <li>+3k nyhetsbrev</li>
          </ul>
        </div>
      </div>
    </section>

    <section id="samarbeid">
      <h2>Samarbeid og pakker</h2>
      <div class="grid grid-3">
        <div class="card">
          <strong>Start</strong>
          <p>1 TikTok + 1 Reel • 1 Story</p>
          <p>Passer små lanseringer.</p>
        </div>
        <div class="card">
          <strong>Boost</strong>
          <p>3 videoer • 3 Stories • Link tracking</p>
          <p>Bestselger for kampanjer.</p>
        </div>
        <div class="card">
          <strong>Ambassadør</strong>
          <p>3 mnd • 2 videoer/mnd • 4 Stories/mnd</p>
          <p>Langsiktig vekst.</p>
        </div>
      </div>
      <p style="color:#a6a7ac">All betalt eksponering merkes som <em>annonse</em> i tråd med norske regler. Pris på forespørsel.</p>
      <a class="btn" href="#kontakt">Be om prisforslag</a>
    </section>

    <section id="kontakt">
      <h2>Kontakt</h2>
      <p class="muted">Fortell kort om mål, tidslinje og budsjett. Jeg svarer normalt innen 24 timer.</p>
      <form name="kontakt" method="post" action="https://formspree.io/f/your-id">
        <div class="form-row">
          <div>
            <label>Navn</label>
            <input name="navn" required>
          </div>
          <div>
            <label>E-post</label>
            <input name="epost" type="email" required>
          </div>
        </div>
        <div style="margin-top:12px">
          <label>Melding</label>
          <textarea name="melding" rows="5" placeholder="Hva ønsker dere å oppnå?"></textarea>
        </div>
        <div style="margin-top:12px">
          <button class="btn" type="submit">Send</button>
        </div>
      </form>
    </section>

    <footer>
      © <span id="y"></span> Ditt Navn · Personvern · Cookies · Org.nr. 123 456 789
    </footer>
  </div>
  <script>document.getElementById('y').textContent=new Date().getFullYear()</script>
</body>
</html>

Slik bruker du malen:

  • Bytt ut tekst, tall og bilder.
  • Legg et delingsbilde på din URL og sett og:image.
  • Bytt action i skjemaet til din Formspree/Netlify-form e.l.
  • Last opp til Netlify/Vercel eller egen hosting (gratisnivå finnes).

Media kit (innholdsforslag)

  • 1 side: hvem du er som influencer + reach.
  • 1 side: målgruppe (alder/kjønn/land/interesser).
  • 2–3 caser med konkrete tall.
  • 1 side: pakker og prosess (brief → produksjon → publisering → rapport).
  • 1 side: kontakt og vilkår (leveringstid, revisjoner, eierskap, bruk i annonser).

Vanlige feil (og raske fiks)

  • Treg side: komprimer bilder, slå av tunge skrifter.
  • Utydelig budskap: én klar setning i hero + én hoved-CTA.
  • Ingen bevis: legg inn logoer, sitater, caser.
  • Dårlig mobil: test alt på små skjermer.
  • Ingen måling: aktiver analyse før lansering.

Oppgradering senere

  • CMS-samling for caser (WordPress/Webflow) → lett å legge til nye.
  • Blogg for SEO (“Slik målte vi ROAS på TikTok” osv.).
  • Nyhetsbrev-freebie (f.eks. “Brief-mal for SoMe-kampanje”).
  • Bookingkalender for introprat.
  • Språkversjon (no/en) hvis du jobber som influencer på tvers av land.