200+ keer beoordeeld, gemiddeld starstarstarstarstar sterren

Een scherpe, gestructureerde interface voor moderne recruiters

Industrie:

Recruitment & HR

Tijdlijn:

3 weken

Impact:

+71% meer sollicitaties in de eerste 6 maanden

Overview of mobile and tablet final polished UI designs for Kamatz recruitment platform

Inleiding

Kamatz kwam bij ons met wireframes en een visie, ze hadden alleen iemand nodig die het visueel tot leven bracht. Dit project draaide om het UX-ontwerp recruitment platform voor HR-tech bedrijven, waarbij de opbouw en logica al vastlagen, maar de uitstraling nog niet. Daar kwamen wij in beeld. Van structuur naar sfeer leverden we een designoplossing inclusief productieklare frontend recruitment, zodat de gebruikerservaring van begin tot eind klopte. Zo pakte Studio Ubique het UX/UI-ontwerp voor Kamatz aan.

De uitdaging

Als de structuur je vasthoudt, hoe maak je het dan toch mooi?

Kamatz had hun recruitment-concept volledig uitgedacht: doordachte Figma-wireframes, heldere content en interne developers klaar om te bouwen. Wat ze niet hadden, was een UX-ontwerp voor een recruitment platform dat hun taal sprak: zakelijk, scherp en overduidelijk geen generieke SaaS. Ze wilden de kwaliteit van een Parijse creatieve studio, maar hadden productieklare frontendbestanden nodig, clean, functioneel en responsief, opgeleverd in recordtijd.

De echte beperking: geen vrijheid om de structuur te herinrichten. We moesten 1:1 aan hun contentindeling vasthouden. Kortom: geen smoesjes, gewoon goed werk.

Polished UI mock-up with professional color palette and clear visual hierarchy for Kamatz
Mobile mock-up featuring subtle GSAP-powered scroll animations in the Kamatz interface

Het verhaal

Stel je een perfect ingerichte woning voor, maar alles is grijswaarden. Zo zag de situatie van Kamatz eruit.

Ze hadden hun huiswerk al gedaan: indeling, boodschap, CTA-plaatsing, alles op orde. Maar er was geen leven in. Geen emotie, geen visuele hiërarchie, geen subtiele animatie om de gebruiker te begeleiden. We herkennen dit: alle botten, geen charme.

Dus deden we wat we het beste kunnen. We pakten hun grijze blauwdruk en injecteerden er toon, ritme en flow in. We ontwierpen een strakke, minimalistische interface die toch rijk en dynamisch aanvoelt, het soort dat vertrouwen opbouwt voordat gebruikers ook maar een scroll hebben gedaan. Aandacht voor detail maakt het verschil, zeker bij het UX-ontwerp van een recruitment platform voor HR-tech bedrijven.

Hun interne development-team? Klaar en wachtend. Dus leverden we niet alleen mooie schermen op. We leverden productieklare frontend recruitment-bestanden, goed georganiseerde HTML/CSS, compleet met mobiele versies en subtiele GSAP-animaties. Het resultaat: een responsief UI-ontwerp dat exact aansloot op het pixelraster dat ze ons gaven.

Responsive tablet and mobile mock-ups of the final Kamatz recruitment platform interface
Responsive tablet and mobile mock-ups of the final Kamatz recruitment platform interface

De aanpak

Wat we deden, recht voor z’n raap:

1. Visueel onderzoek en stijlafstemming

We startten met referenties van de klant (shoutout naar Riveal.fr). Strakke lijnen, volle visuals, zachte overgangen. We bouwden een designfundament op elegantie en flow, terwijl we hun vaste contentblokken respecteerden.

2. UX/UI-ontwerp in Adobe XD

De structuur kwam uit hun Figma-wireframes. We leverden de visuals in Adobe XD, volledig responsief voor desktop en mobiel. Geen fratsen, gewoon slimme UI-keuzes: duidelijke typografie, ademruimte, goed contrast en componenten die converteren. Dit was de kern van het UX-ontwerp voor het Kamatz recruitment platform.

3. Frontend-ontwikkeling

Geen backend in onze scope, alleen strakke, productieklare frontend:

  • HTML5
  • SCSS (modulair en gestructureerd)
  • GSAP voor subtiele scrolleffecten


Elke regel code was clean en integreerbaar in hun systeem, met GSAP-geanimeerde UX-interacties die de bruikbaarheid van het SaaS-platform versterken.

4. Asset-oplevering en dev-handoff

We leverden op:

  • Een geordend pakket bronbestanden
  • Geëxporteerde, geoptimaliseerde SVG’s en webklare afbeeldingen
  • Een volledig responsief ontwerpsysteem met hover- en active-states
  • Codefolders voorbereid voor handoff (en gewaardeerd door de developers)
Mobile mock-up featuring subtle GSAP-powered scroll animations in the Kamatz interface
Desktop mock-up of production-ready HTML/CSS files handed off to developers

Wat we gebruikten

  • Ontwerp: Adobe XD voor het UX-ontwerp van het Kamatz recruitment platform
  • Frontend: HTML5, SCSS/CSS3
  • Animaties: GSAP voor UI-overgangen en geanimeerde UX-interacties voor het SaaS-platform
  • Basis: Door de klant aangeleverde Figma-wireframes en content in het Frans en Engels
  • Huisstijl: Strikt gevolgd conform de visuele richtlijnen van Kamatz (kleurpalet, logo-uitlijning, typografie)

Het resultaat

  • Een volledig responsieve, direct te integreren productieklare frontend recruitment
  • Een ontwerp dat Kamatz visueel positioneert als een premium talentplatform
  • Het interne development-team kon alles soepel integreren zonder ontwerpgaten
  • Een UI die eindelijk aansloot op de slimme UX eronder


Kortom: we leverden een hoogwaardig UX-ontwerp voor een recruitment platform, compleet met productieklare Adobe XD-frontend. We gaven het skelet glans, en wat spiermassa.

Exported, optimized SVGs and web-ready image assets organized for developer integration
Responsive tablet and mobile mock-ups of the final Kamatz recruitment platform interface

Wireframes al klaar, maar het ontwerp nog niet?

Laten we praten. Plan een videogesprek van 30 minuten en we laten je zien hoe we een UX-ontwerp voor een recruitment platform bouwen dat wireframes en bulletpoints omzet naar merkwaardige uitstraling. Of het nu gaat om een responsief UI-ontwerp of productieklare frontend recruitment met GSAP-animaties, wij brengen jouw visie tot leven.

Hand met een keramische koffiemok op een houten bureau in een Zwols industrieel kantoor, zacht daglicht
Collega loopt door een gang met sterke bewegingsblur in een Zwols industrieel kantoor
Twee collega's staan even stil in een zwartomrande deuropening voor een kort gesprek in een industrieel kantoor Twee collega's lachen tijdens een koffiemoment in de keuken van het Zwolse industriële kantoor
Drie collega's in een gang van een industrieel kantoor, één loopt voorbij met sterke bewegingsblur Collega kijkt in zijprofiel uit een hoog industrieel raam, zacht daglicht op haar gezicht
Collega werkt aan een houten bureau met haar rug naar de camera, grote plant wazig in voorgrond
Schuin van bovenaf van twee paar handen op een houten bureau met koffiemok en MacBook in een Zwols industrieel kantoor

Laten we van je volgende
project een succesverhaal maken!

Vraag een voorstel aan

Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren doorgaans binnen 24 uur.

    Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.

    Plan een call

    //