Le Lab / Prototype actifProjet 01 — OK Works Template
Imaginer un site. Avant qu’il existe.
Une collection de démonstrateurs web conçus pour explorer des univers métiers, tester des narrations et montrer immédiatement ce qu’une présence digitale pourrait devenir.
Lorsqu’une entreprise imagine son futur site, elle doit souvent se projeter à partir d’une maquette abstraite, d’un thème générique ou de quelques références.
OK Works Template prend le problème dans l’autre sens : construire une expérience suffisamment crédible pour que l’idée puisse déjà être vécue.
Chaque template devient un terrain d’expérimentation : identité, navigation, photographie, animation, narration, contenus et interactions sont assemblés autour d’un métier précis
— sans reproduire l’entreprise à laquelle il pourrait un jour être proposé.
Le principe
Un template ne doit pas montrer à quoi ressemble un site.
Il doit montrer ce qu’il pourrait faire ressentir.
La méthode
Un métier. Une atmosphère. Un prototype.
Chaque expérimentation part des codes du métier, puis cherche volontairement à aller un peu plus loin que le site attendu.
01
Observer
Comprendre le métier, ses usages, sa clientèle et les codes visuels déjà présents.
02
Déplacer
Sortir des conventions sans perdre la crédibilité attendue par le secteur.
03
Prototyper
Construire une vraie page consultable plutôt qu’une simple image statique.
04
Adapter
Transformer ensuite la base en site unique avec les contenus, photos et contraintes du client.
Expérimentations
Trois univers.
Trois façons de raconter un métier.
Les visuels ci-dessous sont des emplacements temporaires. Remplace-les ensuite par tes captures, mockups ou vidéos réelles des templates.
IMAGE 02 — Remplacer par une capture ou un mockup du template restaurant.
Prototype 01 / Restauration
Une expérience avant le menu.
Un restaurant à l’identité forte ne devait pas être réduit à une succession de plats et de boutons de réservation. Le prototype explore une ambiance néo-gothique inspirée
d’un navire, une navigation plus narrative et une véritable mise en scène du lieu.
ImmersionStorytellingRéservationPhotographie
IMAGE 03 — Remplacer par une capture ou un mockup de l’office notarial.
Prototype 02 / Office notarial
Institutionnel sans être figé.
Une approche contemporaine pour un office jeune : rassurer sur la rigueur du métier tout en donnant davantage de place aux personnes, aux services et à une véritable
section immobilière.
ConfianceImmobilierUXÉditorial
IMAGE 04 — Remplacer par une capture ou un mockup du template garage/carrosserie.
Prototype 03 / Automobile
Montrer le savoir-faire avant le tarif.
Pour un garage/carrossier multimarque indépendant, le prototype replace l’atelier, les réalisations, l’équipe et la transparence au centre de l’expérience, avec une
esthétique plus premium que les sites automobiles traditionnels.
AtelierAvant / AprèsPrise de rendez-vousRéalisations
Ce qui est réellement testé
Pas seulement une direction artistique.
L’intérêt du projet est de tester la manière dont le site fonctionne, se raconte et évolue — avant même de devenir un projet client.
01Hiérarchie, navigation et parcours utilisateur
02Animations CSS et transitions entre les sections
03Emplacements photo, vidéo, carrousel, 360° et avant/après
04Pages métier, services, réalisations et conversion
05Adaptation desktop / mobile avant intégration finale
IMAGE 05 — Idéalement : desktop + mobile + détails d’interactions du même template.
Du prototype au réel
Une base commune.
Jamais le même site.
Une direction
Le prototype sert à valider rapidement une atmosphère, un niveau d’ambition et une façon de raconter l’entreprise.
Une architecture
Les composants validés deviennent une base technique réutilisable : navigation, galeries, cartes, formulaires et modules médias.
Un site unique
Photos, textes, couleurs, fonctionnalités et parcours sont ensuite reconstruits autour de l’entreprise réelle. Le template reste un point de départ, jamais une copie.
OK Works Template
Construire pour voir.
Voir pour mieux décider.
Le Lab n’est pas là pour produire des concepts qui restent dans un dossier. Il sert à rendre les idées suffisamment concrètes pour pouvoir les tester, les montrer et les faire
évoluer.
