Johan Bergandy
Des pages et des sites immersifs pour lancer un produit, ou le faire comprendre.
Je cadre le projet, puis je le construis : récit au défilement, 3D, vidéo, son, interactions.
Le niveau d’une agence, au prix d’un indépendant.
Tarif de lancement pour les 3 premiers clients.
Les demandes arrivent en morceaux. J’en fais des sites qui tiennent debout.
L’entrée
Une boule de lumière à allumer, une vitre à casser pour entrer. Le site est lui-même une démonstration : chaque effet du parcours peut se retrouver dans une page pour votre marque.
La nef
Une nef sombre et cinq vitraux, un par projet, chacun de sa couleur. Chaque vitrail ouvre un projet.
Hylon S
L’hydrogène n’est pas une promesse. C’est une réponse précise.
Concept personnel, 2026. Une berline à hydrogène, et le site qui la rend crédible.
Berline à pile à combustible. Pensée pour la longue distance et le plein en quelques minutes. FCEV, 700 bar, concept 2026.
Une ligne horizontale, d’un seul tenant.
À l’avant comme à l’arrière, le bandeau lumineux reste fin et continu. Pas de dessin agressif, pas d’effet décoratif : la voiture se lit immédiatement.
Architecture FCEV
Moteur, pile, thermique, batterie, réservoirs H2.
Le mouvement reste entièrement électrique.
L’hydrogène alimente la pile. La pile produit l’électricité. Le groupe motopropulseur la transforme en couple aux roues. À aucun moment il n’y a combustion, ni passage de rapports, ni montée en régime thermique.
Kadris
De la demande floue au brief clair.
Transformez une demande floue en brief clair. Clarifiez une demande floue, repérez les points à corriger et repartez avec un brief prêt à transmettre.
Demande de départ : page de lancement, annonces sponsorisées, CRM. Qui valide ? Budget encore flou.
Les signaux dispersés deviennent un cadre partagé, priorisé et actionnable.
- Objectif. Ce que le projet doit produire, pas seulement son allure.
- Audience. Pour qui l’on parle, même si l’hypothèse reste encore à affiner.
- Contraintes. Budget, délais, périmètre mouvant et points non négociables.
- Livrables. Ce qui doit être remis, avec quel niveau de précision attendu.
- Priorités. Ce qu’on arbitre d’abord pour avancer sans dispersion.
- Validations. Qui décide, à quel moment, et ce qui déclenche un go.
Analyse du brief : chaque brief est noté. Global 91, complétude 100, profondeur 100, spécificité 75, cohérence 100, faisabilité 100. Risque faible : le brief est bien structuré et prêt pour la production.
Une application web qui transforme une demande vague en brief structuré et noté, en six étapes guidées. Je l’ai conçue et construite seul, avec l’aide de l’IA (Cursor, Claude). Next.js, TypeScript.
Delabie
On ouvre un robinet sans y penser.
Delabie × Johan. Dessous, rien n’est simple. Des années de précision pour que le geste reste évident.
Un filetage au centième. Pour qu’un geste d’une seconde tienne trente ans.
Un filet. Pas un torrent. Doser, c’est plus dur qu’ouvrir en grand.
Je fais le même métier. Une interface réussie, on ne la remarque pas.
Mille décisions qu’on ne voit pas. Pour qu’un clic ait l’air d’aller de soi.
Vous soignez le geste. Je soigne l’usage. Ce qui est bien fait ne se démode pas.
Un site personnel, écrit et construit autour de Delabie : la précision d’un robinet et celle d’une interface, côte à côte.
DAF XD — showroom digital
Un camion, on en fait le tour.
Février à août 2022 : deux lancements en France, le DAF XD (thermique) et le DAF XB (électrique). Pour le XD, un showroom digital à visiter, pour les concessionnaires, leurs clients et les équipes commerciales.
Mon rôle. J’ai défini ce que le showroom devait être : le parcours, les séquences, la façon de s’y déplacer. J’ai écrit le brief créatif envoyé au prestataire, puis veillé à ce que le résultat reste fidèle à l’idée de départ. Avec trois à cinq interlocuteurs aux Pays-Bas, en Pologne et au Royaume-Uni, et une agence partenaire sur la plupart des productions.
Explorer, pas dérouler.
On se promène librement, comme on fait le tour d’un camion en concession. Un brief qui donne les intentions, pas seulement la liste technique. Des tests qui jugent l’expérience, pas seulement le bon fonctionnement.
Le résultat. Le showroom DAF XD, livré au réseau des concessionnaires en France pour le lancement commercial. Sur la période, plus de 25 supports digitaux, print et vidéo, dans les règles de la marque DAF.
Canal+ — campagne digitale cinéma
Le noir se fait. On regarde.
Campagne digitale cinéma, 2023. En 2023, une campagne digitale autour du cinéma sur CANAL+ et myCANAL, l’application où l’on regarde la chaîne : en direct, en replay, à la demande.
Mon rôle. La planification de la campagne : quoi publier, où, quand, pour qui. Et le suivi des indicateurs, pour corriger en route.
Une image, puis une autre.
Une campagne se lit comme un film : des images dans le bon ordre, au bon rythme. Chaque publication avait sa place et son moment.
Le résultat. Une campagne suivie du premier au dernier jour, avec ses indicateurs : portée, engagement, visites.
L’atelier
Au bout du parcours, les éclats ramassés dans chaque projet reforment le nom. La dernière vitre donne le contact.
Votre projet : johan.be@outlook.fr
Johan Bergandy · Sites immersifs pour les marques
Les offres
Deux offres ouvertes, la troisième arrive bientôt.
Tarif de lancement
Réservé aux trois premiers clients. En échange : le droit de montrer le projet, un témoignage de quelques lignes, et les chiffres de visite trois mois après la mise en ligne.
Offre 01 · La Porte : une page immersive
Une page, un moment : un lancement, une annonce, un événement.
Pour qui : une marque qui lance un produit, une collection ou un événement, et veut qu’on s’en souvienne.
Ce que la page peut contenir. Selon le projet : récit au défilement, 3D, vidéo et son, interactions.
5 semaines · 2 400 € HT. Tarif de lancement : 1 490 € HT.
Offre 02 · La Salle : un showroom digital
Un produit qu’on visite : on en fait le tour, on s’arrête sur ce qui compte.
Pour qui : une marque qui a un produit à montrer, et des clients ou des commerciaux qui doivent le comprendre. Pour un lancement, un salon, un réseau de vente.
Ce que le showroom peut contenir : produit en 3D qu’on fait tourner, vitrines qui s’animent quand on s’arrête devant, parcours libre, vidéo et son.
10 semaines · 4 900 € HT. Tarif de lancement : 2 900 € HT.
Exemple : le showroom DAF XD, dont j’ai conçu le parcours et suivi la production
Offre 03 · La Maison : un site complet
Bientôt.
La main
Les éclats ramassés se regardent de près : le nom du projet sur une face, une image ou une phrase au dos. Un bouton, la touche E ou un clic sur la boule les ouvrent. Chaque projet cache aussi un éclat de plus, à trouver.