En ny frontend til Danmarks største rådgivende landinspektørvirksomhed.

Projekt

Ny hjemmeside

Kunde

LE34

OM

LE34 driver en stor, flersproget hjemmeside med et omfattende indholdsbibliotek, som opbygges og vedligeholdes af deres egne redaktører. LE34 fik lagt en overordnet designretning, som de efterfølgende foldede ud internt på tværs af hjemmesiden. Webnorth genopbyggede hele frontend-løsningen og modulsystemet med udgangspunkt i det nye design og migrerede det eksisterende indhold til den nye løsning.

Som en del af processen gennemgik og tilpassede LE34 indholdet inden lancering. Den nye hjemmeside blev lanceret på den eksisterende infrastruktur uden ændringer i de eksisterende webadresser eller hosting. Webnorth har samarbejdet med LE34 gennem et toårigt partnerskab og fortsætter med at hoste, supportere og videreudvikle hjemmesiden efter lanceringen.

BRANCHE

Landinspektion
(landinspektører)

PROJEKTTYPE

Genopbygning
(frontend-redesign)

VARIGHED

2 år

SPROG

Dansk, engelsk,
svensk (WPML)

KERNETEKNOLOGI

WordPress, ACF Pro, WPML

PROCES

Ingen overraskelser, fordi intet blev taget for givet.

Alle faser blev afstemt og defineret sammen med LE34, inden arbejdet gik i gang. Derfor kunne den nye løsning bygges oven på det eksisterende setup, samtidig med at indhold, URL'er og synlighed i søgemaskiner blev bevaret.

Analyse

Vi gennemgik den eksisterende hjemmeside, indholdet, funktionaliteten og det tekniske setup for at skabe et klart fundament for projektet.

Afgrænsning

Vi definerede og afstemte projektets omfang med udgangspunkt i den eksisterende platform, kravene til indhold, ny funktionalitet og de tekniske krav.

Designretning

Den overordnede visuelle retning for den nye hjemmeside blev fastlagt. Sammen med LE34 blev designprincipperne og den overordnede retning afstemt, inden designet blev foldet ud på tværs af hjemmesiden.

Webdesign og teknisk afklaring

LE34 foldede designet ud internt på tværs af hjemmesiden, mens Webnorth arbejdede tæt sammen med teamet om at afklare de tekniske krav og sikre, at designet kunne omsættes konsekvent til genanvendelige moduler og funktionalitet.

Udvikling

Vi genopbyggede hele frontend-løsningen og modulbiblioteket oven på det eksisterende WordPress-setup, migrerede det eksisterende indhold og implementerede ny funktionalitet, herunder artikler, søgning på hele sitet, animationer og mikrointeraktioner.

Test

Vi gennemførte intern QA og design-QA, inden staging-sitet blev overdraget til LE34 til kundetest. Feedback og rettelser blev håndteret løbende for at sikre, at implementeringen matchede det godkendte design og fungerede ensartet på tværs af enheder og browsere.

Indhold

Det eksisterende indhold blev migreret til den nye løsning, hvorefter LE34 gennemgik og tilpassede indholdet direkte på staging-sitet som forberedelse til lanceringen.

Forberedelse til lancering

Vi gjorde hjemmesiden klar til lancering med blandt andet de sidste tekniske kontroller, opdatering af redirects, opsætning af tracking og cookies samt koordinering af selve lanceringen. Den eksisterende hjemmeside blev bevaret separat som en del af overgangen.

Go-live

Den nye frontend blev lanceret på den eksisterende infrastruktur. Eksisterende URL'er blev bevaret, hvor det var muligt, og redirects blev opdateret efter behov for at sikre en smidig overgang for både brugere og søgemaskiner.

Service & optimering

Efter lanceringen fortsætter Webnorth med at hoste, vedligeholde, supportere og videreudvikle LE34's hjemmeside som en del af den løbende serviceaftale.

ARKITEKTURBESLUTNINGER

Moderniseret oven på en gennemprøvet WordPress-kerne.

Tre valg blev truffet, inden genopbygningen gik i gang. Fælles for dem var, at vi bevarede det, der allerede fungerede godt for LE34, frem for at starte forfra. Alle tre løsninger fungerer stadig i den daglige drift.

En ny frontend, ikke en ny backend

LE34 havde allerede en WordPress-hjemmeside med et modulært indholdssystem, som redaktørerne kendte godt. I stedet for at genopbygge alt eller skifte til et headless setup beholdt vi den eksisterende backend og indholdet og genopbyggede kun frontend-løsningen og modulbiblioteket oven på det eksisterende system.

Det betød, at redaktørerne kunne fortsætte med at arbejde i et velkendt system, samtidig med at risikoen i projektet blev reduceret. Budgettet kunne dermed bruges på det nye design frem for på at erstatte noget, der allerede fungerede.

Lanceret på de samme servere med uændrede adresser

Fordi vi allerede hostede hjemmesiden, kunne den nye version lanceres på den samme infrastruktur, samtidig med at alle webadresser blev bevaret præcis som før. Dermed undgik vi at flytte servere eller certifikater, og selve migreringen blev mere enkel.

Hvor det var nødvendigt, blev redirects opdateret, så både brugere og søgemaskiner blev sendt det rigtige sted hen. Resultatet var en problemfri lancering uden nedetid, samtidig med at LE34’s eksisterende synlighed i søgemaskiner blev beskyttet.

En hurtig og fleksibel søgefunktion

Hjemmesiden rummer mange forskellige typer indhold, fra projekter og ydelser til kontorer og medarbejdere. Derfor byggede vi en fuldskærmssøgning, der håndterer delvise søgeord og grupperer resultaterne efter indholdstype, herunder ydelser, projekter, artikler, medarbejdere, kontorer og sektorer.

På en stor, flersproget hjemmeside gør det det langt hurtigere for besøgende at finde frem til den rigtige side.

TEKNOLOGISTAK

Værktøjerne bag genopbygningen.

WordPress CMS og platform Hjemmesidens content management-system og specialudviklede tema med en modulær, ACF-baseret page builder.
ACF Pro System til indholdsmoduler Det strukturerede og genanvendelige modulsystem, som redaktørerne bruger til at opbygge og administrere sider på tværs af hele hjemmesiden.
WPML Flersproget Håndterer hjemmesidens sprog og sprogstruktur, så alle sider og moduler kan oversættes.
Relevanssi Søgning på hele sitet Driver den hurtige og fejltolerante søgefunktion, som finder delvise matches og grupperer resultaterne efter indholdstype.
GSAP Animation og bevægelse Driver scroll-aktiverede animationer, sideovergange og mikrointeraktioner på tværs af hjemmesiden.
Vite Frontend build-værktøj Kompilerer og optimerer frontend-filerne, så siderne indlæses hurtigt.

0 minutters nedetid ved lancering

De eksisterende webadresser blev bevaret, og den nye frontend blev lanceret på den eksisterende infrastruktur med alle webadresser intakte. Derfor oplevede hverken besøgende eller søgemaskiner selve skiftet.

20+ genanvendelige indholdsmoduler

Redaktørerne bygger sider ud fra et bibliotek med mere end 20 genanvendelige indholdsmoduler, herunder sliders, citater, USP’er, CTA’er, formularer, thumbnail-grids og kontaktmoduler.

LE34's website vist på en bærbar computer med en referenceside om energiinfrastruktur og vindmøller.

Udvalg af sektioner fra LE34's website med feltarbejde, nyheder og rådgivningsprojekter.

LE34-referenceside vist i to desktopvisninger med feltarbejde, projektstatistik og projektinformation.

Tre mobilvisninger af LE34's website med projektoversigt, forside og referencen om H.C. Andersens Museum.

Responsivt LE34-webdesign vist på desktop, tablet og mobil med projekter, nyheder og referenceindhold.

Testimonial

“Vi har samarbejdet med adskillige dygtige webbureauer de sidste 15 år, men jeg er ikke i tvivl om, at vi omsider har fundet de bedste i branchen. Ingredienserne? 1) Virkelig kompetente projektledere, som er nede i detaljen frem for bare at være mellemled og oversætter mellem kunde og udviklere. 2) Ægte ekspertise hos udviklerne og 3) Fokus på optimering af back-end, så det bliver nemt og hurtigt for redaktørerne i det daglige arbejde med indhold. Webnorth har bevist, at de for alvor forstår vores behov, og deres rådgivning gør en stor forskel for os.”

Mette Klein, HR- & Kommunikationschef hos LE34

SERVICEAFTALE

Et langsigtet partnerskab.

Som LE34’s langsigtede webpartner hoster og vedligeholder Webnorth hjemmesiden på en managed Google Cloud-infrastruktur og leverer løbende support og udvikling gennem en serviceaftale, der dækker både LE34 og IT34.

Se hele serviceaftalen