Credit management

Een diafragma als merk: wijd open waar overzicht is, dicht waar risico zit.

B-Focused Services neemt het kredietproces van een bedrijf van kop tot staart door en zorgt dat het geld binnenkomt. Het merkteken is een diafragma met zes lamellen, en datzelfde diafragma werd de achtergrond van de site: het opent naar je cursor toe en gaat dicht naarmate het verder weg staat. Scherpstellen, zichtbaar gemaakt.

Klant
B-Focused Services
Jaar
2026
Werk
Merk & identiteit · Webdesign · Bouw · Copy
Live
b-focused.services ↗

Wat er onder de motorkap zit

  • Vindbaarheid
  • JSON-LD ProfessionalService
  • FAQPage-schema
  • hasOfferCatalog · vijf diensten
  • sitemap.xml
  • robots.txt
  • Canonical
  • Meta description
  • Open Graph
  • Twitter summary large image
  • Locale nl-BE
  • Techniek
  • Canvas 2D
  • Nul afhankelijkheden
  • Statische HTML
  • Geen CMS, geen build-stap
  • srcset
  • loading=lazy
  • SVG-favicon
  • Eén formule voor merk én veld
  • Toegankelijk
  • Skip-link naar de inhoud
  • Semantische nav · main · footer
  • aria-labels
  • prefers-reduced-motion
  • Donker thema met theme-color
  • Contrastrijke tekst op inkt
  • Formulier
  • Honeypot
  • Tijdslot tegen bots
  • PHP-endpoint
  • X-Content-Type-Options: nosniff
  • Onderwerp vooraf gekozen
b-focused.servicesB-Focused Services

De opdracht

Credit management is een vak waar niemand vrolijk van wordt: het gaat over facturen die blijven liggen en over geld dat er wel is maar niet binnenkomt. De sector ziet er online ook naar uit — stockfoto's van handdrukken, blauwe balken, veel woorden over vertrouwen. Bjorn Wittoeck begon met zeventien jaar ervaring in de financiële hoek en had één ding nodig dat er niet was: een merk dat toont wat het werk eigenlijk is.

Het idee

Het werk is scherpstellen. Kijken waar het blijft hangen, en dan pas ingrijpen. Dat is letterlijk wat een diafragma doet: het bepaalt wat scherp staat en wat niet. Het merk werd dus een diafragma met zes lamellen — geen icoontje naast een naam, maar de vorm waar alles uit volgt. De baseline zegt hetzelfde in één zin: uw succes is onze focus.

Het veld

De achtergrond van de site is één canvas vol diafragma's. Ze staan wijd open dicht bij je cursor en wijzen ernaar; verder weg gaan ze dicht, krimpen ze en draaien ze los. Beweegt er niemand, dan dwaalt het scherpstelpunt zelf traag rond, zodat de pagina blijft leven zonder muis. Het brandpunt hangt aan een veer met demping: het schiet door en veert terug, en de lamellen worden een beetje meegesleurd als je snel beweegt.

Waarom het geen plaatje is

Dezelfde formule tekent het merk, het oog in de hero en elk van de honderden irisjes in de achtergrond. Eén bron, drie plaatsen — het logo kan dus nooit uit de pas lopen met de site. Het draait op Canvas 2D zonder één afhankelijkheid, staat stil in een verborgen tabblad, en wie bewegende beelden liever niet heeft krijgt hetzelfde veld stil in beeld.

De site

Eén pagina, donker, met de vijf diensten als kaarten en het order-to-cash-proces als vier stappen. Geen CMS: het is statische HTML met een PHP-formulier eronder, met een honeypot en een tijdslot tegen bots. Dat is genoeg voor een kantoor van één man dat geen redactie heeft en er ook geen wil.

Inkt#0F151C
Vlak#18212C
Accent#3AA5E6
Accent diep#2B86C0
Amber#E0A050
Papier#F0EEE9

Techniek

  • Statische HTML
  • Vanilla JS
  • Canvas 2D
  • PHP (formulier)
  • Google Fonts
  • nginx
De hero: het diafragma als oog, met het veld erachter dat scherpstelt op je cursor.
Vijf diensten als kaarten. Ze werken los van elkaar, dus ze staan ook los van elkaar.
Order to cash in vier stappen: analyse, struikelblokken, aanbeveling, uitvoering.
Eén portret, geen stockfoto. Bij een kantoor van één man is dat het hele bedrijf.
De vragen die toch gesteld worden, op de pagina in plaats van in een eerste mail.
Het formulier vraagt waar het over gaat, zodat het gesprek erna niet meer bij nul begint.

Hoe het werkt

Van openstaande factuur tot binnengekomen geld

De vier stappen die op de site staan, en de reden dat ze in die volgorde staan.

  1. 1
    AnalyseHet kredietproces van kop tot staart doorlopenen vergelijken met wat in de sector gangbaar is
  2. 2
    StruikelblokkenBenoemen waar de doorlooptijd oplooptconcreet, niet in het algemeen
  3. 3
    AanbevelingWat er moet veranderen in proces, voorwaarden en opvolging
  4. Het proces kan meeTools implementeren en de mensen opleiden
    Er is geen volk voorTijdelijke ondersteuning of werving & selectie

Wat er staat

Het resultaat.

  • Een merkteken dat uit dezelfde formule komt als de achtergrond van de site — één bron, geen losse bestanden die uit de pas lopen.
  • Een achtergrond die reageert op de bezoeker, zonder één externe bibliotheek.
  • Eén pagina die de vijf diensten, het proces en de veelgestelde vragen draagt.
  • Statische HTML met een PHP-formulier: niets om bij te werken, niets om te updaten.
  • Live op b-focused.services.
Volgende caseiT Infrastructure EventsVier congressen, twee landen, één beheerskant.Bekijk

Zoiets voor jou?

Vraag een offerte Meer werk