SEO
UI
UX
Webflow
Signature de mail
Google Analytics
Gestion des cookies
Couleurs & logos

Pierre Vinot Avocat

Création d'un site web pour le lancement du cabinet d'avocats

SEO
UI
UX
Webflow
Signature de mail
Google Analytics
Gestion des cookies
Couleurs & logos

#01

Le besoin client

Dans le cadre du lancement de son cabinet d'avocat, après plusieurs années de pratique auprès d'un cabinet d'avocat pénalistes réputé, Pierre Vinot, avocat à la cour de Paris, souhaitait se doter d'un site web. 

L'objectif principal identifié de ce site web était d'installer la présence numérique du cabinet, en créant un site vitrine qui permettrait aux visiteurs d'en apprendre plus, mais surtout de trouver le cabinet grâce à un respect des bonnes pratiques SEO. 

Enfin, le client a formulé le souhait de proposer des réponses aux questions qui lui sont le plus souvent posées, pour permettre de se différencier des autres sites d'avocats et d'apporter des réponses concrètes, inspirées de ses années de pratique. 

Page d'accueil du nouveau site Pierre Vinot Avocat
Page d'accueil du nouveau site

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.

#02

Identité de marque

Une fois les objectifs définis, une première phase de conception a été lancée, pour co-construire l'identité du site, mais aussi du cabinet. En partant d'un logo noir et blanc existant, nous avons exploré plusieurs options de couleurs, typographies et mises en page pour créer une identité distinctive. 

Après réflexion, le choix s'est porté sur des polices Slab qui sont en cohérence avec l'activité du client, et une couleur vert profond distinctive, qui permet au cabinet de se différencier dans son environnement concurrentiel. 

Sur cette base, des éléments de marque supplémentaires (carte de visite, signature de mail) ont pu être créés. 

Exemples des choix de couleurs et de typographiques présentés au client
Lors de la phase de conception, les couleurs et typographies sont étudiées dans une optique de cohérence avec l'identité existante, et de respect des règles d'accessibilité

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.

#03

La conception

Une fois l'identité graphique définie, la phase de conception du site a démarré. Une première phase de compréhension des contenus imaginés pour le site et de co-construction de la structure a été enclenchée, pour arriver à une arborescence validée qui mette en avant le cabinet et ses points différenciants. 

Sur la base de cette arborescence, des maquettes UX ont été créées pour s'accorder sur la structure de chacune de pages et générer un copydeck, qui permet au client d'indiquer les textes et images souhaitées pour chaque page. Sur cette base, un échange se crée dans une optique de clarté du contenu et de stratégie SEO pour une réécriture légère de ces contenus. 

Durant cette phase, la question de comment nommer la section dans laquelle Pierre Vinot pourrait répondre aux questions les plus fréquemment posées s'est posée. Après échanges, la décision a été prise pour "Question de droit(s)", comme un titre qui répond aux enjeux de clarté et de saillance recherchés. 

Enfin, sur la base de l'identité graphique et des maquettes UX, des maquettes UI ont été créées pour permettre des échanges sur le look & feel définitif du site. 

Maquette d'une même page en version UX et UI
Exemple de maquettes UX et UI pour la page "Questions de droit(s)"

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.

#04

Contenu & développement

Le site a été developpé sur Webflow, de manière responsive pour s'adapter aux usages des clients de Pierre Vinot. Il a été pensé pour pouvoir évoluer facilement, et pour que le client puisse en faire évoluer le contenu de la manière la plus indépendante possible.

Une fois l'ensemble du site développé, un lien en pré-production a été fourni au client afin de faire les derniers ajustements et valider la mise en ligne.

Capture d'une page du site web de Pierre Vinot Avocat
Un exemple d'une des pages "Domaines d'intervention" du nouveau site

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.

#05

Mise en ligne et satisfaction du client

La mise en ligne a été gérée pour assurer un contrôle du projet de bout en bout, et assurer une satsifaction complète.

Google Analytics a été ajouté au site, afin de permettre une compréhension plus complète de l'utilisation du site et identifier des évolutions possibles. Enfin, un gestionnaire de politiques de cookies a été configuré pour assurer que les enjeux légaux soient respectés. 


Capture d'écran d'une page "Question de droit(s)" du nouveau site
Exemple de maquettes UX et UI pour la page "Questions de droit(s)"

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.

#06

Capture d'une page du site web de Pierre Vinot Avocat
Un exemple d'une des pages "Domaines d'intervention" du nouveau site

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.

#07

Xavier m'a conseillé et accompagné pour la création du site de mon cabinet d'avocat. A l'écoute, rigoureux et de bon conseil, straxy a été un allié précieux pour la construction de mon projet.