VIRIBUS.
Un site pour un cabinet de conseil en expérience client et en performance commerciale, avec un labyrinthe de cuivre animé et un quickscan qui met vos hypothèses à l’épreuve.
- Client
- VIRIBUS (notre société sœur)
- Année
- 2026
- Rôle
- Web design, front-end
- Périmètre
- Site en néerlandais et en anglais, avec un quickscan
- Stack
- HTML · CSS · JavaScript · Three.js
01 / Le problème
Tous les cabinets de conseil promettent de meilleurs résultats. Ce site devait partir de la question qui se cache derrière.
VIRIBUS est notre société sœur au sein du groupe Viribus. Elle renforce les opérations commerciales et clients par le conseil stratégique, le management de transition et le développement des personnes, et s’adresse à des managers qui ont déjà entendu tous les slogans.
Le site s’ouvre donc sur les problèmes qu’ils reconnaissent : une conversion décevante, des contacts clients inutiles, un changement qui ne prend pas. Avant même un premier appel, un quickscan gratuit leur permet de tester leurs propres hypothèses.
02 / Le système
Du cuivre sur papier chaud, une serif à deux voix.
Chaque titre est un duo : la Playfair Display droite, couleur encre, pour l’affirmation, l’italique cuivré pour ce qu’elle permet. L’Inter garde une lecture simple. Le cuivre foncé est réservé à l’action principale, des sections presque noires rythment le papier, et les cartes en verre portent une ombre teintée de cuivre plutôt que de gris.
Couleur
- Paper#F8F7F5
- Ink#1A1814
- Copper#B87333
- Deep copper#8B5423
- Light copper#D4956A
- Blush#F0E0D0
Typographie
- Titrage
- Playfair Display
- Texte
- Inter
Angles
8–24 px
03 / Le développement
Un labyrinthe en 3D, et un scan sans note.
Le labyrinthe de cuivre du logo est dessiné en direct avec Three.js au-dessus d’un champ de points en mouvement, sur un thread séparé pour que la page reste fluide, et il respecte le réglage de réduction des animations. Le site lui-même est écrit à la main en HTML, CSS et JavaScript, avec des polices auto-hébergées. Le quickscan propose huit affirmations, affiche aussitôt son rapport et garde les réponses dans le navigateur, sauf si le visiteur en décide autrement.
04 / Écrans
La page d’accueil, sur ordinateur et sur mobile.
05 / Le résultat
Ce que nous suivons.
VIRIBUS est en ligne : ce sont donc de vraies mesures.
- 01
Conversations lancées
Visiteurs qui demandent une prise de contact via la page dédiée.
- 02
Quickscans terminés
Part des quickscans commencés qui arrivent jusqu’au rapport.
- 03
Chemin vers un service
Visiteurs qui passent de l’accueil à un service adapté à leur problème.
Gratuit · 30 minutes