Abc Le Salon

Discipline :

Web Design

Overview :

Conception d’une expérience digitale éditoriale pour ABC Le Salon, pensée comme une extension du lieu physique. Le projet traduit l’atmosphère du salon à travers une direction artistique mêlant photographie, typographie et interactions.

Année :

2026

Contexte :

ABC Le Salon souhaitait développer une présence digitale capable de refléter l’expérience proposée en salon, au-delà d’une simple présentation de services. L’objectif n’était pas de créer une plateforme commerciale traditionnelle, mais un espace de découverte permettant aux visiteurs de comprendre l’univers du salon, son approche, son savoir-faire et les différentes expertises proposées. Le site devait trouver un équilibre entre une identité contemporaine et une communication accessible, afin de retranscrire la proximité humaine du salon tout en affirmant une image plus actuelle et plus qualitative.

Concept :

Transformer le site en une extension numérique du salon. L’expérience repose sur une approche éditoriale où l’image, le rythme et la narration occupent une place centrale. La photographie devient un moyen de transmettre une atmosphère, tandis que la typographie et les interactions structurent progressivement la découverte du lieu. Chaque section a été pensée comme un fragment de l’expérience réelle : découvrir l’espace, rencontrer l’équipe, explorer les expertises et comprendre les valeurs du salon.

Positionnement :

Une présence digitale pensée comme un lieu de découverte plutôt qu’un simple outil de conversion. Le site s’inspire des codes éditoriaux et culturels pour créer une expérience élégante, humaine et intemporelle. Il traduit la philosophie du salon : prendre le temps d’écouter, conseiller et accompagner chaque client dans une approche personnalisée.

Détail de coloration en cours
Mèches lumineuses sur cheveux longs

Direction artistique

La direction artistique s’inspire des principes du modernisme suisse et du design éditorial pour créer une expérience digitale structurée, élégante et intemporelle. La typographie, les espaces négatifs et le traitement photographique construisent un langage visuel où la précision graphique rencontre la dimension humaine du salon. Chaque choix a été pensé pour traduire son atmosphère et accompagner une découverte progressive du lieu.

PP Neue Montreal

PP Neue Montreal

PP Neue Montreal

PP Neue Montreal

Typographie Principale

Une grotesque sans-serif contemporaine pensée pour créer un langage visuel précis, moderne et intemporel. Utilisée sur l'ensemble de l'expérience digitale, elle assure la cohérence entre les titres, les contenus éditoriaux et les éléments d'interface.

Styles utilisés

Medium

Medium

500

Bold

Bold

700

AaBbCc

AaBbCc

AaBbCc

AaBbCc

Mona Sans

Mona Sans

Mona Sans

Mona Sans

Typographie Secondaire

Typographie secondaire utilisée pour les grands titres et les compositions display. Sa construction plus expressive apporte du contraste et de l’impact aux moments clés de l’interface, notamment dans la hero, tout en restant cohérente avec la sobriété générale du projet.

Usage principal

Hero

Display

AaBbCc

AaBbCc

AaBbCc

AaBbCc

Expérience digitale

Le site rassemble plusieurs espaces complémentaires pour présenter le salon dans toute sa diversité : une page dédiée au lieu et à son atmosphère, une présentation détaillée des prestations, une galerie pensée comme un espace d’inspiration, ainsi qu’une section consacrée aux soins du cuir chevelu et aux prothèses capillaires. L’ensemble est complété par une présentation de l’équipe, des avis clients et des informations pratiques permettant de prolonger naturellement la découverte du salon.

Conclusion

Ce projet explore la création d’une présence digitale pensée comme une extension du salon, où l’image, la typographie et le mouvement permettent de retranscrire une expérience humaine au-delà de l’espace physique. L’approche s’est construite autour d’un équilibre entre direction artistique et conception d’interface, afin de créer une expérience à la fois immersive, intuitive et fidèle à l’identité du lieu. À travers ce projet, l’objectif était de dépasser le simple site vitrine pour concevoir un environnement digital capable de transmettre une atmosphère, valoriser un savoir-faire et créer une première connexion avec les visiteurs.

Crédit

Designer :

Arthur Cueff

Stack :

Stack :

Framer

Framer

Figma

Figma

Photoshop

Photoshop

Codex

Codex

Midjourney

Midjourney

Brest