Indie hacker-marketing: lanceringsgrafik uden en designer

God indie hacker-marketing kører på en håndfuld grafikker, du laver én gang og genbruger i måneder: et Open Graph-billede, så hvert delt link ser færdigt ud, en X-header, en annoncering på lanceringsdagen og én skabelon til dine build in public-opdateringer. Ingen af dem kræver en designer. De kræver de rigtige størrelser, ét ensartet udtryk og en linje, der siger, hvad produktet gør, på under otte ord. Her gennemgås alle tre, og siden slutter med en tjekliste til lanceringsugen, du kan arbejde igennem i aften.

Den lanceringsgrafik, en indie hacker faktisk har brug for

Solo-grundlæggere har en tendens til enten at springe grafik helt over eller bruge en uge på en illustration til landingssiden, som ingen lægger mærke til. Det nyttige midterstykke er kort. Det er de materialer, folk faktisk vil se, i den rækkefølge, de vil se dem.

Start med Open Graph-billedet

Open Graph-billedet er det billede, der vises, når nogen indsætter dit link. Det er den mest sete grafik, du nogensinde laver, fordi hver deling, hvert svar med din URL og hver omtale i et nyhedsbrev bærer det med sig. Uden et viser platforme et tomt gråt kort eller et tilfældigt udsnit af din side. Alle reglerne står i størrelse på Open Graph-billede; kortversionen er 1200×630, produktnavn, én linje, stor skrift i midten.

Tilføj derefter tagsene til din sides head. De fleste frameworks har et sted til dem, men disse er dem, der betyder noget:

<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">

Hvis dit produkt har mange sider, der er værd at dele, som offentlige profiler eller rapporter, så lav ét billede pr. side i stedet for ét til hele webstedet. De fleste frameworks kan gengive dem på forespørgsel ud fra en skabelon.

Skriv ordene, før du vælger farver

Indie-lanceringsgrafik fejler på ord langt oftere end på udseende. En sætning som »produktivitetens fremtid« siger intet til en fremmed, der scroller forbi. En brugbar linje nævner opgaven og personen: hvad der ændrer sig for dem mandag. Skriv ti versioner, læs dem højt, og behold den mest enkle. Tekster til visuelt indhold har flere måder at skære en linje ned på.

Vælg ét udtryk, og behold det på alle materialer

Indie-produkter flyder sammen, fordi så mange griber efter den samme gradient fra violet til blå og den samme geometriske sans. Det er fint til et weekendprojekt og et problem for noget, du vil have folk til at huske. Vælg en grundfarve, ét lys eller en accent og én skrift, og brug dem overalt: webstedet, OG-billedet, headeren, hvert opslag. Et udtryk, du gentager i måneder, er det, der får et enmandsprodukt til at føles som en virksomhed.

Hvis du hellere vil undgå selv at blande, er en Mark fra Gradiently-Markedet en færdig levende baggrund med sin egen typografiske stemme. Du kan designe med enhver Mark, som ingen har sikret sig, gratis; når du sikrer dig den, bliver du dens eneste ejer, så kun du kan eksportere med den, og din lancering kan ikke ligne en anden grundlæggers. At sikre sig en er en engangsbetaling, der inkluderer det første års beholdelse, hvorefter beholdelse er gratis med Pro eller koster et årligt gebyr pr. Mark. Den gengives frisk i enhver størrelse, og dens roligste område flytter sig bag dine ord, hvilket holder en livlig baggrund læselig uden bokse eller skygger.

Build in public-opslag, folk genkender, mens de scroller

En ugentlig opdatering er rygraden i at bygge offentligt. Brug det samme layout hver uge, så følgerne ved, at det er dit, før de læser et ord. Start med ét ægte tal eller én ægte lære, og del også de langsomme uger: En ærlig flad uge giver mere tillid end en stribe sejre. Del kun tal, der er sande.

Lav en måneds forsyning af dem i ét hug frem for ét hver fredag. Masseproduktion af indhold til sociale medier gennemgår metoden. Giv store øjeblikke, som lanceringsdagen eller en omsætningsmilepæl, et layout for sig selv, så de skiller sig ud fra den ugentlige rytme.

Din X-header og profil

X-headeren er 1500×500. Dit profilbillede sidder over dens nederste venstre hjørne, og strimlen beskæres anderledes på telefoner, så hold ord i midten og mod højre. Sæt produktnavnet, den ene linje og URL'en der, eller intet andet end dit udtryk. De præcise sikre områder står i størrelse på X-header.

En tjekliste til lanceringsugen

1. 1

   To uger før: OG-billede og header

   Udgiv meta-tagsene, og indsæt din URL i en privat besked til dig selv for at se den rigtige forhåndsvisning.

2. 2

   En uge før: ordene

   Skriv den ene linje og tre funktionslinjer. Hver funktionslinje bliver til sit eget billede.

3. 3

   Design én masterramme

   Lav lanceringsopslaget i 1600×900 med dit udtryk, din linje og et udsnit af grænsefladen.

4. 4

   Lav de andre størrelser ud fra den

   Læg det samme design ud igen i 1080×1350 til LinkedIn og Threads og 1080×1920 til stories i stedet for at beskære, med ordene i stories inden for den centrale sikre zone. Tilpasning til hver platform forklarer hvorfor.

5. 5

   Lanceringsdagen: ét billede pr. opslag

   Slå op, fastgør det til din profil, svar alle. Hold Product Hunt-galleriet i det samme udtryk, så besøgende, der kommer fra begge steder, ser ét produkt.

6. 6

   Ugen efter: sig tak

   Del, hvad der skete, med rigtige tal, og hvad du retter næste gang. Det opslag rejser ofte længere end selve lanceringen.

For det bredere billede af en lancering, se grafik til produktlancering og, hvis du sælger software, SaaS-branding. Bruger du lanceringsugen i din editor, virker Gradiently også inde i ChatGPT, Claude og andre assistenter, der understøtter eksterne MCP-servere: Bed den assistent, du allerede har åben, om lanceringsopslaget, og designet åbner i Studio til et sidste tjek. Opsætningen står på MCP-siden.