Projet démonstratif
José Gomes — Avocat
Démonstration de page d'atterrissage pour un avocat : une page unique, sobre et typographique, avec une carte de visite animée en CSS 3D, un formulaire de contact protégé et aucune requête tierce.
- Statut
- Projet démonstratif
- Secteur
- Profession juridique — cabinet d'avocat
- Année
- 2026
- En ligne
- jose-gomes-avocat.vercel.app
Projet démonstratif. Concept démonstratif indépendant — non affilié à l'entreprise. Maquette de présentation conçue par Roman Gomes, sans commande ni partenariat : Le cabinet de José Gomes n'est pas présenté ici comme une référence client.
Fig. A — Bureau, 1440 × 900Fig. B — Mobile, 390 × 844
01Point de départ
Le problème
Le site d'un avocat doit inspirer confiance en quelques secondes, dans un cadre déontologique strict : pas de promesse, pas de superlatif, des informations exactes. La sobriété n'est pas une option, c'est la règle du métier.
02Cap
L’objectif
Une page unique qui présente les domaines d'activité, l'approche et la prise de rendez-vous, en reprenant le logo existant du cabinet, avec une exigence forte sur la confidentialité et la légèreté technique.
03Ce que j’ai construit
La solution
Une « carte de visite » en CSS 3D dans le premier écran : ni WebGL ni canvas, aucune dépendance d'animation.
Des mouvements au défilement en CSS natif (animation-timeline), neutralisés si l'utilisateur préfère réduire les animations.
Un formulaire de contact protégé : validation Zod, champ leurre et délai minimal, contrôle d'origine, limite de débit, accusé de réception. Sans configuration d'envoi, il passe en mode démonstration et l'indique clairement.
Aucune requête tierce, aucun cookie ; polices et logo auto-hébergés, logo vectorisé à partir du fichier public existant.
Chaque information publiée est tracée : un document de vérification liste les sources et le statut de chaque donnée. Ce qui n'est pas confirmé n'est pas publié.
Des données structurées et une check-list de mise en production couvrant déontologie, RGPD et référencement local.
04Fiche technique
Technologies
- Next.js 16
- React 19
- TypeScript
- CSS natif (tokens, 3D, animation-timeline)
- Zod
- Vitest
- Playwright + axe
05Ce qui est livré
Le résultat
- Une démonstration en ligne, non indexable tant qu'elle n'est pas passée en production.
- Une page d'atterrissage, deux pages légales et une route API de contact.
- Des tests automatisés présents : unitaires (formulaire) et de bout en bout, avec contrôle d'accessibilité.
- Une documentation de vérification des données et de mise en production livrée avec le code.
Aucun chiffre d’audience ou de ventes ici : une démonstration n’en produit pas. Ce qui compte se vérifie en ouvrant le site.
Voir la démonstration en ligne (nouvel onglet)
Votre projet
Votre projet mérite le même soin.
Décrivez votre activité et votre objectif en quelques lignes. Je reviens vers vous avec une première lecture de votre projet et une proposition claire.