Ett nytt digitalt hem för
fastighetsexperten Newsec

Tekniken bakom

Newsec är experter på fastigheter. De verkar inom rådgivning, investering, förvaltning, energieffektivisering och digitalisering på sju marknader i Norden och Baltikum.

Vi hjälpte till med att strukturera, designa och bygga deras nya internationella och lokala webbplatser. Resultatet möjliggör både leverans och sammanhållning av den totala varumärkesupplevelsen samt flexibelt innehållsskapande för deras många redaktörer.

Ny varumärkesstrategi = Ny webbplats

När Newsec uppdaterade sin varumärkesstrategi och identitet, behövde detta speglas på deras webbplatser. Innan vi kunde sätta igång med webbplatsproduktionen var det viktigt att ha en god överblick över sammanhanget.

Det finns flera utmaningar med webbplatser för stora, internationella organisationer (Newsec har 2700 anställda i 7 länder). Till exempel måste den långsiktiga varumärkesstrategin balanseras mot taktiska mål och vardagliga uppgifter som webben behöver hantera.

Vi inledde därför vårt arbete med en omfattande inventering. Genom intervjuer med intressenter kunde vi fånga upp deras expertis, erfarenheter och behov. Vi kartlade Newsecs digitala kontaktytor för att kunna avgöra vilken roll webbplatsen var mest lämpad för. Vi undersökte också vilka tjänster som redan användes för t.ex. marknadskommunikation för att bygga vidare på befintliga lösningar på ett smidigt och kostnadseffektivt sätt.

Förarbetet skedde i nära samarbete med Newsec och resulterade i en ny webbplatsstrategi som ett första steg.

Hur strategin tog form

Vi började med att prioritera intressenter och deras behov, marknader, och webbplatsens fokus. När detta var klart, bestämde vi hur det skulle ta sig uttryck. Några av de mer framstående besluten var följande:

Insights

Newsec är kända för sina omfattande rapporter om fastighetsmarknaden. För att ytterligare stärka bilden av Newsec som experter och öka kännedom skapade vi sektionen Insights. Där kan besökarna nu hitta artiklar, videor, podcastavsnitt och rapporter, samlat på ett ställe.

Subsites

Stora webbplatser är ofta svårnavigerade eftersom de riktar sig till så många samtidigt. Den kanske största utmaningen var att prioritera de många besökartypernas behov. Vi ville undvika att överväldiga besökarna med komplicerade menyer och många genvägar. Lösningen blev att skapa undersajter, s k subsites inom den totala sajten. En undersajt har en egen huvudmeny där irrelevanta sidor är borttagna, vilket underlättar navigationen och gör det enklare att lösa uppgifterna. Men, subsiten är inte separerad från resten av webbplatsen utan bygger på samma funktionalitet och design vilket håller ihop webbnärvaron.

Ett exempel på en sådan undersajt är "Hyresgäster i Sverige", där privata och kommersiella hyresgäster kan få hjälp med kundtjänstärenden och annat.

Språk och marknader

Språkhantering är en annan utmaning för stora webbplatser. Det finns ett par övergripande sätt att hantera språk och översättning på webben. Antingen använder man samma webbplatsstruktur för alla marknader, där endast språket skiljer. Sidorna sätts upp centralt i CMS:et med olika fält för de olika språken. Fördelarna med detta upplägg är att det ger stor kontroll över budskapet och snabbare uppbyggnad av webbplatsen. Nackdelen är att lokala undantag inte får plats.

Det andra alternativet fungerar i princip tvärtom. Man ger varje marknad full frihet att skapa det innehåll som krävs, med för- och nackdelar speglade på motsatt sätt.

Oavsett vilken väg man väljer, blir det ett strategiskt beslut med stor påverkan på den tekniska arkitekturen. Att byta spår halvvägs in i projektet blir kostsamt.

Efter att ha analyserat strategin och redaktörernas behov, kom vi fram till att båda alternativen behövdes. Vissa sidsektioner tjänade på att vara mallade medan andra krävde större frihet. Till exempel behövde innehållet under Insights kunna produceras både centralt och lokalt för att vara användbart för internationella besökare och relevant för en enskild marknad. Detta hade stor påverkan på valet av CMS.

Home page variant for Newsec
Mobile views for Newsec
Insights page for Newsec
Mobile views for Newsec
Article page for Newsec
Combo map for Newsec

Teknikval

Efter att ha definierat hur vi ville designa webbplatsen för att bäst möta målen och behoven, behövde vi göra ett teknikval. Vi började med att utvärdera det nuvarande CMS:et. Det visade sig inte vara byggt för att uppfylla våra krav och var inte särskilt kostnadseffektivt. Vi behövde en teknik som kunde växa med oss och enkelt integreras med andra tjänster och IT-system som Newsec använder. Eftersom vi ville lansera webbplatsen så snart som möjligt, behövde vi något som möjliggjorde att behålla och successivt fasa ut sektioner som inte var primära för strategin.

Valet föll till slut på Sanity som bas.

Sanity är ett headless CMS som låter dig publicera innehåll på olika digitala plattformar. Det ger stor frihet i hur data och innehåll hanteras, vilket gör det enkelt att organisera innehåll efter behov. Detta underlättar exempelvis skapandet av komplexa, flerspråkiga webbplatser eller när samma innehåll ska visas på flera olika ställen.

Utöver Sanity byggde vi webbplatsen med ramverket Next.js och integrerade andra tjänster som Microsoft Power BI och Mailchimp.

CMSs Sanity Studio konfiguerades för att vara tillräckligt flexibelt för Newsecs olika lokala marknadsavdelningar, men samtidigt enkelt att sköta för medarbetare som huvudsakligen arbetar med annat än kommunikation.

Sanity-lösningen gjorde även att övervakning av säkerhet, prestanda och andra uppdateringar blev enklare, eftersom mycket av detta hanteras av Sanity själva.

Förvaltning

För att lyckas långsiktigt med webbplatser som involverar många personer, var det viktigt att alla kompetenser hade rätt förutsättningar. Vi ansvarade för utbildning av webbplatsstrategin, CMS och efterföljande förvaltning.

Det löpande arbetet

Oavsett hur många genomgångar om design och funktionalitet man har innan lansering, identifieras ofta brister och nya funktionsbehov först när man börjar använda webbplatsen på riktigt.

För att snabbt fånga upp detta höll vi kommunikationsvägarna mellan oss och redaktörerna i de olika länderna enkla och öppna. Istället för att tidigt fastna i komplicerade ärendehanteringssystem, skötte vi diskussioner om behov och förändringar via e-post och videomöten direkt mellan Newsecs redaktörer och Rakets designers och utvecklare. Detta gjorde att vi kunde hålla en hög utvecklingstakt och lära oss direkt från redaktörerna om vad som fungerar och inte, något som är svårt att fånga upp genom att läsa en user story.