01 — Index

Web · UX/UI · Graphic design

02 — Project

Project details

L'Avocat Connecté

Positioning, brand and website of my own web design studio for law firms.

Client

Personal project (my studio)

Role

Founder, Brand & Web Designer, Framer developer

Year

2025

Skills

Framer

Technical SEO

Visual identity

Brand positioning

Web copywriting

L’Avocat Connecté is the studio I founded to help independent lawyers and small law firms stand out online with a credible, distinctive web presence, without losing sight of their professional ethics. As my own client, I defined the positioning and the offer, designed the brand (black, off-white and a single yellow accent, Instrument Serif and Instrument Sans) and built the website in Framer. It is the entry point that brought in the law firm projects shown in this portfolio.

L’Avocat Connecté website home page on desktop and mobile, with the hero “Faites rayonner votre cabinet grâce à une présence web stratégique et distinctive”
L’Avocat Connecté style guide: AC monogram logo, black, off-white, beige and yellow palette, Instrument Serif and Instrument Sans typefaces, custom icon set
Mobile view of the “Par ces motifs…” section listing the studio’s commitments
Desktop view of the About section: a solution designed by a lawyer for lawyers
Desktop view of the “Considérant ce qui suit…” section listing law firms’ pain points
Desktop view of the “Par ces motifs…” section with the four numbered commitments
Desktop view of the “Comment ça marche” process timeline
Three mobile screens: the process, client reviews and the free website template
Desktop view of the contact section with online booking and a form
Desktop view of the free landing page template offer for lawyers

A positioning built on a legal background

Before becoming a designer I trained and worked as a lawyer, in business law, intellectual property and new technologies. L’Avocat Connecté turns that background into a promise: a web presence designed by someone who understands lawyers’ constraints, from discretion to the rules of their Bar, and who speaks their language.

The offer answers four recurring pain points: a generic image that blends in, a lack of time and guidance, weak visibility on Google and LinkedIn, and websites locked by agencies. In return, each firm gets a site it fully owns, a strong and consistent image, concrete visibility goals and human support until it is autonomous.

The website

The site is a single landing page in Framer, written like a legal brief: “Considérant ce qui suit…”, “Par ces motifs…”. It lays out the problems, the four commitments, a three-step process (diagnosis, bespoke design and development, handover and training), my background, client reviews and an online booking flow. A free landing page template for lawyers, downloadable from the site, works as a lead magnet.

Behind the scenes: from landing page to full website

The site is currently being rebuilt behind the scenes. The goal is to move from a single landing page to a fuller website, with service pages, case studies and articles, structured to rank on Google (SEO) and to be cited by AI answer engines such as ChatGPT or Perplexity (GEO).

L’Avocat Connecté website home page on desktop and mobile, with the hero “Faites rayonner votre cabinet grâce à une présence web stratégique et distinctive”
Desktop view of the About section: a solution designed by a lawyer for lawyers
Mobile view of the “Par ces motifs…” section listing the studio’s commitments

L'Avocat Connecté

Positioning, brand and website of my own web design studio for law firms.

Framer

Technical SEO

Visual identity

Brand positioning

Web copywriting

Aline Macron law firm website shown on desktop and mobile
Aline Macron website section presenting the firm’s clients
Aline Macron website homepage on mobile

Aline Macron · law firm

Brand identity and website for a business law firm advising founders and SMEs.

Framer

Technical SEO

Visual identity

Brand positioning

Web copywriting

Julie Ramsamy public law firm website shown on desktop and mobile
Julie Ramsamy website section presenting public and private clients
Julie Ramsamy website about section on mobile, with her portrait

Julie Ramsamy · law firm

Brand identity and website for a public law firm in Réunion Island.

Framer

Technical SEO

Visual identity

Brand positioning

Web copywriting

Benoît de Lapasse law firm Webflow website shown on desktop and mobile
Homepage section listing the five areas of expertise
Benoît de Lapasse website client section on mobile, with engraved illustrations

Benoît de Lapasse · law firm

Premium rebrand and Webflow website for a Paris litigation and mediation firm.

Webflow

JavaScript

Barba.js

GSAP

On-page SEO

Technical SEO

Visual identity

Brand positioning

Web copywriting

STC Avocat business law firm website shown on desktop and mobile
Practice areas section: a cross-disciplinary approach to business law
STC Avocat website founder section on mobile, with Shérazade Trabelsi Chouli’s portrait

STC · law firm

Brand identity and website for a business law firm in the Paris region.

Framer

On-page SEO

Technical SEO

Visual identity

Brand positioning

Web copywriting

Trésors Grimaud website home page on desktop and mobile, with the hero “Donnez une seconde vie à vos objets” and antique objects
Desktop view of the “Quelques trouvailles” gallery of recent antique finds
Mobile view of the Débarras Tours page hero on the Trésors Grimaud website

Trésors Grimaud

Naming, brand identity and website for a house clearance and antiques business in Tours.

Framer

On-page SEO

Technical SEO

Visual identity

Brand positioning

Naming

Le Bonheur en Tablier website home page on desktop and mobile, with a hero inviting visitors to sew their own vintage apron
Desktop view of the “Pourquoi vous allez l’adorer” section with an apron photo carousel
Mobile view of the “Comment ça marche ?” section with watercolour sewing illustrations

Le Bonheur en Tablier

Brand identity and sales page for an Instagram creator’s apron sewing pattern.

Framer

Technical SEO

Visual identity

Brand positioning

Naming

Illustration of a Canon camera on a rental listing card with a price tag

Lightyshare

Redesigning the search of France's leading peer-to-peer marketplace for film equipment, so videographers can rent a full gear list from as few owners as possible.

UI design

Design systems

UX research

Moodboard of museum halls, historic engravings, artworks and a phone asking want to know something

Museum Companion

A mobile app that turns museum visits into an immersive, interactive experience — with an AI companion that tells the story behind every artwork.

UI design

UX research

Two phones showing the Napp bedtime routine app next to the Napp logo and tagline simple bedtime routines for families

Napp

A wellness app helping parents of young children build and keep bedtime routines — designed around tired parents who won't log data every night.

UI design

UX research

Logo design

Desktop screen showing the Martinez Madera shop homepage with a wooden cabinet and the tagline unique, reliable, handcrafted

Carpenter Shop

An online shop for a Spanish woodworker's affordable kit furniture, built around one goal: earning trust when buying handcrafted pieces online.

UI design

UX research

Prototyping

Redesigned Twitch Android app showing the Live tab on a phone

Twitch Redesign

A weekend UI challenge reimagining Twitch's Android app to make browsing livelier, navigation clearer and the landscape view more immersive.

UI design

Pink flower on a violet and blue background

Lorem Ipsum

Short project summary.

Logo design

Visual identity

Round purple allium flower on a pink background

Dolor Sit Amet

Short project summary.

Digital painting

Slender flower stem on a glowing orange background

Consectetur

Short project summary.

Art direction

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