Skip to main content
Jon Legene Kolstrup

Client Case

Avira

A mobile-first WooCommerce store for a hair brand, the design system behind its social content, and an ad rendered from code.

See it live

Record

Impact
Shop, launch, design system and ad
Timeline
March to October 2026
Role
Direction and build, with AI agents

The Challenge

Avira sells braids, weaves and crochet hair online to customers in Denmark, Sweden and Germany. The owner had a specific look in mind, and no standard WordPress theme came close to it. The brief had two parts: a shop designed for the phone first, and a way to keep the brand's social content consistent without a designer on staff.

The Solution

So the theme is custom, built from scratch in Tailwind on WordPress and WooCommerce, and built almost entirely through AI workflows: coding agents wrote most of the code against written briefs, while I set the direction, made the decisions and checked every result against the owner's vision. Launching it took more than the theme: card payments through Stripe, prices in Danish and Swedish kroner with euros prepared, VAT set correctly for German orders, shipping and returns pages that match what the business actually does, cookie consent, and Google Search Console and Merchant Center for Denmark, Sweden and Germany. The design system is built for agents as well, and takes its colours, type, price cards and frames straight from the live theme, so a social post matches the shop: a brief becomes a job file, the job file renders to finished images, and every image is checked before it goes out. The ad below takes the same system into video. It is a three.js scene rendered frame by frame to a 24 second vertical clip, built from the shop's own product photos and prices, and cut against several music beds before one was chosen.

Plate

Avira
On a phone, light theme
On a phone, light theme
On a phone, dark theme
On a phone, dark theme
Back to Work