Axelent Webb

Axelent safety-produkter installerade i bilfabrik med gula robotarm-skyddsstängsel och bil under tillverkning

Projekt

Webb

Bransch

Tillverkning / Industrisäkerhet

Kund

Axelent

År

2026

Se resultatet

Axelent är ett av marknadens ledande företag inom industrisäkerhet – med produkter och lösningar som skyddar människor, maskiner och lagermiljöer i över 60 länder. Med en kultur präglad av framåtanda, engagemang och ett tydligt fokus på säkerhet, finns också en ambition att låta den digitala närvaron spegla samma nivå.

En webb som behöver hålla – på riktigt

Den tidigare webbplatsen hade gjort sitt. Men för Axelent handlade det inte om att göra en uppdatering utan om att skapa en långsiktig lösning. Utmaningen låg i att samla ett komplext erbjudande, flera målgrupper och en global närvaro i en struktur som är tydlig, skalbar och enkel att arbeta vidare med. Samtidigt behövde plattformen kunna utvecklas i takt med verksamheten utan att kräva stora omtag. Målet var en webb som håller över tid. Inte bara tekniskt, utan även i hur den presenterar affären.

Axelent webbmockup av produktsida för Multifunction Column Guard med gula plostkastskydd och modellspecifikationer

Byggd för att utvecklas – inte begränsas

För att möta de kraven valde Axelent att gå över till en headless-arkitektur. Genom att separera frontend och backend skapades en lösning som är flexibel, integrationsvänlig och redo att vidareutvecklas. Det gör det möjligt att anpassa upplevelsen efter nya behov utan att vara låst av plattformens begränsningar. Samtidigt öppnade det upp för större frihet i design och interaktion. Något som ligger helt i linje med Axelents ambition att alltid ligga steget före även digitalt.

Axelent presentationsmockup med diagonalt arrangerade bilder av team och produktgränssnitt

Ett första intryck som visar – inte berättar

Istället för en traditionell hero möts besökaren av en interaktiv 3D-miljö. Genom att scrolla rör man sig genom en fabriksmiljö – baserad på Axelent Xperience – där produkter och lösningar sätts i sitt sammanhang direkt. Det skapar en upplevelse som snabbt förmedlar vad Axelent gör och hur deras lösningar används i verkligheten. Redan innan en enda rad text har lästs.

Axelent hero-bild med mobilapp-mockup We Know Safety och industrimagasin med gula säkerhetsstaket
Axelent hero-bild med industrilokal med gula säkerhetsstaket och körskyddsbarriär samt mobilapp-mockup

En struktur som sätter användaren först

Axelent vänder sig till flera olika målgrupper från ingenjörer och inköpare till partners och beslutsfattare på marknader över hela världen. Det ställer höga krav på tydlighet och orienterbarhet. Ett centralt fokus i projektet var därför att göra det enklare att förstå vad Axelent erbjuder, och att snabbt hitta rätt. Särskilt mycket arbete lades på navigationsstrukturen. Trots ett omfattande innehåll har vi skapat en meny som guidar användaren rätt där visuella element som bilder och färg förstärker orienteringen och gör det lättare att ta till sig innehållet.

Skärmdump av Axelent webbplats med artikelsida, statistik, teamfoton och gula säkerhetsprodukter

Tre produkter – en sammanhållen plattform

Parallellt med den nya frontend-lösningen migrerades hela webbplatsen till en modern, headless-baserad CMS-struktur i Umbraco. Det gjorde det möjligt att integrera Axelents digitala tjänster, Safety Book och Xperience, som naturliga delar av helheten. Resultatet är en sammanhållen digital plattform där innehåll, funktion och upplevelse hänger ihop.

Axelent webbmockup med enhetsvyer visande säkerhetsstaket och webbplatsens Om oss-sida med teamfoton
Axelent XPERIENCE produktvisualisering med isometrisk illustration av 5 funktionsområden inklusive produktion och lager
Axelent Safety Book verktygs-mockup med industriarbetare och safety book-widget på mörk bakgrund
Axelent webbmockup med produktsektion visande gula industriskyddsstaket och säkerhetsprodukter
Axelent webbmockup med bildkollage visande industriskyddsstaket, 360-graders produktvy och säkerhetssystem
Axelent webbmockup med nedladdningssida och filterknappar för ritningar, broschyrer och produktinformation

Teknik som håller över tid

  • CMS: Umbraco Headless
  • Frontend: Next.js, TypeScript
  • Hosting: Vercel

En plattform redo för nästa steg

Den nya webbplatsen ger Axelent en stabil och flexibel grund att stå på. Med en tydligare struktur, en mer direkt kommunikation kring erbjudandet och en arkitektur byggd för förändring kan de nu enklare möta sina målgrupper globalt. Samtidigt har de fått en lösning som går att vidareutveckla utan att behöva börja om. En webb byggd för att hålla, helt enkelt.

Axelent teamfoto med tre medarbetare stående mot mörk bakgrund
Nästa

Lantmännen Designsystem & Webb

Gå till projekt
Närbild på gröna vetestjälkar med ax i ett fält, fotograferad för Lantmännen