Credit management
An aperture as a brand: wide open where there is oversight, closed where there is risk.
B-Focused Services goes through a company's credit process from end to end and makes sure the money comes in. The mark is a six-blade aperture, and the same aperture became the background of the site: it opens towards your cursor and closes as it moves away. Focus, made visible.
Under the hood
- Findability
- JSON-LD ProfessionalService
- FAQPage schema
- hasOfferCatalog · five services
- sitemap.xml
- robots.txt
- Canonical
- Meta description
- Open Graph
- Twitter summary large image
- Locale nl-BE
- Engineering
- Canvas 2D
- Zero dependencies
- Static HTML
- No CMS, no build step
- srcset
- loading=lazy
- SVG favicon
- One formula for mark and field
- Accessible
- Skip link to content
- Semantic nav · main · footer
- aria labels
- prefers-reduced-motion
- Dark theme with theme-color
- High-contrast text on ink
- Form
- Honeypot
- Time lock against bots
- PHP endpoint
- X-Content-Type-Options: nosniff
- Subject picked up front
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.
#0F151C#18212C#3AA5E6#2B86C0#E0A050#F0EEE9Techniek
- Statische HTML
- Vanilla JS
- Canvas 2D
- PHP (formulier)
- Google Fonts
- nginx
How it works
Van openstaande factuur tot binnengekomen geld
De vier stappen die op de site staan, en de reden dat ze in die volgorde staan.
- 1AnalyseHet kredietproces van kop tot staart doorlopenen vergelijken met wat in de sector gangbaar is
- 2StruikelblokkenBenoemen waar de doorlooptijd oplooptconcreet, niet in het algemeen
- 3AanbevelingWat er moet veranderen in proces, voorwaarden en opvolging
- Het proces kan meeTools implementeren en de mensen opleidenEr is geen volk voorTijdelijke ondersteuning of werving & selectie
What stands
The result.
- 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.