Skip to main content
Jon Legene Kolstrup

Kundecase

Avira

En mobile-first WooCommerce-butik for et hårbrand, designsystemet bag dets sociale indhold og en annonce renderet fra kode.

Se det live

Fakta

Resultat
Butik, lancering, designsystem og annonce
Tidslinje
Marts til oktober 2026
Rolle
Retning og byg, med AI-agenter

Udfordringen

Avira sælger braids, weaves og crochet-hår online til kunder i Danmark, Sverige og Tyskland. Ejeren havde et bestemt udtryk i tankerne, og intet standardtema til WordPress kom i nærheden af det. Opgaven havde to dele: en butik designet til telefonen først, og en måde at holde brandets sociale indhold ensartet uden en designer i huset.

Løsningen

Derfor er temaet specialbygget, fra bunden i Tailwind på WordPress og WooCommerce, og næsten udelukkende bygget gennem AI-workflows: kodeagenter skrev størstedelen af koden ud fra skrevne briefs, mens jeg satte retningen, traf beslutningerne og tjekkede hvert resultat op mod ejerens vision. Lanceringen krævede mere end temaet: kortbetaling via Stripe, priser i danske og svenske kroner med euro klar, korrekt moms på tyske ordrer, fragt- og retursider, der passer til, hvad forretningen faktisk gør, cookie-samtykke, og Google Search Console og Merchant Center for Danmark, Sverige og Tyskland. Designsystemet er også bygget til agenter og tager farver, typografi, priskort og rammer direkte fra det live tema, så et opslag på sociale medier passer til butikken: et brief bliver til en jobfil, jobfilen renderes til færdige billeder, og hvert billede tjekkes, før det går ud. Annoncen nedenfor tager samme system ind i video. Det er en three.js-scene renderet billede for billede til et lodret klip på 24 sekunder, bygget af butikkens egne produktbilleder og priser og klippet mod flere musikspor, før ét blev valgt.

Billede

Avira
På telefonen, lyst tema
På telefonen, lyst tema
På telefonen, mørkt tema
På telefonen, mørkt tema
Tilbage til Oversigt