Niklas Westerström

Digital designer

Case: Eskilstuna.se

Bild av design på webbplats för Eskilstuna kommun

Supersök, AI och etikettsystem ➞ hokus pokus filiokus ➞ Kommunal webbplats i digitaliseringens framkant ➞ eskilstuna.se

Eskilstuna kommun är sveriges femtonde kommun med sina, strax under, 107000 invånare. Kommunens hemsida behövde lyftas till en modernare version som uppfyller gällande tillgänglighetskrav och erbjuda en enklare och tydligare användarupplevelse.

Den nya webbplatsen förväntades bidra till en avlastning av Eskilstunas kontaktcenter genom att öka användningen av kommunens digitala tjänster. Med detta grepp ska de också stärka sitt varumärke genom att ta avstamp i Eskilstuna kommunkoncerns varumärkesplattform, "Goda hållbara möten".

UX-DesignUI-Design

I min roll som UX-designer i projektet ansvarade jag för att säkerställa att användarupplevelsen överensstämde med de behov som identifierats genom effektkartläggningen samt insikter från intervjuer med förvaltningar och användare. För att ytterligare fördjupa förståelsen för användarnas behov faciliterade jag UX-workshops, vilka låg till grund för det fortsatta designarbetet.

För att visualisera lösningar och skapa en gemensam förståelse utvecklade jag koncept och wireframes, som vi löpande validerade tillsammans med kunden.

Genom hela projektet arbetade jag tätt ihop med utvecklare och produktägare för att säkerställa en genomtänkt interaktionsdesign och en så användarvänlig upplevelse som möjligt – både för redaktörer och besökare. Jag använde även arbetsmöten via Teams, där kunden fick möjlighet att följa med i realtid när jag arbetade med specifika delar av designen, vilket skapade en transparent och iterativ arbetsprocess.

“Niklas arbetsmetodik förenklar processen både för HiQ och för oss på Eskilstuna kommun”

- Produktägare, Eskilstuna kommun

Den visuella designen baserades på Eskilstuna kommuns grafiska profil och insikter från workshops med kundens projektgrupp och varumärkesansvariga. Genom en iterativ process med moodboards och style tiles formades ett tydligt och sammanhängande formspråk, som sedan applicerades på de wireframes vi utvecklade under konceptfasen.

Eftersom det saknades ett genomarbetat ramverk för kommunens digitala kanaler – vilket ofta är fallet – lades stor vikt vid att anpassa de grafiska riktlinjerna för digitala plattformar. Fokus låg på att översätta Eskilstunas visuella identitet till en digital kontext med hänsyn till tillgänglighet och en genomtänkt interaktionsdesign.

Varje sida är taggad med etiketter som beskriver dess ämnestillhörighet.

Lösningen blev en modern och användarcentrerad webbplats med ett etikettsystem baserat på Sitevisions tagg-funktionalitet. Systemet lyfte fram landningssidor och e-tjänster i både webbplatsens interna sökfunktion och externa sökmotorer, vilket förbättrade innehållets synlighet och tillgänglighet. Vi implementerade även en ny navigationsstruktur för att ge snabbare och mer intuitiv åtkomst till relevant information, samt en helt ny design utformad i linje med Eskilstuna kommuns varumärkesprofil.

För att maximera värdet av etikettsystemet prioriterade vi en sökcentrerad användarupplevelse där webbplatsens sökfunktion blev det primära sättet att hitta information. Sökresultaten optimerades för att lyfta fram samlingssidor för olika målgrupper samt e-tjänster, vilket gjorde det enklare för användarna att hitta rätt. Dessutom integrerade vi artificiell intelligens för att analysera användarbeteenden och tidsspecifika behov, vilket möjliggjorde mer relevant och riktad information baserat på kontext och interaktion.

För att optimera informationsåtkomsten skapade vi ämnesspecifika landningssidor som endast är åtkomliga via Google eller webbplatsens sökfunktion. Dessa sidor sammanställer allt relevant innehåll inom ett specifikt ämne, exempelvis "Ung", och fungerar som centrala informationsnav. På samma sätt utvecklade vi områdessidor för Eskilstunas olika stadsdelar. Dessa sidor genereras i stor utsträckning automatiskt baserat på etiketter, vilket minimerar redaktörens arbetsinsats – de behöver enbart skriva en kort sammanfattning och välja en relevant etikett som styr innehållet på sidan.

För att effektivt hantera och synliggöra kommunens övriga webbplatser implementerade vi en funktion vi kallar "Länkkort". Detta är en strukturerad lösning där externa resurser hanteras direkt i webbplatsens sökmotor. Genom att samla externa länkar på ett ställe och sedan visa dem där de är relevanta, säkerställer vi en enhetlig och användarvänlig hantering av externa resurser över hela webbplatsen.

- "Jag har jobbat i många kommunala webbprojekt och detta är det överlägset bästa!"

Utvecklare / webbredaktör på Eskilstuna kommun

Bild av sökfunktion på Eskilstunas hemsida

Sökfunktionen prioriterar E-tjänster och sidor som Eskilstunas redaktörer rekomenderar.

Eskilstuna kommun fick en ny webbplats som användarna upplever som enkel och tydlig. Designen speglar ett modernare digitalt Eskilstuna med en tillgänglig design, god läsbarhet och kontraster som uppfyller aktuella wcag-riktlinjer. Enligt användartesterna har webbplatsen en "lagom Myndighetsprägel och är snygg!". I testerna visade det sig också att både navigering och sökfunktionen var enkla att använda trots en del nya grepp. Redaktörerna har en enklare lösning att underhålla och ett greppbart antal sidor att uppdatera.

Självklart är webbplatsen fullt ut mobilanpassad, detta är en hygienfaktor i en modern webbplats.

Eskilstuna.se är en del av min leverans till kommunen. Jag har också jobbat med både evenemang.eskilstuna.se och med mallar för egna webbplatser till besöksmål, med en rad spännande funktioner för att skapa möjlighet för att inom ramen för kommunens grafiska profil bygga "besökswebbar" som till exmpel Eskilstuna stadsmuseum.

Ett modernare digitalt Eskilstuna med en tillgänglig design, god läsbarhet och kontraster som uppfyller aktuella wcag-riktlinjer

www.eskilstuna.se

Kort om mig

Jag är en senior digital designer som brinner för användarupplevelsen och trivs bäst i team med kreativitet som drivkraft. Att ta helikoperperpektivet men fortfarande med järnkoll på detaljerna är min superkraft!

Över tjugo års professionell erfarenhet av både produktutveckling och kundunika lösningar i form av webbplatser, appar och digitala verktyg varvat med idé-arbete och illustration.

Utloggad: Silversmider, fiskar och lagar mat till familj och vänner. Promenerar med taxen Pixel i skogarna kring Västerås.

Socialt: LinkedIn | Dribbble | Engagemang: Piranha CMS

Hem