Personaliserad webbplats med hjälp av AI

Familjebostäder var i stort behov av en ny, flexibel och långsiktig webbplats. Syftet med den nya lösningen var i första hand att förenkla vardagslivet för Familjebostäders hyresgäster, och målet var att skapa en användarupplevelse som anpassas helt efter hyresgästernas behov. Målet var att användandet av de digitala tjänsterna ökar, samtidigt som de bidrar till affärsmålen, men webbplatsen behövde även vara skalbar, flexibel och enkel för redaktörerna att använda.

För att skapa en förståelse för kundernas behov började vi med en gedigen förstudie med insamling av både kvantitativ och kvalitativ data. Den bestod av en enkät som gick ut till hyresgästerna, analys av trafik, djupintervjuer, observationer, och workshops med hyresgäster och medarbetare. Vidare arbetade vi med kundresor, kartlade de största behoven, och genomförde en rad workshops med kund för att definiera vision, mål, prioriteringar, tekniska förutsättningar, lösningsidéer och visuellt koncept. Genom wireframes, prototyper och designskisser kom vi fram till ett koncept som vi testade på användare från våra fokusgrupper innan utvecklingen började. 

De största utmaningarna i projektet var att målgrupperna hade olika förutsättningar, bakgrund och digitalvanor. En av de bärande delarna i konceptet var därför personalisering av innehållet genom AI och maskininlärning, för att presentera det innehåll som besökaren vill ha eller letar efter. Detta gjorde att webbplatsens innehåll utgår från hyresgästernas behov och mål, och inte utifrån redaktörernas antaganden. Hyresgästerna och övriga besökare kan nu förvänta sig en personlig och anpassad upplevelse varje gång de besöker webbplatsen. Användaren behöver heller inte leta efter information eftersom webbplatsen är proaktiv och förutspår vad besökaren vill ha, vilket i sin tur avlastar kundtjänst. 

Med vetskapen om att internet bidrar till stora utsläpp, var det viktigt för arbetsgruppen och för kunden att skapa en ’grön upplevelse’ genom att minska webbplatsens klimatpåverkan. Detta gjorde vi bland annat genom att minska tyngden på innehållet, optimera kod, samt göra användarresan kortare med färre klick till slutmålet. 

Vi hade även som mål att skapa en inkluderande lösning som alla, oavsett funktionsvariation, kan ta del av.   Genom att ta med hela processen för tillgänglighetsperspektivet i arbetet har våra certifierade UX-designers och Art Directors kunnat skapa lösningar som välkomnar alla användare på lika villkor. Från visuell design till teknikval, från wireframes till utveckling.

För att säkerställa leveransen har även en genomgripande och sammantagen tillgänglighetsgranskning i slutet av projektfasen gjorts, när innehåll börjar komma på plats men innan lansering. På så vis säkerställer vi såväl lösningen som innehållet. Granskningen har vi gjort genom skärmläsartester på olika enheter, operativsystem och webbläsare, samt automatiska tester. Vi har därtill gått igenom alla framgångskriterier i WCAG 2.2 AA för att säkerställa tillgängligheten på alla de olika sid- och blocktyper som vi tagit fram. Resultatet har vi sammanställt i en tillgänglighetsredogörelse som publiceras på webbplatsen.

Vill du veta hur vi kan hjälpa dig?

Slå en signal eller skicka ett meddelande så kontaktar vi dig.