Case Anticimex

Sammanfattning

Anticimex, med verksamhet i 17 länder, behövde en ny webbplats som var snabbare, mer intuitiv och konverteringsfokuserad – samtidigt som den erbjöd en enhetlig användar- och varumärkesupplevelse över marknaderna. Tillsammans med teamet på Anticimex ledde ted&gustaf hela processen från förstudie och design till teknisk implementation och iterativ lansering. Resultatet är en skalbar headless-lösning med stark redaktionell stöttning, tydligare struktur och förbättrad prestanda.

Besök anticimex.com

Projektöversikt

Effekt

  • Förbättrad prestanda: Snabb, robust och statiskt renderad webbplats med Sanity.

  • Starkare konvertering: Tydligare vägar och minskad friktion från första intryck till handling.

  • Bättre redaktionellt arbetsflöde: Förenklade val och mer fokus på innehåll framför design.

 

Scope 

SEO & koverteringsoptimering, design system, teknisk utvärdering

 

Plattform

Sanity

Effektiviserat redaktörsarbete för Anticimex

Ett väletablerat och erfaret företag med expertis inom skadedjurskontroll, livsmedelssäkerhet, husbesiktningar och brandskydd.

Utmaningen

Tillsammans med kunden var vår utmaning att skapa en webbplats som var mer intuitiv och lättnavigerad – genom att lyfta fram viktiga element och öka konverteringen. Det fanns även behov av att ta fram kompletterande ikoner och dekorativa element för att skapa en mer inbjudande och engagerande upplevelse.

Eftersom Anticimex är verksamma i 17 länder är många redaktörer involverade i innehållsarbetet. Med stor visuell frihet riskerar dock upplevelse, design och varumärkesuttryck att spreta.

Därför fanns även ett behov av att förbättra den redaktionella upplevelsen – genom att förenkla och effektivisera val och arbetsflöden samt minska kraven på redaktörens designkunskap. Kraven på hög prestanda var också stora, liksom behovet av en strukturerad utrullningsplan med goda migrationsmöjligheter. De viktigaste KPI:erna för den nya webbplatsen var prestanda, SEO och konvertering.

Lösningen

Vi ansvarade för hela processen – från kravställning och behovsanalys till design och teknisk implementation. Inledningsvis genomfördes en förstudie med workshops tillsammans med kunden för att identifiera och konkretisera behov. SEO-analyser genomfördes för att säkerställa möjligheten till förbättrad synlighet och relevant, sökbart innehåll. Det fanns även ett tydligt behov av att optimera konvertering, både i faktiska siffror och utifrån vilka konverteringsvägar som var mest affärsdrivande.

Wireframes togs fram stegvis i en iterativ process med starkt fokus på informationsstruktur samt enkel och konsekvent åtkomst till relevanta handlingar och vidare vägval. En stor del handlade om att planera och strukturera vad som skulle vara redaktionella valmöjligheter utan att bli för komplext, och vad som skulle vara mer låst för redaktören. Därefter följde designfasen där wireframes färgsattes och formgavs. Även detta arbete skedde iterativt för att kunna justera utifrån insikter under resans gång. Fokus låg hela tiden på enkelhet, luftighet och att guida användaren med tydliga vägar framåt. För att framtidssäkra och skapa en röd tråd i designen togs ett designsystem fram med återanvändbara komponenter och ökad överblick.

Eftersom prestanda var en av de viktigaste faktorerna beslutades att först genomföra en proof of concept för att utvärdera vilken teknik som skulle ge bäst resultat utifrån det perspektivet. Efter denna fas togs beslutet att bygga en statiskt renderad webbplats baserad på en teknisk lösning med Sanity (headless CMS), Gatsby och Netlify.

För att hantera lanseringen i alla marknader valde vi en iterativ utrullning, marknad för marknad. Detta dels för att underlätta redaktörernas arbete med att skapa eller uppdatera innehåll, dels för att minimera riskerna och effektivisera hypercare-fasen.

A color palette with different shades of colors.

Nyttan

När projektet var tekniskt redo för lansering inledde vi den iterativa utrullningen. Det gav oss och kunden möjlighet att i förväg planera varje marknads lansering, förbereda respektive marknadsredaktörer inför övergången, utbilda dem i den nya plattformen och migrera relevant innehåll. Idag är webbplatsen mycket snabb och stabil, även om vi, som med alla våra kunder, kontinuerligt arbetar med förbättringar. Precis som många andra webbplatser påverkas den av externa tjänsters prestanda, och vi har stort fokus på att hitta smarta optimeringslösningar för att successivt göra sidan ännu snabbare. Den redaktionella delen upplevs också som enklare, med större fokus på att skapa innehåll – text och bild – snarare än att behöva fatta designbeslut.

Insikterna

Vi arbetade mycket nära kunden med frekventa avstämningar och flera tillfällen av samarbete på plats, vilket resulterade i ett mycket gott samarbete och goda förutsättningar att leverera ett lyckat resultat. Detta möjliggjordes till stor del tack vare det förtroende Anticimex visade oss. Vi strävar alltid efter att välja teknik utifrån våra kunders behov – och inte tvärtom – och återigen upplevde vi att denna metod var helt rätt, då vi arbetade med relativt ny teknik och automatiserade processer för att spara tid och minimera risker på lång sikt.

Det nära samarbetet gjorde projektet mycket inspirerande, och det är precis så här vi föredrar att arbeta med våra kunder – tillsammans.

Ska vi prata om projekt?

A person sitting on a wooden bench – Gustaf Lindqvist