Al viden om universelt design samlet ét sted

kundecitat
Kvalifik har lyttet grundigt til vores behov og arbejdet tæt sammen med os om at finde løsninger. Det samarbejde er fortsat efter lanceringen, mens vi bliver ved med at udvikle hjemmesiden og finde nye måder at dele vores viden på.”








- Søren Højland Boesen (Former Employee)
- Magnus Friislund
- Rebecca Busk
- Elizabeth Tello D'Andrea
- Francesca Tiziani
- Anja Johansen
- Nicolai Hemdrup (Former Employee)
Kvalifik designede og udviklede en ny vidensplatform i Webflow til Bevica Fonden. Projektet omfattede digital strategi, UX- og UI-design, Webflow-udvikling, visuel identitet, tilgængelighedsfunktioner, CMS-arkitektur, migrering af mere end 500 sider og en specialbygget RAG-baseret AI-assistent.
Bevica Fonden havde tre separate hjemmesider, hvor vidensressourcer, ekspertlister og aktiviteter lå spredt på forskellige platforme. Den nye hjemmeside samler det hele ét sted, bygget op om Viden, Partnerskaber og Dialog.
Tilgængelighed var en central del af både design og udvikling. Platformen er bygget til at opfylde WCAG 2.2 AA-kriterierne og har blandt andet kontrastindstillinger, justerbar tekststørrelse, dæmpede sanseindtryk, oplæsning af artikler, tastaturnavigation, skip links, semantisk HTML og ARIA-roller.
Kvalifik byggede en specialbygget RAG-baseret AI-assistent, der henter sine svar i Bevica Fondens egne ressourcer om universelt design. Hos assistenten kan brugerne stille spørgsmål, finde relevante artikler, rapporter og eksperter og hurtigere finde rundt i fondens vidensbase.
Kvalifik videreudviklede den eksisterende identitet til et mere levende digitalt design med et uperfekt, menneskeligt præg. Målet var at vise, at tilgængelighed og universelt design kan være funktionelt, troværdigt og flot på samme tid.
Webflow gav Bevica Fonden et fleksibelt CMS til at drive en stor vidensplatform med artikler, temapakker, ekspertlister og arrangementer. Samtidig blev platformen nemmere at opdatere og vedligeholde efter migreringen af mere end 500 sider indhold med korrekte redirects.
Ja. Kvalifik er et dansk webbureau i København, der designer og udvikler hjemmesider. Vi arbejder med UX- og UI-design, Webflow-udvikling, tilgængelighed, visuel identitet, CMS-arkitektur og digitale platforme med AI til både organisationer og virksomheder.
Platformen kombinerer tilgængelighedsstandarder med stærkt visuelt design, AI-drevet navigation og en fleksibel indholdsstruktur. Den viser, at tilgængeligt webdesign kan være brugbart, smukt og skalerbart, når strategi, design og udvikling arbejder sammen.
- Digital Experience Design
- Illustrationer
- Web development
Gennem en iterativ designproces gav vi fondens visuelle identitet et mere levende udtryk med et uperfekt, menneskeligt præg. Midt i udviklingen opstod idéen om at lade brugerne udforske Bevicas vidensbase med AI.
Sammen lavede vi en prototype og byggede derefter en RAG-baseret assistent, der er koblet direkte på CMS’et. Den svarer i realtid ud fra konteksten, også når indholdet vokser.
Vi flyttede over 500 sider med korrekte redirects, så SEO-værdien blev bevaret, og byggede det hele op i et fleksibelt Webflow CMS, der gør hjemmesiden nem at opdatere og vedligeholde.
Bevica Fonden er en erhvervsdrivende fond med over 150 års historie og en klar mission: at styrke universelt design i Danmark og internationalt. Som frontløber på området ville fonden have en ny hjemmeside, der satte standarden for tilgængelighed. En hjemmeside, der viser, at tilgængeligt ikke er det samme som kedeligt.
Før var fonden spredt ud på tre hjemmesider, hvor ekspertlister, vidensressourcer og aktiviteter lå hver for sig. Det gjorde det svært for brugerne at få overblik.
Den nye platform samler hele Bevicas digitale univers i én portal, hvor form og funktion trækker i samme retning. Brugerne møder nu en hjemmeside, der:
- Er bygget op om de tre strategiske søjler: Viden, Partnerskaber og Dialog
- Samler vidensressourcer, temapakker, ekspertlister og arrangementer ét sted
- Har søgning og navigation med AI
- Lader brugerne selv indstille siden med tilgængelighedsfunktioner
- Viser, at universelt design kan være både smukt og fuldt funktionelt
Tilgængelighed var en topprioritet, både teknisk og visuelt. Den nye platform lever fuldt ud op til WCAG 2.2 AA og tilbyder:
- Værktøjslinje til tilgængelighed: Justér kontrasten, ændr tekststørrelsen og dæmp sanseindtryk med det samme
- Naturlig oplæsning af artikler med moderne tekst-til-tale-teknologi
- Tastaturnavigation og skip links til navigation uden mus
- Optimeret farvekontrast i hele designet
- Semantisk HTML og ARIA-roller, så skærmlæsere fungerer bedre
Som en del af projektet byggede vi en specialbygget RAG-baseret AI-assistent, der henter sine svar i Bevicas egne ressourcer om universelt design. Den kan:
- Besvare spørgsmål om universelt design, både teoretiske og praktiske
- Hjælpe brugerne med at finde relevante artikler, rapporter eller eksperter
- Guide studerende og praktikere videre til relevante muligheder og ressourcer
AI-assistenten gør det hurtigt og intuitivt at finde rundt i fondens omfattende vidensbase.
Projektet startede med en række workshops med Bevicas team, hvor vi blev enige om mål, målgrupper og de tre strategiske søjler: Viden, Partnerskaber og Dialog. Derfra udviklede vi en ny informationsarkitektur, der kunne samle tre ældre hjemmesider på én sammenhængende platform.
Gennem en iterativ designproces gav vi fondens visuelle identitet et mere levende udtryk med et uperfekt, menneskeligt præg.
Midt i udviklingen opstod idéen om at lade brugerne udforske Bevicas vidensbase med AI. Sammen lavede vi en prototype og byggede derefter en RAG-baseret assistent, der er koblet direkte på CMS’et. Den svarer i realtid ud fra konteksten, også når indholdet vokser.
Vi flyttede over 500 sider med korrekte redirects, så SEO-værdien blev bevaret, og byggede det hele op i et fleksibelt Webflow CMS, der gør hjemmesiden nem at opdatere og vedligeholde.
Til sidst brugertestede vi platformen med repræsentanter fra Bevicas mange målgrupper, så vi vidste, at navigation, tilgængelighed og indhold fungerede for alle.



.avif)

















%252520copy-2.avif)














