Bevica Fonden

Al viden om universelt design samlet ét sted

År
2024 - i dag
Branche
Samfund & kultur
Kunde
Bevica Fonden

kundecitat

“Vi har været rigtig glade for samarbejdet med Kvalifik, fra de første idéer og udviklingen til det løbende arbejde med vores hjemmeside. Vi havde konkrete ambitioner: at samle flere platforme, at gøre en bred samling af viden om universelt design let at udforske og at sikre, at tilgængelighed var helt central i designet.
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å.”
Ulf Elbrønd
,
Webredaktør hos Bevica Fonden
Bevica Fonden homepage on a laptop, with a lavender background, partnership headline and continuous-line drawing of joined hands.
kort om casen
Bevica Fonden ville samle tre hjemmesider på én platform, der både skulle være et forbillede for universelt design og et levende samlingspunkt for fondens mange målgrupper. Kvalifik designede og byggede en ny hjemmeside i Webflow med en markant visuel identitet, omfattende tilgængelighedsfunktioner, en AI-assistent og en fleksibel CMS-struktur.
Resultatet er en portal for forskere, praktikere og partnere, der viser, at tilgængelighed kan være både smuk og funktionel.
Bevica interface color examples using pastel yellow, pink, lavender and green backgrounds with contrasting buttons.Bevica accessibility design guide covering legible type, comfortable colors, consistent layouts, reduced motion, reader mode and assistive features.
Annotated Bevica portrait illustration showing continuous lines, varied stroke widths, gentle imperfections, diverse faces and abstract features.Bevica’s continuous-line illustration collection, including people, joined hands, a globe, books and everyday objects.
Bevica brand guide overview with logo variations, color palettes, typography, accessibility guidance and example applications.
Lavender Bevica tote bag with line-drawn faces and the Danish message “En verden for mennesker af alle former.”A wheelchair basketball player wearing a cream T-shirt with Bevica’s continuous-line portrait illustration.
Three Bevica posters combining pastel colors, line illustrations and messages about a world for everyone and universal design.
Bevica’s mobile AI assistant for universal design, with a question field and suggested questions.Bevica stationery set with letterhead, business cards and a leaflet using pastel colors and continuous-line portraits.
Bevica website with accessibility controls and pastel content cards, overlaid with contrast checks of 10.52:1 and 10.65:1.
Teamet bag projektet
  • Søren Højland Boesen (Former Employee)
  • Magnus Friislund
  • Rebecca Busk
  • Elizabeth Tello D'Andrea
  • Francesca Tiziani
  • Anja Johansen
  • Nicolai Hemdrup (Former Employee)
Spørgsmål

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.

casebeskrivelse
Bevica Fonden case | Tilgængelig vidensplatform | Kvalifik
Tre hjemmesider blev til én tilgængelig vidensplatform i Webflow. Over 500 sider migreret, WCAG 2.2 AA og en RAG-baseret AI-assistent til Bevica Fonden.
leverancer
Processen

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.

udfordringen

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.

Løsningen

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
EN NY STANDARD FOR TILGÆNGELIGHED

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

‍

AI-CHATBOT

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.

FRA WORKSHOPS TIL BRUGERTEST

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.

Bevica

See other cases

See all cases
Et fængsel bliver til en levende, grøn bydel
Hjemmeside
–
A. Enggaard
See case
Fra anonym supportside til troværdig SaaS-platform for IT-sikkerhed
Hjemmeside
–
Branding
–
We Are Safe
See case
Et nyt brand, der gør en dansk varmepumpeproducent klar til verden
Hjemmeside
–
Branding
–
Vækst og strategi
–
Thermonova
See case
En B2B-SaaS-hjemmeside, der ikke ligner de andre
Hjemmeside
–
Relesys
See case
Brandet bag et gennembrud i bæredygtig fødevareproduktion
Hjemmeside
–
Branding
–
Meiogenix
See case
Ny hjemmeside og visuel identitet til et førende UX-researchbureau
Hjemmeside
–
Branding
–
Loop UX
See case
Ét samlet digitalt udtryk til et globalt life science-konsulenthus
Hjemmeside
–
Branding
–
Epista
See case
Al viden om universelt design samlet ét sted
Hjemmeside
–
AI og agenter
–
Bevica Fonden
See case
Fra forskningslaboratorium til blomstrende forretning
Hjemmeside
–
Traitomic
See case
Nem adgang til sundhedstilbud hos verdens største rederi
Hjemmeside
–
Maersk
See case
Webshoppen, der gav Experimental Brews 614% flere abonnenter
Hjemmeside
–
Vækst og strategi
–
Carlsberg
See case
Et digitalt testamente giver 150.000 medlemmer økonomisk tryghed
Hjemmeside
–
Akademikerpension
See case
Solcarporte, du kan udforske i 3D
Hjemmeside
–
Energy Ports
See case
Fra kompleksitet til enkelhed
Hjemmeside
–
Disruptive Technologies
See case
Fra et stift CMS til en fleksibel marketingplatform
Hjemmeside
–
Arkyn
See case
En hjemmeside, der viser menneskene bag hver chat
Hjemmeside
–
Weply
See case
En gennemført Webflow-hjemmeside med avancerede interaktioner
Hjemmeside
–
Branding
–
Keelvar
See case
En brandidentitet, der gør det komplekse klart
Branding
–
Black Shade
See case
En luksuriøs brandidentitet til en historisk bygning
Hjemmeside
–
Branding
–
Otto Mønsteds Plads
See case
Sådan fik Veo fart og kontrol med Webflow Enterprise
Hjemmeside
–
Vækst og strategi
–
Veo
See case
Ny webshop til Mikkeller, bygget på rigtige brugerdata
Hjemmeside
–
Vækst og strategi
–
Mikkeller
See case
Hjemmeside til den nye udfordrer inden for managementrådgivning
Hjemmeside
–
Unify Partners
See case
Et onlinebibliotek med genetiske egenskaber, der hjælper forskere med at løse verdens fødevareudfordringer
Hjemmeside
–
TraitSource
See case
En pensionskasse skiftede platform, uden at medlemmerne mærkede det
Hjemmeside
–
PBU – Pædagogernes Pension
See case
Forskning og opskrifter, der gør hverdagen med IBD lettere
Hjemmeside
–
Vækst og strategi
–
AI og agenter
–
Nutritional Therapy for IBD
See case
Et redesign, der er til at forstå og til at stole på
Hjemmeside
–
Branding
–
Jewel ML
See case
En opgraderet hjemmeside til et førende innovationsbureau
Hjemmeside
–
Is It A Bird
See case
En stor SaaS-hjemmeside flyttet fra Umbraco til Webflow
Hjemmeside
–
InMobile
See case
Ny hjemmeside til eksperterne i ledelse og læring
Hjemmeside
–
Feedwork
See case
En ny hjemmeside, der kan vokse med Factbird
Hjemmeside
–
Vækst og strategi
–
Factbird
See case
Fra regneark til en af Europas største opkøbere af elbiler
Hjemmeside
–
AI og agenter
–
EV-Remarketing
See case
En hjemmeside med kurs mod succes
Hjemmeside
–
Copenhagen Shipping Company
See case
En ny hjemmeside, så Bergiafonden kan støtte bedre projekter
Hjemmeside
–
Bergiafonden
See case
En moderne Webflow-hjemmeside til en global SaaS-virksomhed
Hjemmeside
–
Atmire
See case
En legende hjemmeside til ét hus med tre enheder
Hjemmeside
–
PSV
See case
Pinpoints bedste nyansættelse
Hjemmeside
–
Pinpoint
See case
Barens energi på en moderne hjemmeside
Hjemmeside
–
Taphouse
See case