SCA uppgraderar till Optimizely CMS 12 i molnet med headless-lösning

Drivna av skogens kraft

Svenska Cellulosa Aktiebolaget, mer känt som SCA, bildades 1929 och har vuxit till att bli ett av Sveriges viktigaste företag, både som arbetsgivare och som bidragsgivare till det svenska samhället. Verksamheten sysselsätter idag 3 300 personer och omsätter cirka 1,7 miljarder dollar per år.

SCA är Europas största privata skogsägare, med omkring 2,7 miljoner hektar mark i norra Sverige och Baltikum. Det motsvarar ungefär Belgiens yta. Företaget bildades ursprungligen genom en sammanslagning av ett tiotal olika skogsbolag. Dagens SCA driver sex distinkta affärsområden (Skog, Trä, Massa, Containerboard, Förnybar Energi och Logistik) som ser helt annorlunda ut jämfört med för hundra år sedan, men som fortfarande drivs av skogens kraft.

Fokus på större synergier och bättre kommunikation

SCA har en lång historia med ett skifte i fokus från traditionellt skogsbruk och timmerproduktion till en bredare mix av hållbara produkter, inklusive biobränslen och gröna kemikalier. Företaget har också satt upp mål att investera i vindkraft och att optimera produktion och processer.

Optimizely har försett SCA med sin innehållshanteringslösning i många år. Partnerskapet har varit framgångsrikt och givande, så SCA hade inget intresse av att byta leverantör. Med tiden började dock SCA överväga fördelarna med att gå från sitt lokalt installerade system till en molnbaserad lösning.

SCA driver flera webbplatser. Utöver SCA.com omfattar plattformen scasmarttimber.com, stiftelserna.com och skogsvinge.se. SCA ville konsolidera och samordna kommunikationsbudskap för att fånga skalfördelar och leverera en konsekvent varumärkesupplevelse. Det var också önskvärt att uppdatera den tekniska plattformen för en bättre redaktörsupplevelse. En uppgradering av systemet skulle också säkerställa regelefterlevnad med de senaste säkerhets- och integritetsrutinerna.

Det fanns även flera befintliga plattformar som den nya lösningen behövde integreras med. Dessa inkluderade SCA:s autentiseringsplattform, Cision, samt Friendly Captcha, Piwik Pro och Imagevault.

Övergång till en headless-molnlösning

Efter en konsultationsperiod där SCA:s partner Comprend spelade en avgörande roll beslutade SCA att en molnbaserad lösning bäst kunde hjälpa dem att uppnå de medel- och långsiktiga mål som redan beskrivits.

Att migrera från lokal drift till en SaaS-lösning ger flera omedelbara fördelar:

• Minskad risk ur ett verksamhetsavbrottsperspektiv – konsekvenserna av brand, översvämning eller jordbävning reduceras omedelbart.
• Alltid på senaste versionen – ingen mer väntan på systemuppdateringar eller installation av de senaste säkerhetsuppdateringarna. Och ingen risk att gå miste om bättre säkerhet eller funktionalitet genom att köra en gammal version.
• Säkerhetskopiering i realtid innebär bättre säkerhet och mindre tid och besvär med manuella backupprocesser.
• Bästa möjliga säkerhet, till och med bättre än lokalt.

SCA beslutade också att ett headless CMS skulle ge optimal flexibilitet. Kort sagt är ett headless-system i grunden ett datalager som enbart hanterar “back end”. Det passar verksamheter som använder flera kanaler och har befintliga front end-system på plats.

I SCA:s fall innebar ett headless CMS att de fritt kunde använda React som front end-ramverk för ökad utvecklareffektivitet och navigeringsprestanda. De kan implementera sitt designsystem som kod och dela detta och annat innehåll över flera kanaler. SCA ansåg också att headless-lösningen ger en bättre ansvarsfördelning mellan front end- och back end-utvecklare. Templating använder React-ramverkskod, det finns separata repositories för presentationskod och CMS-kod, och i front end kan utvecklare använda innehåll som hämtas direkt från DXP-molnet.

SCA:s Enterprise Architect Board genomförde den slutliga prototypningen och godkännandet, och det mesta av innehållet publicerades om manuellt av redaktörer, medan nytt innehåll och produktinformation migrerades automatiskt. Strategiarkitektur och förankring inom organisationen tog cirka fem månader, medan byggande och lansering tog sex månader. Det nya systemet lanserades i januari 2023. 

Comprend, SCA:s implementeringspartner, bidrog med att definiera den nya arkitekturen för övergången från den befintliga lokalt installerade programvaran till den nya molnlösningen och från traditionell till headless front end-arkitektur. De arbetade också med kommunikationsstrategin, inklusive innehållsworkshops, budskapsramverk och struktur samt det visuella konceptet för webbplatsen.

Implementering av det nya headless CMS:et

Med det nya systemet kan redaktörer fortsätta att arbeta med innehåll på samma sätt som tidigare. Mekanismerna för visning av publika webbsidor är byggda kring Optimizely Content Delivery API, men med tillagda optimeringar, anpassade innehållsfilter och konverteringar för att minska antalet nätverksförfrågningar och förbättra sidladdnings- och navigeringshastigheten.

Alla mallar för publika webbsidor är byggda i React och renderas på serversidan vid den första sidvisningen och på klientsidan vid efterföljande sidvisningar. Microsoft ClearScript-skriptmotorn, som är en .NET-baserad komponent, används för att rendera sidinnehållet vid initiala sidvisningar med React-mallar på serversidan. Detta eliminerar behovet av en separat servermiljö för sidrendering, vilket förenklar hostingarkitekturen och driftsättningsrutinerna jämfört med vissa andra vanliga uppsättningar för webbplatser med headless CMS-lösningar.

Webbplatserna kan också visas i ett rent headless-läge, utan någon serversidesrendering. Detta är särskilt användbart för front end-utvecklare, som kan använda innehåll från DXP-molnet medan de arbetar med de React-baserade webbplatsmallarna.

Omedelbara fördelar

Den nya plattformen har utformats med redaktörers upplevelse i åtanke, vilket gör deras dagliga arbete enklare. De integritets- och säkerhetsfrågor som började orsaka oro med det äldre systemet har också fullt ut hanterats genom att anta en uppdaterad molnbaserad lösning.

Vad gäller mätbara fördelar fick den tidigare startsidan 43 i hastighetspoäng i Google Lighthouse, medan den nya får 70. Det innebär en betydande förbättring och är ett imponerande resultat för en webbplats som har byggts med design och profilering i fokus före hastighet. Det är inte bara startsidan som har förbättrats. Andra sidor har gynnats av liknande hastighetsförbättringar, från 60 till 64 och från 75 till 83. Det är också värt att notera att headless-arkitekturen med ett single-page-application-koncept förbättrar den upplevda hastigheten för intern navigering inom samtliga webbplatser på plattformen. Detta är särskilt märkbart på mobila enheter som smartphones, som tenderar att vara relativt långsamma.

Den nya plattformen har också levererat kostnadsbesparingar. Den övergripande plattformen är mer kostnadseffektiv i termer av direkta kostnader. Dessutom har SCA:s team dragit nytta av internt värdeskapande, eftersom IT-teamet inte längre behöver fokusera på intern drift av webbplatsen.

Bygga vidare på en framgångsrik relation

Optimizely är stolt över att ha arbetat sida vid sida med både SCA och Comprend i flera år. När det var dags att ersätta det äldre systemet kunde Optimizely och SCA bygga vidare på den befintliga relationen och skapa en lösning som levererade mätbara omedelbara fördelar.

Optimizelys CMS ger nu SCA bästa möjliga förutsättningar att nå sina strategiska mål i utmanande tider som en nyckelaktör i en bransch som genomgår snabb förändring och utveckling.