Indie hacker-marknadsföring: lanseringsgrafik utan designer

Bra indie hacker-marknadsföring bygger på en handfull grafiker du gör en gång och använder i månader: en Open Graph-bild så att varje delad länk ser färdig ut, en X-header, ett lanseringsmeddelande och en mall för dina build in public-uppdateringar. Ingen av dem kräver en formgivare. De kräver rätt mått, ett enhetligt utseende och en rad som säger vad produkten gör på under åtta ord. Den här sidan går igenom alla tre och slutar med en checklista för lanseringsveckan som du kan jobba igenom redan ikväll.

Lanseringsgrafiken en indie hacker faktiskt behöver

Soloföretagare tenderar att antingen hoppa över grafik helt eller lägga en vecka på en illustration till landningssidan som ingen lägger märke till. Den användbara mitten är kort. Det här är tillgångarna folk faktiskt ser, i den ordning de ser dem.

Börja med Open Graph-bilden

Open Graph-bilden är bilden som visas när någon klistrar in din länk. Det är den mest sedda grafik du någonsin gör, eftersom varje delning, varje svar med din URL och varje nyhetsbrevsomnämnande bär den. Utan en visar plattformar ett tomt grått kort eller ett slumpmässigt utsnitt av din sida. Alla regler finns i Open Graph-bildens storlek; kortversionen är 1200×630, produktnamn, en rad, stor text i mitten.

Lägg sedan till taggarna i sidans huvud. De flesta ramverk har en plats för dem, men det här är de som spelar roll:

<meta property="og:title" content="Paperweight: invoices that chase themselves">
<meta property="og:description" content="Automatic payment reminders for freelancers.">
<meta property="og:image" content="https://example.com/og-v1.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">

Om din produkt har många sidor värda att dela, som publika profiler eller rapporter, generera en bild per sida i stället för en för hela webbplatsen. De flesta ramverk kan rendera dem på begäran från en mall.

Skriv orden innan du väljer färger

Indie-lanseringsgrafik misslyckas mycket oftare på orden än på utseendet. En mening som ”produktivitetens framtid” säger en skrollande främling ingenting. En användbar rad nämner jobbet och personen: vad som förändras för dem på måndag. Skriv tio versioner, läs dem högt och behåll den enklaste. Skriva text till bilder har fler sätt att korta ned en rad.

Välj ett utseende och behåll det på alla tillgångar

Indie-produkter flyter ihop eftersom så många väljer samma violett-till-blå gradient och samma geometriska sans. Det går bra för ett helgprojekt och är ett problem för något du vill att folk ska minnas. Välj en bottenfärg, ett ljus eller en accent och ett typsnitt, och använd dem överallt: webbplatsen, OG-bilden, headern, varje inlägg. Ett utseende du upprepar i månader är det som får en enmansprodukt att kännas som ett företag.

Om du hellre inte blandar egna är en Mark från Gradiently Marknaden en färdig levande bakgrund med sin egen typografiska röst. Du kan designa med vilken ledig Mark som helst gratis; när du säkrar den blir du dess enda ägare, så bara du kan exportera med den och din lansering kan aldrig matcha en annan grundares. Att säkra är en engångsbetalning som inkluderar första året av att behålla den, varefter det är gratis med Pro eller kostar en årsavgift per Mark. Den renderas färsk i varje storlek och dess lugnaste yta flyttar sig bakom dina ord, vilket håller en livlig bakgrund läsbar utan rutor eller skuggor.

Build in public-inlägg som folk känner igen i flödet

En veckouppdatering är ryggraden i build in public. Använd samma layout varje vecka, så att följare vet att det är ditt innan de läst ett ord. Inled med en verklig siffra eller en verklig lärdom, och posta de långsamma veckorna också: en ärlig platt vecka ger mer förtroende än en rad segrar. Dela bara siffror som är sanna.

Gör en månads värde av dessa i ett svep i stället för ett varje fredag. Skapa innehåll för sociala medier i omgångar går igenom metoden. Ge stora ögonblick, som lanseringsdagen eller en intäktsmilstolpe, en egen layout så att de sticker ut från veckorytmen.

Din X-header och profil

X-headern är 1500×500. Din profilbild ligger över dess nedre vänstra hörn och remsan beskärs olika på mobiler, så håll orden i mitten och mot höger. Sätt produktnamnet, den enda raden och URL:en där, eller bara ditt utseende. Exakta säkra ytor finns i X-headerns storlek.

En checklista för lanseringsveckan

1. 1

   Två veckor innan: OG-bild och header

   Publicera metataggarna och klistra in din URL i ett privat meddelande till dig själv för att se den riktiga förhandsvisningen.

2. 2

   En vecka innan: orden

   Skriv den enda raden och tre funktionsrader. Varje funktionsrad blir en egen bild.

3. 3

   Designa en huvudram

   Gör lanseringsinlägget i 1600×900 med ditt utseende, din rad och ett utsnitt av gränssnittet.

4. 4

   Gör de andra måtten utifrån den

   Lägg ut samma design på nytt i 1080×1350 för LinkedIn och Threads och 1080×1920 för stories, i stället för att beskära, med storyns ord inom den centrala säkra zonen. Anpassa för varje plattform förklarar varför.

5. 5

   Lanseringsdagen: en bild per inlägg

   Posta, fäst det på din profil, svara alla. Håll Product Hunt-galleriet i samma utseende så att besökare som kommer från endera stället ser en produkt.

6. 6

   Veckan efter: tacka folk

   Dela vad som hände med verkliga siffror och vad du fixar härnäst. Det inlägget når ofta längre än lanseringen.

För den bredare bilden av en lansering, se lanseringsgrafik för produkter och, om du säljer mjukvara, SaaS-varumärkesbyggande. Om du tillbringar lanseringsveckan i din editor fungerar Gradiently också inuti ChatGPT, Claude och andra assistenter som stöder fjärr-MCP-servrar: be assistenten du redan har öppen om lanseringsinlägget, så öppnas designen i Studion för en sista kontroll. Installationen finns på MCP-sidan.