Bluescape Web

Global webbplats för en digital samarbetsplattform

Website,
Headless CMS,
UX/UI Design

Om projektet

Bluescape är en digital samarbetsplattform med ett brett spann av avancerade funktioner och användningsområden. Under flera år hade vi hjälpt Bluescape att förbättra produktens UX-design och gränssnitt, och var därför väl förberedda när de bad oss att designa och bygga deras nya webbplats. Vi inledde projektet med en grundlig förstudie, inklusive målgrupps- och konkurrentanalys, och tog fram en komplett sitemap samt en prioriterad backlogg. Därefter började vi arbeta med sidor och moduler, samtidigt som vi utvecklade ett skräddarsytt designsystem för att säkerställa en smidig överlämning till utvecklingsteamet. Genom regelbundna avstämningar med Bluescapes marknadsteam såg vi till att resultatet låg nära visionen – både visuellt, funktionellt och strategiskt.

Visuellt språk

Bluescapes produkt hade redan ett etablerat designsystem med definierade färger, typografi och ikoner. Däremot saknades ett visuellt uttryck för illustrationer och kompletterande grafik.

Vi tog fram ett tydligt och skalbart visuellt manér där tonvariationer från färgpaletten användes för att skapa illustrationer och grafiska element som förstärker innehållet och ger webbplatsen ett mer levande uttryck.

Modulärt och responsivt

Varje sida byggdes modulärt med ett bibliotek av återanvändbara komponenter som kunde kombineras fritt beroende på innehåll och syfte. Det gav Bluescapes marknadsteam flexibilitet att uppdatera, bygga ut och anpassa webbplatsen i takt med att produkten utvecklades.

Alla moduler designades för att vara fullt responsiva, vilket säkerställer att innehållet fungerar och ser bra ut oavsett skärmstorlek – från mobil och surfplatta till stora desktops.

Slutsatser

När det huvudsakliga utvecklingsarbetet var klart kunde vi lämna över en kraftfull, modulär och lättförvaltad webbplats till Bluescape. Det var särskilt tillfredsställande att se hur ett relativt litet antal genomtänkta moduler kunde användas för att skapa en stor variation av sidor och innehåll. Webbplatsen är idag väl rustad för att stötta Bluescapes försäljnings- och marknadsföringsarbete – från kundanskaffning och produktpresentation till thought leadership och content marketing. Tack vare headless CMS har Bluescapes team full kontroll över att själva uppdatera innehåll, skapa nya sidor och vidareutveckla strukturen – utan att vara beroende av utvecklare. Intunio har fortsatt att stötta Bluescape med löpande förbättringar, optimeringar och säkerhetsuppdateringar även efter lansering.

Teamets egna ord

❝ Vi ville göra det enkelt för Bluescape att själva hantera och vidareutveckla webbplatsen – utan att kompromissa med design eller kvalitet. Genom ett öppet arbetssätt och tät dialog kunde vi bygga en lösning som både är skalbar och visuellt konsekvent.

– Mikael Halén, Developer