Een moderne gebruikersomgeving met een herbruikbare basis.

Kifid


Kifid is hét onafhankelijke klachteninstituut voor financiële dienstverlening. Deskundig, toegankelijk en betrouwbaar voor consumenten, zzp’ers en kleinzakelijke ondernemers. Met bemiddeling of bindende uitspraken helpt Kifid bij het oplossen van geschillen tussen klanten en financiële dienstverleners. Om die rol goed te blijven vervullen, zijn ook hun digitale diensten continu in ontwikkeling.


Sqits werd gevraagd om bij te dragen aan de vernieuwing van hun online omgeving — met een heldere opdracht: bouw een moderne, toegankelijke frontend voor mijn.kifid.nl, en ontwikkel tegelijkertijd een component library die als fundament kan dienen voor toekomstige applicaties.

De uitdaging.

Kifid wilde haar gebruikersomgeving vernieuwen. De bestaande applicatie voor het indienen van klachten voldeed niet meer aan de hedendaagse verwachtingen op het gebied van gebruiksgemak, snelheid en schaalbaarheid.


De backend-architectuur en API’s werden door Kifid zelf ontwikkeld. De frontend — het gezicht richting gebruikers — mocht Sqits verzorgen. Daarbij was er een duidelijke wens: lever niet alleen een frontend voor het huidige systeem, maar ook een herbruikbare design- en componentbibliotheek waarmee Kifid haar IT-landschap verder kan moderniseren.

Concrete wensen, duidelijke richting.

In samenwerking met Kifid hebben we de wensen vertaald naar duidelijke user stories en ontwerpprincipes. Een greep uit de belangrijkste uitgangspunten, voor zowel gebruikers als de ontwikkelaars en designers van Kifid:


  • Als gebruiker wil ik een nieuw dossier kunnen starten voor mijn klacht, zodat ik Kifid kan vragen om te bemiddelen.
  • Als gebruiker wil ik mijn dossiers kunnen inzien, zodat ik altijd overzicht heb over mijn klachtprocessen.
  • Als gebruiker wil ik documenten kunnen uploaden via mijn dossier, zodat ik alle benodigde stukken kan aanleveren.
  • Als ontwikkelaar binnen Kifid wil ik gebruik kunnen maken van herbruikbare UI-componenten in Nuxt, zodat ik consistent en efficiënt kan bouwen aan andere applicaties.
  • Als designer wil ik dat de component library aansluit op de nieuwe visuele stijl van Kifid, zodat we overal dezelfde herkenbare uitstraling hanteren.

Zo hebben we het opgelost.

Sqits heeft de volledige frontend van mijn.kifid.nl gebouwd met het Nuxt-framework, op basis van de door Kifid geleverde API. Daarbij is gekozen voor een modulaire opzet, zodat de verschillende onderdelen van de gebruikersomgeving eenvoudig herbruikbaar en onderhoudbaar blijven.


Naast de applicatie zelf ontwikkelden we een uitgebreide component library. Alle herbruikbare elementen — denk aan knoppen, formulieren, tabellen, navigatie en meldingen — zijn gestyled volgens de nieuwe huisstijl van Kifid en gedocumenteerd voor intern gebruik. Hierdoor kunnen de interne teams van Kifid met dezelfde consistentie en snelheid ook andere onderdelen van hun IT-landschap moderniseren.

Slimme keuzes onder de motorkap.

We lichten graag een aantal onderdelen uit die we voor Kifid hebben gerealiseerd:


  • Een moderne Nuxt/Vue.js-frontend die naadloos integreert met de bestaande Kifid API’s.
  • Een herbruikbare component library in Storybook, voorzien van documentatie en voorbeeldimplementaties.
  • Een schaalbare en onderhoudsvriendelijke architectuur, klaar voor doorontwikkeling door Kifid zelf of externe teams.
  • Vanwege de gevoelige informatie in de mijn.kifid.nl-omgeving staat beveiliging hoog in het vaandel. We hebben diverse maatregelen getroffen, waaronder bescherming tegen CORS en XSS, gebruik van request size- en rate-limiters, en het instellen van CSP-headers.

De technische basis.

Voor dit project is gekozen voor moderne frontendtechnologieën die bijdragen aan snelheid, betrouwbaarheid en toekomstbestendigheid:


  • Nuxt 3 (frontend)
  • Storybook (component library)
  • TypeScript (consistentie & betrouwbaarheid)
  • Nuxt Security (voor de beveiliging)

Het resultaat.

Met een modern portaal en een solide componentbibliotheek heeft Kifid nu niet alleen een gebruiksvriendelijke online omgeving voor haar klanten, maar ook een toekomstbestendige basis om op door te bouwen.

Door heldere samenwerking, technische diepgang en een sterke focus op gebruiksgemak hebben we samen met Kifid een stap gezet naar digitale dienstverlening die past bij hun maatschappelijke rol.

Software zonder zorgen. Voor Kifid, én voor iedereen die daar op rekent.

INHOUDSOPGAVE