Briefmallen som ersatte kalkylarket
En egen briefmall för Meta-annonser, byggd lokalt i en enda HTML-fil. Här skriver AI:n och jag copyn tillsammans, och den färdiga briefen går i ett API-färdigt format rakt in i Meta.
Kalkylark är inte bra för att skapa en annons-brief. Trots det används de ofta för att leverera copy. Därför byggde vi en lokal HTML-fil för att göra det hela betydligt snyggare och mer överskådligt.
Funktionella och emotionella varianter, bilder och förhandsvisning finns på samma ställe, och allt autosparas och delas mellan mig och AI:n. När briefen är klar är den i ett API-färdigt format som AI kan skicka direkt till Meta och skapa annonserna.
Vad jag vill uppnå
Jag ville kunna tänka igenom hela annonsen i lugn och ro, eftersom Metas gränssnitt ärligt talat är lite rörigt. Jag ville se copyn, se bilderna och hur det hänger ihop, och veta att allt ryms inom teckengränserna. Ett kalkylark håller texten men visar inte en annons. Överblicken försämras så fort vi har fler variabler än två och bara har rader och kolumner att klara oss med.
Jag ville ha en samlad arbetsyta där briefen är komplett och granskad först, så att uppladdningen bara blir en formalitet i stället för det moment där allt ska klistras ihop.
Hur jag tänker
Det som tidigare hade krävt ett kalkylark, eller en utvecklare för att bygga något bättre, går nu att snabbt sätta ihop själv genom att beskriva för AI. Då blir frågan inte längre vad ett färdigt verktyg råkar klara, utan vad jag faktiskt vill ha. Så jag byggde för mitt eget arbetssätt i stället för att anpassa arbetssättet efter ett verktyg.
En bärande idé är att skriva varje text i två register, ett funktionellt och ett emotionellt, sida vid sida. Det gör att jag kan utveckla och ställa dem mot varandra direkt, i stället för att låsa mig vid en vinkel för tidigt.
Eftersom vi redan hade arbetat med strukturen tillsammans behövde jag inte ens förklara det hela. Allt fanns redan i vår chatt.
Vad jag byggde
Mallen är organiserad per vinkel, där varje vinkel motsvarar ett behov eller en ingång i funneln. Under varje vinkel skrivs copyn per element, primärtext, rubrik och beskrivning, i två kolumner för det funktionella och det emotionella. En framstegsmätare visar hur komplett briefen är, så jag ser direkt vad som saknas och vad som ligger över teckengränsen.
Bilder och video laddas upp och förhandsvisas på plats, och det finns en förhandsvisning av själva annonsen. Allt arbete autosparas i webbläsarens localStorage och synkas dessutom till en lokal JSON-fil, med konflikthantering så att inget skrivs över eller tappas mellan sessioner.
Att briefen ligger i en lokal fil gör också att Claude kan läsa och skriva i den. Så copyn skriver vi tillsammans. AI:n föreslår och ser över texten, jag korrigerar, och vi arbetar oss framåt i samma fält tills den sitter. Det är inte ett verktyg jag fyller i ensam, utan en gemensam arbetsyta.
Hela briefen byggs i ett format som är gjort för att gå rakt in i Meta. Verktyget anropar inte Meta självt, men den färdiga JSON-filen är strukturerad precis så att jag kan be Claude skapa annonserna via Metas Marketing API. När vi känner oss nöjda blir vägen från färdig brief till live annons ett enda steg, i stället för ett nytt moment där allt ska klistras in på nytt.
När vi var klara med sidan gav jag den till Claude Design och kunde snygga till briefmallen utifrån Flockens designsystem. Det fyllde ingen praktisk funktion, men gjorde mallen mycket trevligare att jobba i.
Resultat och lärdomar
Den största vinsten är överblicken. Jag ser hela annonsen innan den finns, fångar teckengränser medan jag skriver i stället för efter en misslyckad uppladdning, och kan jämföra copy-varianter mot varandra på en gång.
Den bredare lärdomen är att jag inte har arbetat med en lokal HTML-fil på det här sättet innan. Men den är min, den kräver ingen inloggning eller prenumeration, och den ligger kvar precis som jag lämnade den. Och att bygga exakt det verktyg som passar arbetet slår nästan alltid att böja arbetet efter ett generellt verktyg, nu när tröskeln för att bygga själv sjunkit så kraftigt.
Hur jag går vidare
Nästa steg är att knyta ihop mallen ännu tätare med resten av flödet. Att låta copy-varianterna komma direkt ur varumärkesdokumenten, och att göra steget från färdig brief till publicerade annonser ännu mer automatiskt, så att vägen från idé till live annons har så få manuella moment som möjligt.
Den tydligaste begränsningen i dag är att allt bor i en lokal fil. Det fungerar bra när jag arbetar ensam, men synken krånglade ibland just för att hålla isär versioner och inte skriva över sig själv mellan flikar och sessioner. Vore vi flera i ett team skulle jag lägga mallen på en publik adress och koppla den mot en databas i stället för en fil. Då kan flera arbeta mot samma brief samtidigt, utan synk-trixande, och all data bor på ett ställe i stället för att skickas runt. Själva tänket håller oavsett, men för ett team hade det troligen blivit både tydligare och smidigare.
Verktyg i den här processen
en enda fil utan ramverk och utan server, körs lokalt i webbläsaren.
synkar briefen till en lokal JSON-fil med konflikthantering, så inget tappas mellan sessioner.
sparar arbetet i webbläsaren löpande medan jag skriver.
hela briefen som en fil, underlaget som publiceringssteget läser in.
Metas officiella annonserings-API, en del av Graph API, som skapar kampanjer, annonsuppsättningar och annonser programmatiskt utifrån den färdiga briefen.
byggde hela mallen, det som annars hade krävt ett kalkylark eller en utvecklare.
putsade mallen visuellt utifrån Flockens designsystem, så att den blev trevligare att arbeta i.


