Från enskilda resor till helhetsupplevelser

Detta case är anonymiserat för att skydda kundens affär och tekniska lösning.

Hur ett komplext systemlandskap omvandlades till en skalbar plattform

Ett större resebolag stod inför ett vägval. Den befintliga plattformen var uppbyggd kring ett centralt bokningssystem, med flera kringliggande integrationer som vuxit fram över tid. Resultatet var ett fragmenterat systemlandskap där förändringar var svåra att genomföra och nya affärsinitiativ tog lång tid att realisera.

Samtidigt fanns ett tydligt affärsbehov: att gå från att sälja enskilda resor till att erbjuda kompletta upplevelser – där resa, boende och aktiviteter kan kombineras i ett och samma flöde.
Vårt uppdrag blev därför dubbelt: att först skapa en ny teknisk grund – ett starkt digitalt ekosystem med en skalbar och framtidssäker arkitektur – och därefter bygga den webbplats och de system som gör det möjligt att leverera det nya helhetserbjudandet.

Vårt uppdrag

Ett uppdrag som krävde mer än en modernisering

För att kunden skulle kunna gå från att sälja enskilda resor till att erbjuda hela resepaket krävdes en ny teknisk bas. Utmaningen låg inte bara i att modernisera bokningsflödena, utan också i att hantera den höga komplexiteten med många olika system som behövde samverka – från rese-, boende- och aktivitetsbokningar till ekonomi, betalningar och business intelligence.

Vårt uppdrag var därför att skapa en flexibel och API-baserad arkitektur som frigjorde oss från gamla beroenden och lade grunden för en användarupplevelse som styrs av resenärens behov snarare än av tekniska begränsningar.

Mål

Tillsammans med kunden definierade vi följande mål för att skapa en lösning som möter både affärsbehov och tekniska krav:

• Etablera ett enhetligt och sömlöst bokningsflöde där användaren enkelt kan kombinera resor, boende och upplevelser.
• Utveckla en användarvänlig webbplats som både inspirerar och konverterar.
• Bygga ett starkt digitalt ekosystem med en skalbar, flexibel och framtidssäker arkitektur.
• Införa en modern teknisk plattform med tydlig integrationsstrategi för att minska beroenden mellan system.
• Säkerställa att lösningen är hållbar över tid med hög driftsäkerhet, prestanda och möjlighet till vidareutveckling.
• Modernisera uttryck och känsla på webben utifrån kundens befintliga grafiska profil.
• Förbättra tillgängligheten enligt gällande riktlinjer.

Förstudie

Som första steg genomförde vi en teknisk förstudie där vi analyserade den befintliga arkitekturen, kartlade alla integrationer och identifierade flaskhalsar. 

Arbetet mynnade ut i en tydlig målbild med rekommendation för en API-baserad lösning, byggd för molnet och med hög skalbarhet. Allt sammanfattades i en konkret systemskiss som visar hur alla komponenter och integrationer samverkar i den nya tekniska plattformen samt i ett genomförbart upplägg.

Detta gav kunden möjlighet att förstå omfattning, risk och prioriteringar innan implementation påbörjades.

Teknisk lösning och arkitektur

För att möta kundens behov av ett flexibelt och framtidssäkert digitalt ekosystem valde vi en arkitektur där varje del har en tydlig roll men är oberoende av de andra delarna.

• CMS i Optimizely DXP Cloud fungerar som navet för allt redaktionellt innehåll och driver webbplatsen. Det möjliggör snabb publicering, hög driftsäkerhet och enkel skalbarhet i molnet. I samma miljö finns även de React-drivna bokningsflödena, vilket innebär att redaktionella sidor och avancerade flöden lever sida vid sida i en sammanhållen lösning.
• API-lagret fungerar som gränssnitt mellan frontend (webb och mobilapp) och de bakomliggande systemen. Det skapar en flexibel back-end-for-frontend-struktur som kan anpassas till olika kanaler utan att förändra kärnsystemen.
• Affärs- och koordinationssystemet är hjärtat i lösningen. Här samordnas bokningar, användare, betalningar, meddelanden och integrationer så att olika system kan samverka i ett enhetligt flöde. Utöver detta finns inloggade administrationsverktyg där kunden kan överblicka och hantera transaktioner, följa upp bokningar och ta ut ekonomiska rapporter – vilket ger bättre kontroll, insyn och effektivitet i den dagliga verksamheten.
• Services för resor, boende och aktiviteter hanterar respektive produktområde och fungerar som ett abstraktionslager mot de underliggande systemen. I stället för att behöva prata direkt med exempelvis ett specifikt bokningssystem sker kommunikationen via en reseservice. Det gör lösningen mer hållbar över tid: även om det adderar en nivå av komplexitet öppnar det för att tänka i funktioner och domäner snarare än i enskilda produkter. På så sätt kan nya system och erbjudanden kopplas på successivt utan att störa helheten.
• Underliggande system och tredjepartsintegrationer – till exempel olika bokningssystem för resor, boende och aktiviteter – knyts ihop genom denna struktur. På så sätt blir komplexiteten hanterbar och användarupplevelsen sömlös.

En arkitektur som möjliggör förändring och minskar beroenden

• Minskar beroenden mellan systemen och gör det möjligt att bygga användarupplevelser utifrån kundens behov, snarare än tekniska begränsningar.
• Ger flexibilitet att utöka antalet integrationer och därmed erbjudandet (exempelvis fler boenden eller aktiviteter) utan att behöva bygga om hela infrastrukturen.
• Är framtidssäker tack vare molnbaserade lösningar, API-first-principer och en tydlig separering av ansvar.
• Lägger grunden för ett enhetligt bokningsflöde där resor, boenden och upplevelser kan kombineras i samma paket.

Webbplats och användarupplevelse

Den nya webbplatsen är utformad för att ge en smidig, inspirerande och konverterande användarresa – oavsett om man bokar resor, boende eller aktiviteter.

Användarcentrerad UX

Bokningsflödet har moderniserats med färre steg och en mobilanpassad widget som gör det enkelt att boka, jämföra och ändra utan onödiga omvägar. Navigationen har förenklats och strukturen har förtydligats så att användaren snabbt hittar rätt.

Design som inspirerar och leder rätt

Utifrån kundens grafiska profil har vi skapat en digital design som är stilren, tillgänglig och konverteringsstark. Call-to-actions framhävs med färg och form, ikoner tydliggör information, och en levande layout på startsidan bjuder in till vidare upptäckande.

Iterativt arbetssätt

Genom en agil process med inkrementella leveranser har vi kontinuerligt testat och förbättrat lösningen. Det har gett utrymme för smarta justeringar och säkerställt att de viktigaste funktionerna alltid prioriterats.

Resultatet är en modern webbplats som inte bara säljer en resa, utan en helhetsupplevelse – med en design och ett flöde som stödjer användaren i varje steg.

Resultat

Den nya lösningen visar hur vi kan förvandla något tekniskt komplext till en enkel och användarvänlig webbplats med välbalanserade flöden och funktioner. För resenären innebär det ett smidigt och flexibelt bokningsflöde där resor, boende och aktiviteter kan kombineras som man vill i en och samma varukorg – från första sökning till biljett, betalning och avresa.

För resebolaget innebär det en stabil teknisk grund som minskar beroenden mellan system, förenklar vidareutveckling och ger bättre kontroll över hela affärsflödet. Kunden kan lansera nya erbjudanden utan att bygga om plattformen och de får kontroll över hela order- och bokningsflödet.

Bakom kulisserna hanteras en hög nivå av komplexitet: från olika typer av resor med särskilda tillval, rabatter och prissättningar, till boenden och aktiviteter med egna villkor och lokala erbjudanden. Allt detta smälter samman i ett enhetligt gränssnitt som gör att resenären upplever att de köper en helhet, snarare än att pussla ihop separata delar.

Är du nyfiken på vad det här skulle innebära i din miljö?

I det här projektet har vi visat hur man kan ta ett komplext systemlandskap med många integrationer och omvandla det till en plattform som känns enkel och självklar för användaren. Vi kartlägger, planerar och realiserar hela vägen – från teknik till upplevelse – och ser till att resultatet blir både robust och framtidssäkert. Har du en liknande utmaning? Hör av dig så berättar vi mer.