BENNS

Blixtsnabb fotobaserad resewebbplats.

Bakgrunden till projektet

Den nya sajten för reseleverantören BENNS – en del av KILROY Group – är byggd som ett headless CMS, vilket säkerställer superbra prestanda i ett bildbaserat universum.

När KILROY-koncernen stod inför att behöva skapa nya sajter för hela organisationen – det vill säga KILROY, Jysk Rejsebureau, BENNS och ISIC – valde de Novicell som en långsiktig partner. De nya sajterna skulle alla byggas på samma plattform, vilket bl.a. ger stora fördelar jämfört med vanliga integrationer.

Processen startades med nya bildbaserade resesidor för BENNS - benns.no och benns.dk. BENNS befintliga sajt var gammal och inte mobiloptimerad. Därför ville de ha en ny och mer visuell sajt med en enklare kommunikationsarkitektur.

Detta är vad lösningen bestod av

Inbjudande design

Med bilder från exotiska resmål över hela världen har inspirationen till nya resor vridits upp helt.
Enkel menystruktur

Den nya menystrukturen är intuitiv och matchar användarens inställning till resesökningen.
Headless CMS

Struktur med separat CMS, datalager och frontend gör att sajten presterar blixtsnabbt även med många tunga bilder.

Intuitiv meny

Innehållet på benns.dk sträcker sig brett: Från sommarlov till barnfamiljen; för studieresor med skräddarsydda dagsprogram; för företag och tema räkor. Därför är det viktigt att ha en ultraskarp menystruktur, så att användaren snabbt kan navigera till önskat universum. Uppdelningen i de tre kärnområdena (semesterresor, studieresor samt företags- och temaresor) guidar användaren på vägen och i vart och ett av de tre universum säkerställer en enkel menystruktur en intuitiv användarupplevelse. Menystrukturen är gjord för att matcha användarens tankesätt och man kan antingen välja var man vill resa till, eller vilken typ av resa man vill ha. Härifrån dirigeras användaren till specifika landningssidor för antingen destinationer eller resetyper som matchar deras önskemål. Här ligger fokus på informativa och attraktiva entrésajter som kan inspirera användaren på vägen till sina drömmars resa.

Sortering direkt på förstasidan

Redan på förstasidan har användaren möjlighet att angripa resan från olika håll. Om du till exempel letar efter en semesterresa kan du sortera resorna efter resetyp, resmånad och destination i de tre rullgardinsmenyerna. Likaså kan den som söker studieresa sortera in resp. destination, min. budget och max. budget. Fokus ligger alltid på att ge användaren de bästa förutsättningarna att hitta precis den resa som passar deras önskemål.

"Sammantaget har vi sett ett lyft i konverteringar på sajten både på mobil och desktop. Särskilt gruppturerna har fått ett bra uppsving och kommuniceras mycket bättre nu.

Novicell har genom hela processen varit en bra strategisk sparringspartner. Tillsammans har vi fokuserat på organisationens nya gemensamma plattform och Novicell har hjälpt oss att göra generella val vad gäller struktur och struktur."

Astrid Schønemann, Web Manager

KILROY Group

Illustrerad design

Inför designen av den nya sajten höll Novicells team workshops med representanter för både semesterresor och studieresor på BENNS. Här säkerställde kundrådgivarnas insatser att vi skapade en kundfokuserad design. Med destinationer från Kanada till Kambodja och Kuba är designen för nya benns.dk givetvis fullspäckad med läckra bilder från hela världen. Redan på förstasidan har små bildkaruseller skapats för varje enskild resa och alla destinationsuniversum innehåller gallerier med stora bilder på stränder, djungler, bergstoppar och mycket mer.

Klar för mobil

Till skillnad från den gamla sajten är den nya benns.dk responsiv, så att den matchar användarnas aktiviteter. I samband med detta fick BENNS reda på att deras gamla logotyp inte fungerade på mobilen, vilket tvingade verksamheten att bestämma sig för logotypen. Det slutade med en ny och enklare version utan tagline, som nu används överallt.

På fronten har det även gjorts lite extra för mobilanvändare. Till exempel har ett extra lager lagts till i filtreringen på förstasidan, så att alla alternativ inte dyker upp på en gång. Detta hjälper till att säkerställa en bra användarupplevelse, oavsett enhet.

"Den nya webbplatsen har bidragit till en mycket bättre användarupplevelse och, viktigast av allt, ökat vår konverteringsfrekvens avsevärt. Vår Google-vänliga och bildmättade plattform har, förutom desktop, ökat vår prestanda på surfplatta och mobil – så sammantaget är vi väldigt nöjda med resultatet som vi har skapat tillsammans med Novicell."

Alpers Sahin, Marketing Manager

KILROY Group

Blixtsnabb laddningstid

Nya benns.dk är byggt som ett headless CMS, och hela kartläggningen till sajten är byggd från grunden. Det innebär att den består av ett separat CMS för innehåll (Umbraco), datalager (mongo-db) och frontend (.net-core). Alla tre delar kan bytas ut oberoende av varandra. Strukturen gör att data är mer lättillgänglig, eftersom den redan är klar i datalagret och inte behöver hämtas hela vägen från CMS-servern – och det ger en mycket snabb laddningstid. Sedan lanseringen har därför laddningstiden halverats, nyttolasten är under 10 kb och leveransen tar en tredjedel av tiden. På nya benns.dk levereras de många vackra bilderna till användaren på nästan nolltid. En annan fördel med strukturen är att alla resor förs till datalagret via en integration med Kilroys egen Navigator. Dessutom sker även filtreringen utan fördröjning – återigen eftersom datan är klar precis när den ska användas.

Besøg selv det nye Benns.dk