Actonomy

UI Design, UX Design

Keer terug

Een AI matching plugin vertaald naar een bruikbare recruiter workflow

Actonomy ontwikkelt AI software die geïntegreerd wordt in bestaande ATS en CRM systemen. De plugin helpt recruiters om kandidaten sneller en relevanter te matchen met vacatures op basis van skills, ervaring en data uit meerdere bronnen.

Studio Fox werd ingeschakeld voor zowel product design als UX/UI design om de bestaande interface te herdenken en de complexiteit van het systeem terug te brengen tot een duidelijke, bruikbare flow.

Het bestaande product was technisch sterk maar visueel en structureel verouderd, met overladen schermen en een gebrek aan duidelijke hiërarchie in data en acties.

Imagine & define

Structuur brengen in een AI gedreven matching systeem

We startten met een diepgaande analyse van het product, de gebruikers en de context waarin de plugin gebruikt wordt binnen bestaande HR systemen. Het doel was niet om functies te hertekenen, maar om de logica achter het product begrijpelijk te maken voor recruiters die dagelijks met grote hoeveelheden data werken.

We brachten de volledige gebruikersflow in kaart, van het zoeken naar kandidaten tot het interpreteren van AI matches en het verfijnen van resultaten. Hieruit bleek dat de complexiteit vooral zat in het gebrek aan structuur en prioritering in informatie, eerder dan in de functionaliteit zelf.

Op basis daarvan herdefinieerden we de basisflow naar een duidelijke opbouw: zoeken, verfijnen, interpreteren en selecteren. Dit werd de basis voor wireframes en alle verdere design beslissingen.

Screen 12
Design & build

Gefaseerde zoek en filterervaring als kern van het product en workflow

De interface werd heropgebouwd rond een verbeterde zoekervaring. Gebruikers starten met een eenvoudige zoekopdracht en locatie, waarna resultaten onmiddellijk zichtbaar worden. Dit creëert een directe feedback loop tussen input en resultaat, zonder overbodige tussenstappen. De acties rond zoeken, filteren en navigeren werden opnieuw gestructureerd zodat de gebruiker altijd begrijpt waar hij zich in de flow bevindt.

Van complexe filtering naar een logische gelaagde interactie

De oorspronkelijke filterstructuur was uitgebreid maar moeilijk leesbaar en weinig intuïtief. In de nieuwe opzet werd filtering opgesplitst in duidelijke lagen die stap voor stap meer controle geven. Eerst komen de basisfilters en daarna kan de gebruiker verder verfijnen via meer geavanceerde parameters, waarbij complexere logica pas zichtbaar wordt wanneer die effectief nodig is.

 

Interpretatie van AI matching in plaats van pure data output

De AI matching werd herwerkt zodat resultaten niet enkel als score worden getoond, maar ook begrijpelijk worden in context van skills, ervaring en brondata. Dit verhoogt het vertrouwen in de resultaten en maakt de beslissingen van het systeem transparanter voor recruiters.

Screen 13

Wireframes als structurele ruggengraat van het product

Vooraleer er UI werd uitgewerkt, hebben we uitgebreide wireframes opgebouwd om de volledige structuur van de plug-in te herdenken. Deze fase bracht focus op informatiestructuur, prioriteiten en flow in plaats van visuele details.

De wireframes vormden de basis voor zowel de interface als het latere design system.

 

Een schaalbaar design system in Figma

Parallel met de UI werden componenten en design tokens uitgewerkt in een modulair design system. Dit zorgde ervoor dat het product consistent kon evolueren en dat nieuwe features binnen dezelfde logica opgebouwd worden.

Het systeem omvatte onder andere typografie, kleuren, inputs, filters, tables en herbruikbare layout patronen die rechtstreeks aansluiten op de complexe datastromen binnen het platform.

Screen 10

Use & engage

Een interface die meebeweegt met de recruiter workflow

De nieuwe ervaring is opgebouwd rond het idee dat recruiters niet in één keer alle informatie nodig hebben, maar die stapsgewijs moeten kunnen verkennen. De interface ondersteunt die manier van werken door informatie progressief te ontsluiten.

Transparantie in AI matching en datacontext

Elke match wordt begrijpelijk gemaakt door de onderliggende logica zichtbaar te houden. Recruiters zien niet alleen een score, maar ook hoe die score opgebouwd is en welke data eraan bijdraagt.

 

Snellere interpretatie van complexe datasets

Door de herstructurering van lijsten, filters en detailweergaves wordt het eenvoudiger om snel door grote datasets te navigeren en relevante kandidaten te identificeren zonder cognitieve overload.

Aanpak en resultaat

Een product design traject dat een verouderde plugin omvormt tot een schaalbare UX basis

Het project resulteerde in een hertekende productstructuur, een nieuwe UX flow voor search en filtering, een verbeterde manier om AI matching te interpreteren en een volledig design system in Figma dat verdere productontwikkeling ondersteunt.

De nieuwe ervaring vormt de basis voor een meer consistente en schaalbare evolutie van het Actonomy platform binnen verschillende ATS omgevingen.

Screen 9

Let’s talk!

Klaar voor jouw digitale ervaring?

Contacteer ons
Thalento meta thumbnail

Next case

Thalento

Een vernieuwde kandidaatervaring voor het Thalento assessmentplatform, met een kortere flow, frisse UX/UI en een whitelabel design systeem voor klanten.

Bekijk project