Safety Book
Axelent är ett svenskt företag med lång erfarenhet av att skapa skydds- och skiljesystem för industri, lager och bygg. Säkerhet, service och smarta lösningar genomsyrar allt de gör, och nu tar de nästa steg i sin kunskapsdelning. Tillsammans har vi på Hoy skapat en digital handbok inom industrisäkerhet, tillgänglig för alla som vill göra sin arbetsmiljö lite tryggare, lite smartare.
Från fysisk bok till digital upplevelse
Genom åren har Axelent samlat på sig mängder av värdefull kunskap. Men hur får man fler att ta till sig den? Svaret blev en digital plattform – en omvandling av deras tryckta handbok till ett inspirerande och lättillgängligt verktyg. Vi tog fram ett nytt grafiskt manér med avstamp i Axelents visuella identitet, och byggde en lösning som är både informativ och enkel att använda. Innehållet finns tillgängligt på tio språk och är anpassat för en global marknad.
En tredje dimension av förståelse
För att förklara komplexa säkerhetsprinciper på ett enkelt sätt har vi adderat interaktiva 3D-scener – baserade på komponenter från Axelent Xperience, ett showroom som vi på Hoy tidigare har byggt åt Axelent. Här får vi följa en industrirobot i arbete och se hur olika säkerhetsåtgärder, som grindar, staket och lås, successivt skapar en tryggare arbetsmiljö. Scenerna är byggda i PlayCanvas och visar tydligt hur man kan följa gällande säkerhetsstandarder i praktiken.
Teknik bakom kulisserna
Plattformen är byggd i Next.js (med app router) och använder Umbraco som headless CMS. Tillsammans ger det en snabb, stabil och framtidssäkrad lösning – optimerad för både användare och sökmotorer. Hosting sker via Vercel, vilket ger hög prestanda och smidig skalbarhet.
Smidig integration – trots skilda världar
En av utmaningarna var att koppla ihop Safety Book med Axelents befintliga webbplats, som drivs separat i Umbraco. Lösningen blev en reversed proxy som låter Safety Book leva sitt eget liv – men ändå upplevas som en naturlig del av axelent.se. Resultatet? En sömlös upplevelse, både för användare och redaktörer.
Lyssna i stället för att läsa
För att göra innehållet ännu mer tillgängligt har vi integrerat Google Text To Speech – ett klick, och du kan lyssna dig igenom hela handboken.
Verktyg och tekniker
CMS: Umbraco Headless
Frontend: Next.js 14, TypeScript, Tailwind
Hosting: Vercel
