Comprendre l’approche avant le détail.
La promesse explique d’abord la méthode, puis les domaines de pratique.
03 / WILEGAL · identité éditoriale & interface
4 min de lectureLa confiance
avant le contact.
Donner à une pratique juridique une présence claire, humaine et un premier contact compréhensible.
Découvrir le prototypeToucher · glisser
Captures réelles du prototype. Ouvrez-les pour voir les pages complètes.
01 / Partir de la personne
Avant de choisir
une couleur,
comprendre une pratique.
Un domaine existait, sans site exploité. L’avocat avait besoin d’une présence claire et fidèle à sa pratique.
J’ai étudié son parcours, ses engagements et ses prises de parole publiques, puis traduit cette matière en contenu, ton et hiérarchie.
La page répond à trois questions : qui vais-je rencontrer, comment travaille-t-il et que se passe-t-il après le premier contact ?
Démarche fondée sur des sources publiques et un échange avec l’avocat, sans campagne d’entretiens utilisateurs.
02 / Donner une forme à la promesse
De la rigueur,
sans distance.
Grands titres à empattements, texte sobre et espaces généreux : la promesse ouvre la page, le portrait incarne la relation et les informations pratiques conduisent à la consultation.
L’encre bleu profond, l’ivoire et le brun doré structurent la lecture. L’accent signale les mots clés et les actions sans ajouter de bruit.
Lecture de la direction visuelle
Planche explicative reconstituée à partir du prototypeÉditorial / contraste & respiration
Sans-serif pour les explications et les actions.
Une approche
humaine.
Une stratégie
rigoureuse.
Sans-serif pour les explications et les actions.
Encre profondeSTRUCTURER
Ivoire chaudLAISSER RESPIRER
Brun doréORIENTER
Planche explicative reconstituée ; les captures montrent le rendu exact.
03 / Organiser la découverte
Chaque section
répond à la question
qui vient ensuite.
Rendre la relation concrète.
Le portrait et le parcours donnent un visage à la pratique avant d’expliquer la consultation.
Hiérarchiser aussi sur mobile.
La promesse et l’action précèdent le portrait pour préserver l’essentiel.
« Une première étape
simple et claire. »
Le premier contact fait partie du design
Expliquer la suite,
avant de demander
une histoire.
Le formulaire recueille seulement les coordonnées et le thème général de la demande. Les pièces confidentielles restent exclues.
Trois étapes rendent la suite prévisible : prendre contact, vérifier le cadre, convenir de la suite. L’envoi ouvre une conversation, pas un dossier.
- 01
Prendre contact.
Coordonnées et thème général de la demande.
- 02
Vérifier le cadre.
Vérifications préalables avant de poursuivre l’échange.
- 03
Convenir de la suite.
Prochaines étapes décidées selon le contexte.
Le premier contact ne sert pas au dépôt de documents confidentiels.
04 / Passer de l’intention au prototype
Une expérience
cohérente jusque
dans sa réalisation.
J’ai conçu et développé le site responsive et la route serveur du formulaire, avec validation des données et protections anti-abus.
Le prototype couvre l’accueil, la pratique, le parcours de l’avocat et la prise de contact.
L’avocat l’a consulté ; sa validation finale et son efficacité auprès des futurs clients restent à mesurer.
Le périmètre réalisé
- Recherche et structure du contenu.
- Direction éditoriale et visuelle.
- Site responsive et parcours de consultation.
- Formulaire et traitement serveur.
Les limites assumées
- Pas de gestion de dossiers.
- Aucune pièce confidentielle au premier contact.
- Pas encore de tests utilisateurs formalisés.
- Aucun gain de conversion revendiqué.
Ce que ce projet démontre
Une identité qui
aide à comprendre.
Une recherche transformée en langage, en hiérarchie visuelle et en parcours de contact.
Direction visuelle et décisions d’usage rendent l’information utile et la prochaine étape immédiatement compréhensibles.
Continuer l’exploration / 01Plusieurs mains.
Un fil continu.
Un fil continu.