SiepsTillgänglighet och användarupplevelse i fokus när Sieps fick ny webb i Umbraco

Sieps logga

Sieps – Svenska institutet för europapolitiska studier, arbetar oberoende och mångsidigt för att belysa frågor som rör europeisk politik. Genom analyser, rapporter och seminarier bidrar de med kunskapsunderlag till regeringen och andra aktörer inom den politiska beslutsprocessen, både i Sverige och inom EU.

När de kontaktade oss på KAN var behovet tydligt; de ville ha en modernare, mer lättnavigerad webb som är tillgänglig för alla användare.

The work we create

Brand refreshUXVisual designWeb Development

Sieps på en dator

Behovet större än en teknisk uppdatering

Som myndighet är det avgörande för Sieps att deras material är enkelt att hitta, förstå och ta del av – oavsett användarens förkunskaper eller funktionsvariationer. Den tidigare webbplatsen var både svårnavigerad och otillgänglig, och speglade inte den viktiga roll som Sieps faktiskt har i det politiska landskapet.

Dessutom saknades en sammanhållen visuell identitet som knöt ihop varumärket och kommunikationen i olika kanaler.

Sipets webbsida i en mobil

Varumärkeslyft, tillgänglighetsanpassning och utveckling i Umbraco

Vi påbörjade arbetet med en förstudie där vi identifierade behov kopplade till både funktion, användarupplevelse och identitet. Därefter genomförde vi ett omfattande arbete som inkluderade:

en person knappar på datorn

Brand refresh och visuell uppdatering

Under förstudien identifierade vi behovet av att stärka Sieps visuella identitet. Vi genomförde därför en brand audit och höll workshops med kunden för att definiera riktning, position och uttryck.

Resultatet blev en ny visuell identitet med:

  • Ett färgsystem som uppfyller kontrastkrav utan att kompromissa med uttryck eller flexibilitet.
  • En typografi som speglar Sieps trovärdighet och gör innehållet lättillgängligt både digitalt och i tryck.
  • En levande färgtoning som visuellt belyser hur Sieps fördjupar sig i olika samhällsfrågor.
Sieps

Tillgänglighetsanpassning enligt WCAG

För Sieps nya webb säkerställde vi att allt från färgkontraster och typografi till tangentbordsnavigering, fokusmarkeringar och en logisk sidstruktur. Allt för att skapa en smidig och inkluderande användarupplevelse som möter dagens högt ställda tillgänglighetskrav.

UX och webbutveckling i Umbraco

Den nya webben byggdes i Umbraco CMS och strukturerades för att ge en tydlig och enkel användarupplevelse – både för besökare och för redaktörer som dagligen arbetar med webben. Vi skapade även ett arbetsflöde som gör det smidigt att publicera publikationer i fulltext, anpassat efter myndighetens processer för kvalitetssäkring.

Sieps brand manual

Resultatet

Sieps har nu en modern, tillgänglig och användarvänlig webbplats som tydligare speglar deras roll som en trovärdig och oberoende kunskapskälla. Den kombinerar en stark visuell identitet med teknisk funktionalitet och ett centralt verktyg för myndigheten att göra komplex kunskap tillgänglig för alla.

Sieps Podcast

Vill du veta mer? Kontakta mig.

Fredrik Colling, Regional Manager Sthlm
Fredrik Colling
Account Manager Stockholm