JobRewards · Digitale strategie

Van kernwaarden op papier naar gedrag

Positionering, merk en de site voor een HR-platform dat gewenst gedrag beloont.

De homepage van JobRewards met de kop Beloon gedrag. Versterk cultuur. Verbeter resultaten. en rechts een juichende jongen op een zitzak met een puntenteller van 625, een felicitatie voor een jubileum en een koptelefoon als beloning.

Door Alexander Kaan, product designer · bijgewerkt september 2026

Opdrachtgever
JobRewards
Product
JobRewards
Route
Nieuw product lanceren
Onderwerp
Merk en identiteitInterface ontwerp
Platform
Web
Jaar
2024

JobRewards is een platform waarmee organisaties hun medewerkers waarderen en belonen. Samen met Julien Lacunes van Firstmile gaven we het een verhaal dat niet over punten en cadeaus gaat maar over gedrag: Beloon gedrag. Versterk cultuur. Verbeter resultaten. Het platform zelf is een bestaand whitelabelproduct; de positionering, het merk en de site eromheen maakten wij.

Gebouwd met
  • Positionering
  • Naamgeving
  • Merk
  • Figma
  • WordPress
  • TranslatePress

In het kort

stappen in het mechanisme
4
talen: Nederlands en Engels
2
pagina's voor een doelgroep: uitzendbureaus en salesteams
2
soorten momenten om te belonen
4

Wat er lag

Elk bedrijf heeft kernwaarden, en bijna overal hangen ze aan de muur en blijft het daarbij. JobRewards wilde medewerkers waarderen en belonen, maar een platform met punten en cadeaus klinkt al snel als een personeelsshop. De vraag was waar JobRewards eigenlijk voor staat. Het antwoord moest een HR-directeur in één zin herkennen.

Drie details die het verschil maken

Het product in vijf schermen

  • De Engelse homepage van JobRewards met de kop Reward behavior. Strengthen culture. Improve results., de knop Schedule a conversation en rechts de juichende jongen op een zitzak met een puntenteller van 625, en daaronder het begin van het blok The problem.
    De homepage in het Engels: dezelfde belofte in drie zinnen.
  • Het blok Verschillende manieren om te belonen op de pagina Use cases: vier kaarten met een oranje icoon, HR Milestones, Kalender Events, Persoonlijke momenten en Bedrijfsevents, elk met een korte uitleg.
    Vier soorten momenten om te belonen, van een promotie tot een fusie.
  • De pagina Pakketten van JobRewards: drie kolommen, Basic, Premium en Enterprise, elk met een oranje icoon, een korte zin voor wie het is en een lijst met wat erin zit.
    Drie pakketten, elk met een zin voor wie het is en daaronder alles uit het vorige plus wat erbij komt.
  • Het paarse blok Klaar om gewenst gedrag te laten groeien? met de knop Plan een gesprek, en daaronder de voet van jobrewards.io met het woordmerk, een korte omschrijving, het adres in Tilburg en de contactgegevens.
    De afsluiting van de homepage: dezelfde vraag staat onder de meeste pagina's.
  • De contactpagina van JobRewards: links de kop Kennismaken? met uitleg over een online kennismaking van 30 minuten en een knop Plan een call, rechts een contactformulier met naam, bedrijfsnaam, mailadres, telefoonnummer en een bericht.
    Kennismaken: een call van dertig minuten of een bericht, allebei op één pagina.

Hoe het is gemaakt

Wat we deden

We begonnen niet bij het platform maar bij het probleem van de klant van JobRewards: iedere organisatie weet welk gedrag belangrijk is, maar wat aandacht krijgt wordt niet vanzelf dagelijks gedrag. Daar kwam de belofte uit, in drie korte zinnen, en de lijn van kernwaarden op papier naar gedrag op de werkvloer.

Het platform zelf, de app en de webshop met beloningen, is een whitelabel van een andere partij. Dat bouwden wij niet en dat zeggen we ook niet. Wat we wel maakten, samen met Julien Lacunes van Firstmile: de positionering, het merk en de site die het verhaal vertelt, in het Nederlands en het Engels.

De naam en het teken

Voordat er een logo was, deden we een naamgevingstraject. Daarna het woordmerk. We probeerden een J met een vonk als appicoon in drie kleuren, een variant met een pay-off, een zwarte en een oranje versie. Wat overbleef is de simpelste: het woord in paars, met de R als hoofdletter en één oranje vonk erboven.

Zes kaarten op crème: vijf verkenningen van het woordmerk Jobrewards, in donkerblauw met de regel a token of appreciation, in zwart, met een oranje J-icoon, in paars met een vonk, en drie ronde appicoontjes met een J en een vonk in oranje, paars en groen, en als zesde het definitieve woordmerk JobRewards in paars met een oranje vonk.
De verkenningen uit het ontwerpbestand, en rechtsonder het woordmerk dat het werd.

Het merk

Het merk is licht en warm: een crème ondergrond in plaats van wit, paars als hoofdkleur en daarnaast oranje, groen, geel en roze. Het palet staat in een kleine stijlgids in het ontwerpbestand, zodat de site, de sociale kanalen en de mails uit dezelfde kleuren komen.

De vonk uit het woordmerk is ook het favicon. Eén vorm die je herkent, ook op zestien pixels in een tabblad.

De merkplaat van JobRewards op crème: bovenaan het woordmerk JobRewards in paars met een oranje vonk, daaronder links de oranje vonk los op een lichtgrijs vlak en rechts zeven kleurvlakken met hun hexcode: paars 5F60D4, oranje FE5D36, groen 50B070, geel FEBD50, roze F52F70, zwart en crème FEF4EA.
Het woordmerk, de vonk als favicon en het palet op de crème ondergrond.

Het systeem

Onder de belofte ligt een mechanisme in vier stappen: bepaal wat telt, maak het zichtbaar, waardeer het direct, herhaal wat werkt. Daarna volgen de blokken erkennen, belonen en samen vieren, zodat een bezoeker niet een lijst functies leest maar een manier van werken.

Zo kan het platform groeien zonder dat het verhaal verandert: een nieuwe functie of een nieuw soort beloning past in een stap die er al staat.

Het blok Zo verandert gedrag op de site van JobRewards: vier genummerde kaarten naast elkaar, Bepaal wat telt, Maak het zichtbaar, Waardeer het direct en Herhaal wat werkt, met daaronder de zin JobRewards maakt van gewenst gedrag een dagelijkse gewoonte.
Het mechanisme in vier stappen: de ruggengraat onder elke pagina.

Een pagina per lezer

Een uitzendbureau en een salesteam willen allebei belonen, maar om een andere reden. Daarom kregen ze elk een eigen pagina met een eigen kop: Werven is pas het begin. Waardering zorgt dat ze blijven. en Een beter presterend salesteam? Waardering maakt het verschil.

Beide pagina's lopen dezelfde weg: de uitdaging in de woorden van die lezer, wat dat oplevert, hoe waardering helpt, en onderaan de vragen die juist hij stelt. Een salesmanager vraagt of het werkt voor een callcenter, een uitzendbureau of het ook werkt voor flexkrachten die maar kort blijven. Boven elke kop staat, net als op de rest van de site, een oranje label, zodat je de pagina scant als een verhaal.

De pagina voor salesteams op jobrewards.io: een oranje label Salesteam, de kop Een beter presterend salesteam? Waardering maakt het verschil., een korte alinea, een handgeschreven regel met een rode pijl naar de oranje knop Plan vandaag nog een vrijblijvend gesprek, en rechts een man die juicht achter een laptop met een puntenteller van 600 en een koptelefoon als beloning.
De pagina voor salesteams: zelfde vorm, eigen kop en eigen reden om te belonen.

Wat we eruit hebben geleerd

  1. 01

    Bij een whitelabelproduct zit het verschil niet in de software, want die heeft de concurrent ook. Het zit in waar je voor staat. Een platform voor beloningen verkoop je niet met de beloningen maar met het gedrag dat je ermee wilt zien.

  2. 02

    Een belofte kan later nog scherper. De derde versie van de site opende met Laat je personeel zien hoeveel je ze waardeert!, een zin over de werkgever. Nu opent hij met het gedrag, en volgt de homepage daaruit: eerst het probleem, dan de oplossing, dan het mechanisme.

  3. 03

    Schrijf per lezer. Een uitzendbureau en een salesteam willen allebei belonen, maar om een andere reden. Een eigen pagina met hun eigen kop en hun eigen vragen zegt meer dan een lijst functies voor iedereen.

Letters en kleuren

Letters
Merk
SpoofIn de verkenningen van het woordmerk en de koppen in de ontwerpen; het woordmerk zelf is een tekening.
Site
Inter400, 500 en 600 voor koppen, tekst en knoppen op jobrewards.io.
Kleuren
  • Paars
    #5F60D4
    het woordmerk en de hoofdkleur
  • Oranje
    #FE5D36
    de vonk
  • Groen
    #50B070
  • Geel
    #FEBD50
  • Roze
    #F52F70
  • Crème
    #FEF4EA
    de ondergrond van het merk
  • Uit de Mini Style Guide en de merkpagina in het Figma-bestand van JobRewards, 30 sep 2026.

Waar het van gemaakt is

  • Positionering
    • Belofte in drie zinnen
    • Probleem, oplossing, mechanisme
    • Naamgeving

    Eerst het verhaal, samen met Julien Lacunes van Firstmile; de naam en het woordmerk volgden daaruit.

  • Merk
    • Figma
    • Woordmerk met vonk
    • Stijlgids
    • Spoof en Inter

    Een kleine stijlgids in het ontwerpbestand, zodat de site, de sociale kanalen en de mails uit dezelfde kleuren komen.

  • Site
    • WordPress
    • Salient met een eigen childthema
    • WPBakery

    Pagina's in blokken met steeds dezelfde opbouw: een oranje label, een kop, een korte alinea en een beeld.

  • Talen en formulieren
    • TranslatePress
    • Nederlands en Engels
    • MailerLite

    Elke pagina heeft een Engelse tegenhanger onder /en/. De whitepaper vraagt om een naam en een mailadres en loopt via MailerLite.

Voor wie verder wil lezen

Onder de motorkap

De site draait op WordPress, met het thema Salient, een eigen childthema en WPBakery voor de blokken.

De site draait op WordPress, met het thema Salient, een eigen childthema en WPBakery voor de blokken. De letter op de site is Inter, in drie gewichten via Google Fonts; Spoof bleef in het merk en de ontwerpen.

Twee talen regelt TranslatePress: elke pagina heeft een Engelse tegenhanger, van Platform tot Pakketten, en de taalkiezer staat rechtsonder. De whitepaper over de businesscase van waardering komt als popup en vraagt alleen een naam en een mailadres.

Wat niet van ons is, staat er ook: het platform met de app en de webshop is een whitelabel van een andere partij. Op de site heet het gewoon JobRewards, en in deze case beschrijven we alleen het verhaal en het merk eromheen.

Waar het nu staat

De site staat live op jobrewards.io, in het Nederlands en het Engels, met pagina's over het platform, de HR-doelen, de beloningen, de voordelen, de pakketten en de use cases, twee pagina's voor een doelgroep en een blog.

De site staat live op jobrewards.io, in het Nederlands en het Engels, met pagina's over het platform, de HR-doelen, de beloningen, de voordelen, de pakketten en de use cases, twee pagina's voor een doelgroep en een blog.

Na de oplevering heeft JobRewards de site in eigen beheer verder ontwikkeld. Het grootste deel, zo'n negen tiende, is nog de site die wij maakten.

In het ontwerpbestand staat de derde versie van de site, van maart 2025. Die opende nog met Laat je personeel zien hoeveel je ze waardeert! en een knop Boek een demo. Nu opent de site met de belofte, Beloon gedrag. Versterk cultuur. Verbeter resultaten., en heet de knop Plan een gesprek.

Heeft Ideelab het platform van JobRewards gebouwd?

Nee. De app en de webshop met beloningen zijn een whitelabel van een andere partij. Wij maakten de positionering, het merk en de site, samen met Julien Lacunes van Firstmile.

Wat is de belofte van JobRewards?

Beloon gedrag. Versterk cultuur. Verbeter resultaten. Met als lijn: van kernwaarden op papier naar gedrag op de werkvloer.

In welke talen staat de site?

In het Nederlands en het Engels. Elke pagina heeft een Engelse tegenhanger onder /en/, via TranslatePress.

Waar komt de oranje vonk vandaan?

Uit het woordmerk: het woord in paars met de R als hoofdletter en één oranje vonk erboven. Dezelfde vonk is het favicon.

Waarom hebben uitzendbureaus en salesteams een eigen pagina?

Omdat ze om een andere reden belonen: een uitzendbureau wil dat mensen blijven, een salesteam wil beter presteren. Elk kreeg een pagina met een eigen kop.

Wat we hier deden

Lees ook

De oprichter van een filmstudio voor de ledwand met een zonsondergang, een laptop onder zijn arm.

Een halfuur gratis sparren over jouw digitale idee?

Waar loop jij tegenaan in je bedrijf? Wat kan beter? Wat kan sneller? Wat gaat nog met de hand en moet nodig geautomatiseerd worden?

  • Een halfuur sparren over jouw idee, gratis
  • Je weet direct welke route het is, hoeveel weken, en wat het kost
  • Ruwe inschatting over de prijs en het aantal weken
Wat is jouw idee?

„Een browsertool zoals Figma, maar dan om samen muziek te maken.”

Muzieklabel, Hilversum

Alexander Kaan, zwart-witfoto.

Vertel me je probleem, je geniale idee of stel gewoon wat vragen!

Alexander Kaan, product designer

Mogen we met cookies meten hoe je deze site gebruikt? Meer