01 — Index

02 — Index

Web · UX/UI · Graphisme

02 — Projet

01 — Projet

Détails

Aline Macron · avocate

Identité de marque et site pour un cabinet d’affaires qui conseille fondateurs et PME.

Client

Aline Macron, avocate

Rôle

Designer de marque & web, développeur Framer

Année

2025

Compétences

Responsive design

Accessibilité

Design centré utilisateur

Framer

SEO

Direction artistique

Identité visuelle

Illustrator

Positionnement de marque

Rédaction web

Aline Macron dirige un cabinet indépendant de droit des affaires pour les dirigeants de TPE, de PME, les cofondateurs de startups et les équipes juridiques, administratives et RH, en France et à l’international. Elle propose un accompagnement juridique complet au forfait ou sur abonnement. Je suis parti de son positionnement, « un partenaire juridique indéfectible pour les dirigeants », que j’ai décliné en deux directions artistiques : « Le Partenaire stratégique » et « L’Allié de confiance ». À partir de la piste retenue, j’ai conçu son logo, sa charte graphique et ses visuels LinkedIn, puis son site Framer.

Site du cabinet Aline Macron sur ordinateur et mobile

Le défi

Aline lançait son propre cabinet et avait besoin de trois choses. D’abord, une marque qui parle directement à sa cible : entreprises, services RH et fondateurs. Ensuite, un site qui pose sa crédibilité dès la première visite, pour ne pas passer pour une jeune avocate qui débute. Enfin, une prise de contact claire, avec un outil de réservation Calendly intégré au site pour le premier rendez-vous.

Le tout tient sur une seule landing page, pensée pour guider le visiteur de haut en bas et faire de la prise de contact une suite simple et naturelle.

Trois écrans mobiles du site d’Aline Macron

L’identité de marque

Des deux directions artistiques explorées, Aline a retenu « Le Partenaire stratégique », qui a donné le ton de toute l’identité.

Moodboard « Le Partenaire stratégique » pour le cabinet Aline Macron

La palette est à la fois claire et vivante : des blancs cassés pour le calme, des touches de bleu pour la confiance et du rouge pour l’action, utilisé avec parcimonie pour souligner l’essentiel. La typographie repose sur une police moderne, Space Grotesk, qui distingue le cabinet des marques juridiques plus traditionnelles. Le logo est un monogramme qui condense ses initiales en une marque compacte et reconnaissable.

Charte graphique d’Aline Macron : logo, palette de couleurs et typographie Space Grotesk

Asseoir la crédibilité

Chaque section de la page rassure les clients professionnels :

  • des études de cas qui montrent des situations concrètes traitées ;

  • une section d’avis clients, déjà conçue et masquée le temps de réunir ses premiers avis ;

  • une section « À propos » présentant son parcours, ses réseaux professionnels et ses chiffres clés ;

  • une image de marque professionnelle et distinctive, cohérente entre le site et son LinkedIn.

Section À propos du site d’Aline MacronBannière LinkedIn, photo de profil et posts à la une conçus pour Aline Macron

Clarifier chaque étape

La page répond aux questions du visiteur dans l’ordre où elles se posent :

  • trois blocs présentant ses domaines d’expertise ;

  • le parcours client, raconté étape par étape dans un défilement horizontal ;

Section domaines d’intervention du site d’Aline MacronSection méthode du site d’Aline Macron avec les étapes du parcours client
  • une description des clients qu’elle accompagne, pour mieux qualifier les demandes ;

  • des honoraires transparents, classés par catégorie (forfaits et abonnements) ;

Section du site d’Aline Macron présentant les clients du cabinetSection des offres au forfait et sur abonnement du site d’Aline Macron
  • une FAQ qui lève les derniers doutes ;

  • et enfin, la réservation en ligne du premier rendez-vous.

Pensé pour l’autonomie

J’ai construit le site dans Framer pour qu’Aline puisse le gérer facilement, même sans bagage technique :

  • chaque section est un composant, modifiable via des champs et boutons simples, avec toutes les variables utiles exposées ;

  • le contenu dynamique est stocké dans un CMS, modifiable sans toucher au design ;

  • les calques de structure sont verrouillés, pour que les modifications du quotidien ne cassent pas la mise en page.

En fin de projet, je lui ai donné une formation personnalisée aux bases de Framer pour gérer son site et suivre les statistiques natives de Framer.

Le résultat

Le cabinet dispose désormais d’une identité moderne et structurée qui parle aux dirigeants, et d’un site conçu pour transformer les visites en rendez-vous.

Page d'accueil du site L’Avocat Connecté sur ordinateur et mobile, avec la bannière d'accroche « Faites rayonner votre cabinet grâce à une présence web stratégique et distinctive »
Vue sur ordinateur de la section À propos : une solution conçue par un avocat pour les avocats
Affichage mobile de la section « Par ces motifs… » présentant les engagements du studio

L'Avocat Connecté

Positionnement, marque et landing page de mon propre studio web pour avocats.

Stratégie de marque

Framer

SEO

Génération d’images

Identité visuelle

Site web du cabinet d'avocats Aline Macron présenté sur ordinateur et mobile
Section du site web d'Aline Macron présentant les clients du cabinet
Page d'accueil mobile du site web d'Aline Macron

Aline Macron · avocate

Identité de marque et site pour un cabinet d’affaires qui conseille fondateurs et PME.

Stratégie de marque

Framer

Génération d’images

Identité visuelle

Site internet du cabinet d'avocats en droit public de Julie Ramsamy affiché sur ordinateur et mobile
Section du site web de Julie Ramsamy présentant les clients publics et privés
Section « À propos » du site web de Julie Ramsamy sur mobile, avec son portrait

Julie Ramsamy · avocate

Identité de marque et site pour un cabinet de droit public à La Réunion.

Stratégie de marque

Framer

SEO

Génération d’images

Identité visuelle

Site Webflow du cabinet d'avocats Benoît de Lapasse affiché sur ordinateur et mobile
Section de la page d'accueil présentant les cinq domaines d'expertise
Espace client du site web de Benoît de Lapasse sur mobile, avec illustrations gravées

Benoît de Lapasse · avocat

Refonte premium et site Webflow pour un cabinet parisien de contentieux et de médiation.

Stratégie de marque

Webflow

Animation JS

SEO

Génération d’images

Identité visuelle

Claude Code

Site web du cabinet d'avocats d'affaires STC Avocat affiché sur ordinateur et mobile
Section domaines d'expertise : une approche transversale du droit des affaires
Section fondatrice du site STC Avocat sur mobile, avec le portrait de Shérazade Trabelsi Chouli

STC · avocats

Identité de marque et site pour un cabinet d’affaires en Île-de-France.

Stratégie de marque

Framer

SEO

Génération d’images

Identité visuelle

Claude Code

Page d'accueil du site Trésors Grimaud sur ordinateur et mobile, avec la bannière principale « Donnez une seconde vie à vos objets » et des objets anciens
Affichage sur ordinateur de la galerie « Quelques trouvailles », présentant les dernières antiquités dénichées
Vue mobile de la bannière principale de la page Débarras Tours sur le site Trésors Grimaud

Trésors Grimaud

Naming, identité de marque et site pour une entreprise de débarras et brocante à Tours.

Stratégie de marque

Framer

SEO

Génération d’images

Identité visuelle

Page d'accueil du site Le Bonheur en Tablier sur ordinateur et mobile, avec une bannière invitant les visiteurs à coudre leur propre tablier vintage
Vue sur ordinateur de la section « Pourquoi vous allez l'adorer » avec un carrousel de photos de tabliers
Vue mobile de la section « Comment ça marche ? » avec des illustrations de couture à l'aquarelle

Le Bonheur en Tablier

Identité et page de vente pour le patron de tablier d’une créatrice Instagram.

Stratégie de marque

Framer

Génération d’images

Identité visuelle

Résultats de recherche Lightyshare repensés : trois objets en pastilles, regroupés par propriétaire, et un panneau de filtres
Parcours utilisateur d’un vidéaste qui loue du matériel à trois propriétaires différents
Page d’accueil Lightyshare en 2024, avec un champ de recherche limité à un objet à la fois

Lightyshare

Refonte de la recherche pour la première plateforme de location de matériel audiovisuel entre particuliers en France, permettant aux vidéastes de louer une liste complète d'équipements auprès du plus petit nombre de propriétaires possible.

UI design

Design systems

Figma

Recherche UX

Prototypage

Écrans de l’app Museum Companion : accueil personnalisé, audioguide d’une œuvre et chat avec le compagnon IA
Recherche documentaire : ce que les jeunes craignent et ne trouvent pas au musée, et ce qui concurrence leur temps
Page d’exposition Berthe Morisot dans l’app Museum Companion

Museum Companion

Une application mobile qui transforme les visites de musées en une expérience immersive et interactive, avec un compagnon IA qui raconte l'histoire cachée derrière chaque œuvre d'art.

UI design

Figma

Recherche UX

Prototypage

Écrans de l’app Napp : rituel du coucher, histoire du Dragon endormi et questions du matin
Parcours utilisateur de Laura, du retour à la maison à 17 h 30 jusqu’au matin fatigué après une nuit hachée
Sélecteur d’histoires Napp avec des histoires illustrées et leur durée

Napp

Une application de bien-être pour aider les parents de jeunes enfants à instaurer et maintenir des rituels du coucher — pensée pour les parents fatigués qui n'ont pas le temps de tout noter chaque soir.

UI design

Figma

Recherche UX

Prototypage

Génération d’images

Boutique en ligne Martinez : fiche produit et page d’accueil avec l’accroche Unique, Fiable, Artisanal
Joel Martinez, l’ébéniste espagnol à l’origine du projet, avec son logo et une table de chevet
Page boutique du site de meubles Martinez avec des meubles en kit

Carpenter Shop

Une boutique en ligne de meubles en kit abordables conçus par un menuisier espagnol, créée avec un seul objectif : instaurer la confiance lors de l'achat en ligne de pièces artisanales.

UI design

Figma

Recherche UX

Prototypage

App Android Twitch repensée : accueil, page Parcourir et vue du stream en paysage
Vue paysage repensée d’un stream dans l’app Android Twitch
L’écran d’accueil actuel de l’app Android Twitch, avant la refonte

Refonte Twitch

Un défi d'UI le temps d'un week-end pour réimaginer l'application Android de Twitch, afin de rendre la navigation plus vivante et plus claire, et le mode paysage encore plus immersif.

UI design

Figma

Armoiries ecclésiastiques bleu et or, chapeau noir et glands, entourées d’études au crayon, d’essais de couleur, d’un blason familial et d’une version au trait.

Armoiries LM Turpault

Deux armoiries pour un prêtre : un blason familial et une version ecclésiastique. À partir d’un armorial du XVIIᵉ siècle, j’ai étudié au crayon heaumes, phylactères et nœuds de glands, comparé les couleurs, puis redessiné les armes en vectoriel pour une impression en 20 et 40 cm.

Identité visuelle

Photoshop

Illustrator

Recto et verso d’un dépliant trois volets sur le Suaire de Turin : titres verts et jaunes, citations de l’Évangile, blocs de preuves et visage du Suaire en couverture.

Dépliant Saint-Jean-de-Matha

Un dépliant trois volets sur ce que montre le Suaire de Turin. L’enjeu : rendre un contenu dense et sensible facile à parcourir, avec deux colonnes claires, des blocs de preuves courts et des citations de l’Évangile reliées aux marques du linge par de petits pictogrammes.

InDesign

Direction artistique

Logo badge Salsa Chinita avec le portrait illustré d’une femme et des piments sur fond rouge, à côté d’une maquette de bouteille de sauce parmi des poivrons rouges.

Salsa Chinita

Un logo pour une sauce pimentée, construit autour du portrait illustré de sa créatrice. Le badge, les touches de piment et le lettrage rétro évoquent une recette de famille, lisible de l’étiquette de bouteille jusqu’à l’avatar sur les réseaux.

Logo

Identité visuelle

Illustrator

Quatre cartes illustrées alignées : une biche, un cerf, une croix de pierre moussue avec un rouge-gorge et un faon qui broute.

Illustrations de mariage

Des illustrations pour un mariage : un cerf, une biche, un faon et un calvaire moussu avec un rouge-gorge. Chacune est sur fond transparent pour être placée librement sur les faire-part, menus et marque-places.

Peinture numérique

Procreate

Deux portraits peints d’hommes barbus découpés en stickers, l’un au contour rouge, l’autre au contour jaune.

Portraits numériques

Portraits peints d’un ami et de moi-même, finis en stickers découpés au contour épais. Une étude de ressemblance et de lumière simplifiée, pensée pour se lire d’un coup d’œil à l’écran comme à l’impression.

Peinture numérique

Photoshop

Grille de portraits noir et blanc à l’encre numérique en hachures, du visage réaliste à la caricature légère.

Portraits au trait

Une série de portraits à l’encre numérique, uniquement en hachures. Chaque visage est un exercice : saisir un caractère avec le moins de traits possible, du portrait réaliste à la caricature légère.

Peinture numérique

Photoshop

Create a free website with Framer, the website builder loved by startups, designers and agencies.