Analys & strategi
Design, UI/UX
Webbutveckling
Content
SEO, SEM & webbanalys
Drift & supportID06 – tydligare struktur och användarupplevelse
ID06:s tjänster används för att koppla individer till företag, registrera närvaro och kontrollera behörigheter på arbetsplatser inom bygg- och anläggningsbranschen.
Genom ID06-kortet registreras närvaro och behörigheter kan kontrolleras, vilket bidrar till säkrare arbetsplatser och rättvisa villkor.
Med en omfattande webbplats och många informationssidor hade ID06 ett tydligt behov av en mer genomtänkt struktur och förbättrad användarupplevelse. Den befintliga lösningen gjorde det svårt att navigera rätt och hitta relevant information.
Designen behövde också uppdateras för att bättre möta dagens krav på digital tillgänglighet och säkerställa att webbplatsen fortsatt uppfyller högt ställda tillgänglighetskrav.
Målet var att göra webbplatsen enklare att navigera och hjälpa användarna att snabbare hitta rätt information.
- ID06:s tjänster och innehåll behövde presenteras tydligare, samtidigt som upplevelsen skulle fungera lika bra i mobilen som på desktop.
- Webbplatsen skulle också uppfylla höga krav på tillgänglighet och ha en teknisk grund som möjliggör fortsatt utveckling över tid.
Struktur med användaren i fokus
Arbetet inleddes med analys av befintlig struktur, innehåll och användarbehov för att identifiera förbättringsområden och sätta riktning för det fortsatta arbetet. Genom SEO-analys och förståelse för olika målgrupper kunde innehållet struktureras om och prioriteras tydligare utifrån användarnas behov.
Wireframes användes tidigt i processen för att testa flöden, funktioner och navigation innan designarbetet tog vid. Det gav en tydligare bild av hur webbplatsen skulle fungera i praktiken och gjorde det möjligt att fatta välgrundade beslut tidigt i projektet.
Designarbetet utgick från att skapa en tydligare och mer konsekvent användarupplevelse genom hela webbplatsen.
Ett designsystem utvecklades för att skapa större enhetlighet, förbättra läsbarheten och göra innehållet enklare att ta till sig. Samtidigt vidareutvecklades designen för att uppfylla WCAG och de tillgänglighetskrav som ställs på webbplatsen.
Resultatet är en tydligare webbplats där användaren enklare förstår vad nästa steg är och hur man tar sig vidare.
Flexibel lösning i WordPress
Den tekniska lösningen vidareutvecklades i WordPress med flexibilitet och långsiktig förvaltning i åtanke.
Genom ett blockbaserat arbetssätt kan ID06 själva skapa och uppdatera innehåll utan att vara beroende av utvecklare.
Lösningen bygger på skräddarsydda block, anpassade innehållstyper och en modern teknisk grund med bland annat React, Tailwind och API-integrationer. Det gör webbplatsen flexibel i det dagliga arbetet och enkel att vidareutveckla över tid.
Funktioner som stärker användarupplevelsen
Flera funktioner vidareutvecklades för att stärka både användarupplevelsen och det dagliga arbetet i organisationen:
- Partnerkarta för att hitta anslutna aktörer
- Nyhetsflöde för aktuellt innehåll
- Förbättrad sökfunktion
- Tydligare kontaktvägar och formulär
Stabil grund från start
Inför lanseringen säkerställdes att webbplatsen hade rätt tekniska och SEO-mässiga förutsättningar från start.
Det omfattade bland annat korrekt URL-struktur, hantering av redirects, koppling till Search Console, prestandaoptimering och noggrann kvalitetssäkring.
Resultatet
Den uppdaterade webbplatsen gör det enklare att hitta rätt information och förstå hur ID06 fungerar.
Användarupplevelsen är mer sammanhängande och plattformen är bättre rustad för fortsatt utveckling över tid.
Vad kunden säger
"Tillsammans med webbyrån Tankbar har vi tagit fram en ny webbplats som på ett tydligt och användarvänligt sätt speglar ID06:s uppdrag – att främja sund konkurrens och bidra till trygga och schyssta arbetsplatser. Vi är väldigt nöjda med resultatet och uppskattar Tankbars förmåga att kombinera struktur, tillgänglighet och design med våra verksamhetsmål och användarnas behov."
