Directrice artistique digitale spécialisée en UI. Depuis plus de 10 ans, je donne forme à des interfaces web et mobile, aux design systems qui les structurent et aux identités visuelles qui les incarnent.

Camille

À propos

J’explore la rencontre entre identité, composition et interaction pour donner naissance à des expériences digitales singulières. Un travail de précision où chaque choix graphique participe à une vision d’ensemble.

Mon LinkedIn

Projets

Découvrez une sélection de projets

Site corporate2024

Arendt

Usine à site2024

Covivio

Branding & UI2024

Destination Yvelines

Usine à site2024

Business France World

Direction artistique

Je définis l’univers visuel d’un projet, du moodboard à la livraison. Typographie, couleurs, images, mouvement : je donne une direction claire et je veille à ce qu’elle tienne jusqu’à la mise en ligne.

UI design

Je conçois des interfaces web et mobile précises, lisibles et pensées pour être construites. Chaque écran s’appuie sur un design system, élaboré avec les équipes UX et tech.

Identité visuelle

Je crée des identités qui donnent du caractère aux marques et tiennent sur tous les supports. Logo, typographie, palette, règles d’usage : un système visuel cohérent, prêt à vivre dans le digital.

Covivio

Année: 2024
Agence: Be API
Type: Usine à site

Introduction[ 01 / 05 ]

Lorsque j’ai rejoint le projet Covivio, j’ai été frappée par l’écart entre ce que la marque représente et ce que le site exprimait réellement.

Leur plateforme digitale était dense, textuelle et fragmentée. Elle ne racontait pas leur histoire, ne donnait pas à voir l’ampleur de leurs projets, elle n’incarnait pas leur sophistication. Très vite j’ai su que ce projet demanderait une attention particulière, il nécessitait une immersion profonde, une vision transversale et un dialogue constant avec toutes les expertises.

Page communiqué de presse du site Covivio en surimpression sur un intérieur de bureau

Approche créative[ 02 / 05 ]

Avant de dessiner une première ligne, j’ai voulu comprendre ce que Covivio cherchait réellement à transmettre. En explorant leurs projets, leurs bâtiments, leurs prises de parole et leur immense banque d’images, j’ai découvert une matière visuelle d’une grande richesse et pourtant quasiment invisible sur le précédent site.

Il fallait leur redonner l’espace, la lumière et la présence que leur identité mérite. C’est cette conviction qui a guidé toute l’approche créative : transformer un site trop dense en une expérience émotionnelle et incarnée où l’architecture, les lieux et leurs usages deviennent enfin la voix principale de la marque.

L’enjeu n’était plus seulement de moderniser une interface, il s’agissait de révéler leur identité

Look & feel[ 03 / 05 ]

Les couleurs du groupe étaient trop saturées pour exprimer le raffinement, l’élégance et l’éclat que je cherchais à installer. J’ai donc conçu un système de tons dérivés, plus nuancés, qui permettaient de jouer sur la profondeur et la hiérarchie visuelle sans pour autant perdre l’identité de Covivio.

Les formes géométriques, inspirées de leur univers architectural, viennent ponctuer certains espaces. Elles ne dominent pas, elles suggèrent. Elles rappellent l’origine de la marque, son ancrage dans la construction et la structure, sans jamais voler la lumière aux images.

Ces formes ne sont pas uniquement décoratives. Chacune d’elles est associée à un type de contenu précis. Elles agissent comme des repères visuels permettant à l’utilisateur d’identifier immédiatement la nature de ce qu’il consulte : podcasts, magazines, actualités, communiqués de presse… Ce langage graphique discret participe à la compréhension du site et guide la navigation de manière intuitive, en créant une lecture plus fluide et évidente du contenu.

Six formes géométriques, chacune associée à un type de contenu

Direction artistique & Design system[ 04 / 05 ]

Typographie

La typographie a été pensée comme un marqueur fort de positionnement. Je souhaitais une signature typographique capable d’exprimer un haut niveau de standing, quelque chose qui se remarque sans être ostentatoire. Pour atteindre cette exigence, j’ai fait le choix de recommander l’achat d’une typographie premium, spécifiquement sélectionnée pour le projet, afin d’offrir à Covivio une identité éditoriale distinctive et reconnaissable.

Face à un univers visuel très structuré dominé par l’architecture, les lignes droites et des contenus parfois très analytiques, financiers, liés aux marchés, la typographie joue un rôle de contrepoids. Fine et élégante, elle apporte de la douceur, vient nuancer et apporte une sophistication qui équilibre la rigueur des contenus.

Elle permet ainsi d’alléger la lecture, de hiérarchiser l’information et d’installer une atmosphère plus luxueuse, presque éditoriale, renforçant la perception d’une marque ancrée et tournée vers l’excellence.

Le caractère Dashiell Fine au-dessus d’un ordinateur affichant le site Covivio

Imagerie

L’imagerie occupe une place centrale dans le site de Covivio. La marque dispose d’une banque d’images d’une grande richesse, encore trop peu exploitée dans leur précédent site. Mon rôle a été d’en révéler le potentiel et de lui redonner l’espace qu’elle mérite.

Chaque visuel a été sélectionné avec une approche quasi curatoriale : cadrages, matières, lumières, perspectives, dominantes colorées. L’image n’est pas simplement décorative. Elle structure la page, installe une atmosphère et porte une partie essentielle du récit. En laissant respirer les visuels, le site gagne en élégance et en émotion. L’architecture devient lisible, sensible, presque palpable. Elle ne s’expose plus, elle se raconte.

Carrousel d’images du site Covivio sur ordinateur portable

Liste d’actualités Covivio sur smartphone

Animation et accessibilité

La direction artistique s’est prolongée dans un travail étroit avec l’équipe front-end afin de traduire l’intention graphique en une expérience vivante et fluide. Les animations ont été pensées comme un prolongement naturel de l’univers du site. Leur rôle n’est pas de transformer l’interface mais de lui donner du rythme, de la lisibilité et une sensation de profondeur maîtrisée.

Les éléments interactifs disposent de comportements clairs et lisibles. Les animations de survol et d’états actifs indiquent immédiatement à l’utilisateur où et avec quoi il peut interagir, renforçant l’intuitivité du parcours sans alourdir l’interface. À l’ouverture des pages et au fil du scroll, les contenus textuels se révèlent progressivement. Ces animations légères apportent du dynamisme aux pages, structurent la lecture et accompagnent le regard.

Chaque animation a été pensée comme un geste utile, un élément qui accompagne l’utilisateur dans son parcours.

Page Nos bureaux du site Covivio dans une fenêtre de navigateur

Nos bureaux — animation au scrollPage blanche → noire → blanche

Page d’accueil Covivio en version desktop

Page d’accueil Covivio en version mobile

UX writing et storytelling

Une fois la direction artistique définie, le travail s’est poursuivi sur le storytelling global du site en collaboration avec l’UX designer. Page après page, j’ai repensé la structure des contenus, redéfini les priorités, découpé les textes et repositionné les messages pour rendre le discours plus lisible et plus accessible.

L’objectif n’était pas d’ajouter mais d’éclaircir. Clarifier des contenus parfois complexes, financiers ou institutionnels, tout en conservant leur précision. Chaque page est pensée comme une séquence narrative avec un rythme, des respirations, des temps forts, permettant à l’utilisateur de comprendre rapidement puis d’approfondir s’il le souhaite. Ce travail éditorial et structurel a permis de rendre le site plus humain, plus fluide et surtout plus accessible.

Mon rôle a été de conduire l’ensemble du dispositif artistique, de la première intention jusqu’au design system final. Cela signifiait coordonner les graphistes internes côté client, l’équipe UX, les développeurs front, le chef de projet ainsi que les interlocuteurs Covivio. Chaque métier avait un angle, une logique, une contrainte. Mon travail est de tout rendre cohérent, fluide, lisible.

Fiche projet 21 Goujon sur smartphone tenu en main

Impact et retombées[ 05 / 05 ]

La refonte a profondément transformé la perception et l’usage du site Covivio. Plus lisible, plus lumineux et plus généreux en images, le nouveau site offre une expérience nettement plus fluide et accessible que la version précédente. La hiérarchisation du contenu ainsi que la respiration visuelle et le travail sur le rythme des pages facilitent la compréhension de sujets parfois complexes, tout en invitant à l’exploration.

La direction artistique, en redonnant une place centrale à l’image et à la narration visuelle, a permis de renforcer l’engagement des utilisateurs. Les contenus sont mieux identifiés, mieux contextualisés et plus naturellement parcourus. Le site gagne en clarté, en cohérence et en efficacité éditoriale.

Cette nouvelle structure visuelle et narrative a également eu un impact positif sur la performance globale du site : des pages mieux structurées, des contenus plus lisibles, une hiérarchie claire et des interactions explicites favorisent une meilleure compréhension par les utilisateurs comme par les moteurs de recherche.

La direction artistique devient alors un levier indirect d’optimisation SEO

Au-delà des usages, le site renforce significativement la posture premium de Covivio. Il réinstalle la marque dans un univers visuel à la hauteur de son influence en affirmant une identité plus contemporaine, plus élégante et plus incarnée. L’architecture, l’humain et la vision du groupe s’expriment désormais dans un langage digital clair et maîtrisé.

Le projet a été salué par la profession : nommé aux Awwwards et distingué parmi les Best Website Designs de DesignRush. Mais au-delà des reconnaissances, cette refonte a surtout permis à Covivio de retrouver un site qui raconte réellement ce qu’est le groupe : un acteur exigeant et structuré, capable d’allier vision stratégique, sens du détail et excellence.

Page Nos bureaux sur smartphone tenu en main

Façade végétalisée d’un immeuble Covivio

Rubrique À lire aussi du site Covivio sur ordinateur portable

Projets

Découvrez une sélection de projets

Usine à site2024

Business France World

Année: 2024
Agence: Be API
Type: Usine à site

Introduction[ 01 / 03 ]

Business France est l’agence nationale chargée d’accompagner l’internationalisation de l’économie française.

Présente dans plus de 56 pays et forte d’environ 1 500 collaborateurs, l’agence agit comme un véritable connecteur entre entreprises françaises, investisseurs internationaux et partenaires économiques.

Pour accompagner cette mission, l’agence devait repenser entièrement son écosystème digital international. L’objectif était de créer une plateforme capable de structurer et harmoniser les sites de ses différentes implantations dans le monde, tout en améliorant l’acquisition de leads et la lisibilité de son offre de services. Le projet s’est donc construit autour d’un défi structurant : concevoir une usine à sites internationale, composée d’un portail principal et d’un ensemble de sites locaux déployés à partir d’une architecture commune.

La plateforme intègre aujourd’hui plusieurs sites zones et sites pays, permettant aux bureaux internationaux de disposer d’un cadre cohérent tout en adaptant leurs contenus aux réalités locales.

Site Southern Europe Area sur smartphone

Approche créative[ 02 / 03 ]

Le projet devait résoudre une équation délicate : traduire l’identité d’un acteur public international tout en incarnant un environnement business dynamique et tourné vers l’innovation. La plateforme devait inspirer confiance, refléter la solidité d’une institution gouvernementale et dans le même temps évoquer l’efficacité et la modernité d’une organisation tournée vers l’accompagnement des entreprises.

L’intention graphique s’est donc construite autour de quelques principes fondamentaux : Modernité. Attractivité. Clarté. Solidité.

Carte article du site et portrait d’une femme devant un immeuble

L’expérience devait être immédiatement lisible, rassurante et efficace. Les parcours utilisateurs ont été pensés pour faciliter l’accès aux informations stratégiques et encourager la prise de contact, un enjeu central pour une plateforme dont l’objectif est aussi la génération de leads qualifiés.

La direction artistique devait également répondre à une contrainte importante : créer un design suffisamment robuste et modulable pour être déployé sur de nombreux sites internationaux, tout en conservant une identité visuelle cohérente et reconnaissable.

Le design a ainsi été conçu comme un système flexible, capable d’accompagner l’évolution de la plateforme et le déploiement progressif de nouveaux sites.

Article « Hydrogen mobilities » sur ordinateur portable

Direction artistique & Design system[ 03 / 03 ]

La direction artistique a été pensée comme un socle visuel structurant, capable de soutenir une plateforme internationale tout en restant suffisamment flexible pour être déclinée sur de nombreux sites pays et zones. L’enjeu n’était pas seulement esthétique : il s’agissait de concevoir un design capable d’accompagner la logique d’usine à sites, avec des gabarits et des composants réutilisables permettant aux équipes locales de produire des contenus facilement tout en conservant une cohérence globale.

L’interface s’appuie ainsi sur un design volontairement épuré et structuré, où chaque élément visuel participe à la lisibilité de l’information. Les blocs de contenus, les espacements et la hiérarchie typographique ont été pensés pour clarifier des sujets parfois complexes : investissements, export, partenariats économiques… et permettre aux différents publics (entreprises, investisseurs, journalistes, partenaires) d’identifier rapidement les informations qui les concernent.

Un design system clair et durable pour accompagner la croissance d’un écosystème digital international.

Page hub Invest in France en version desktop

Couleurs, typographie et graphisme

La palette graphique joue un rôle de structuration plutôt que de démonstration.

Le blanc occupe une place centrale dans l’interface afin de créer de larges respirations et de valoriser les contenus. Cette approche renforce la perception de modernité du site tout en facilitant la contribution éditoriale dans un contexte multisite.

Le rouge institutionnel de Business France est utilisé comme couleur d’action. Appliqué principalement aux boutons et aux éléments interactifs, il permet d’attirer l’attention de l’utilisateur sur les actions clés et d’accompagner les parcours de génération de leads.

Des nuances de gris viennent rythmer la lecture et structurer les pages. Elles permettent de délimiter les différentes sections de contenu tout en apportant une profondeur visuelle qui renforce le caractère corporate et statutaire de l’interface.

Page Invest in France sur un ordinateur posé sur un pouf rouge

Page Industrie & Cleantech sur un ordinateur tenu à deux mains

La typographie a été choisie pour sa neutralité et sa lisibilité internationale. Moderne et épurée, elle participe à créer une interface claire et accessible, adaptée à un public international et à des contenus à forte dimension informationnelle.

Enfin, une forme graphique issue de l’identité existante a été discrètement réinterprétée afin d’apporter un élément de personnalisation au site. Utilisée avec parcimonie dans certains éléments d’interface, elle permet de créer une signature visuelle propre au projet tout en restant fidèle à l’univers institutionnel de Business France.

Page Trade with France en version desktop

Page Trade with France en version mobile

Imagerie

L’imagerie joue un rôle essentiel dans la perception du site. Pour accompagner la modernisation de la plateforme, nous avons constitué une base d’images libres de droits répondant à une direction artistique claire : des visuels simples, lumineux et épurés.

Ce choix permet de maintenir une lecture claire de l’information tout en apportant une dimension contemporaine à l’interface. Les images viennent illustrer les dynamiques économiques, les partenariats internationaux et l’innovation, tout en conservant une sobriété cohérente avec l’identité institutionnelle du projet.

Passants en costume traversant un passage piéton

Expérience & interactions

Les interactions ont été conçues pour accompagner la navigation sans jamais la surcharger. Les animations interviennent principalement sur les boutons, les liens et les éléments interactifs, permettant d’identifier immédiatement les zones cliquables et de guider l’utilisateur dans son parcours.

Le mouvement est volontairement subtil. Il apporte du dynamisme à l’interface tout en conservant la sobriété attendue d’un site institutionnel. Cette approche contribue à créer une expérience à la fois moderne, fluide et rassurante, parfaitement adaptée à une plateforme dont l’objectif est de faciliter la prise de contact et la mise en relation.

Portrait d’une femme devant une tour de bureaux

Impact & retombées

La nouvelle plateforme offre aujourd’hui à Business France un écosystème digital capable de soutenir son rayonnement international. Grâce à l’architecture multisite, les différentes entités locales disposent désormais d’un cadre digital commun, leur permettant de déployer rapidement des sites adaptés à leurs marchés tout en conservant une identité cohérente. Business France dispose désormais d’une plateforme digitale moderne et stratégique, capable d’accompagner durablement sa mission : connecter les entreprises françaises aux opportunités économiques du monde entier.

La refonte a permis d’améliorer les parcours utilisateurs et de renforcer la génération de leads grâce à des interfaces plus claires et des parcours mieux structurés.

Page liste d’articles Industry & Cleantech

Page Our offices sur ordinateur portable

Projets

Découvrez une sélection de projets

Site corporate2024

Arendt

Année: 2024
Agence: Be API
Type: Site corporate

Introduction[ 01 / 04 ]

Acteur majeur du conseil juridique et fiscal au Luxembourg, Arendt avait besoin d’un site institutionnel capable de refléter son positionnement : exigeant, structuré et résolument contemporain.

Luminaires acoustiques au plafond du siège d’Arendt

Approche créative[ 02 / 04 ]

Dès le départ, l’architecture du siège d’Arendt s’est imposée comme un élément central de la direction artistique. Plus qu’un bâtiment, elle constitue l’une des signatures visuelles du groupe, une expression concrète de son identité et de sa culture.

Ses lignes franches, ses volumes structurés et son organisation géométrique renvoient à ce que le cabinet incarne : solidité, stabilité et précision.

Six motifs linéaires inspirés de l’architecture du siège

J’ai choisi de transposer cette vision architecturale dans l’univers digital à travers un système graphique abstrait construit autour de lignes structurantes et de formes angulaires. Ce langage visuel devient alors la colonne vertébrale du site : il rythme les pages, guide l’œil et crée une cohérence subtile entre l’écosystème physique d’Arendt et son univers numérique.

Look & feel[ 03 / 04 ]

Direction artistique & Design system[ 04 / 04 ]

La direction artistique s’appuie sur une esthétique précise où chaque détail est pensé pour exprimer la maîtrise et la retenue propres au cabinet.

La typographie, sélectionnée pour sa verticalité, son autorité discrète et sa finesse dans les courbes, structure l’espace sans jamais l’alourdir. Les variations de corps et de densité créent un rythme naturel, presque architectural, qui guide l’utilisateur d’un contenu à l’autre. Tout est calibré, étudié, équilibré pour obtenir une hiérarchie claire et intuitive.

Couleurs & imagerie

La palette chromatique, déjà imposée par la charte, est utilisée comme un outil de ponctuation visuelle. Chaque page possède sa couleur dominante, appliquée avec retenue pour guider l’œil sans saturer l’espace. Ces touches de couleur deviennent presque des signaux qui structurent l’univers visuel du site et qui apportent à chaque section une identité propre sans rompre l’unité globale du site.

Pour renforcer cette cohérence, j’ai mené un travail de recherche iconographique approfondi, sélectionnant des images dont les tonalités principales s’accordent avec la couleur dominante de la page. Ce choix permet de créer une harmonie immédiate entre le contenu, l’identité graphique et l’atmosphère chromatique.

Lobby du siège d’Arendt sous un plafond en bois sculpté

Page Banking and Financial services sur smartphone

Animation

Les animations ont été pensées dans une logique de sobriété et de précision. Pas d’effets superflus, uniquement des micro-animations qui accompagnent le regard, révèlent l’information et accompagnent l’utilisateur dans son parcours. Pensées comme un langage d’interaction, elles permettent à l’utilisateur de comprendre instantanément où il peut cliquer, comment naviguer, où porter son attention sans le perturber pour autant.

Les motifs animés, inspirés des lignes architecturales, se construisent progressivement à l’écran. Cette dynamique donne la sensation que l’élément se structure en temps réel, comme une architecture en train de naître sous les yeux de l’utilisateur. Un geste subtil mais évocateur qui ancre encore davantage le site dans l’ADN du groupe.

Typographies, couleurs, grilles, comportements interactifs s’articulent dans une même cohérence. Un système à la fois rigoureux et vivant, conçu pour durer.

Page Hot topic Cybersecurity & Information Protection

Pages Industries, Disputes & Litigation Support et Regulatory & Consulting sur trois smartphones

Page Hot topics sur un ordinateur posé sur un fauteuil en bois

Impact & retombées

La refonte a permis de repositionner la marque Arendt dans un registre plus digital et international.

Le nouveau site, salué pour sa lisibilité et sa cohérence esthétique, a consolidé la perception d’un cabinet à la fois avant-gardiste et institutionnel. Les retours internes soulignent la qualité de la hiérarchie de contenu et la fluidité de la navigation, tandis que la direction apprécie la traduction fidèle de l’identité architecturale dans le digital.

Site Arendt sur smartphone posé sur un canapé en cuir

Page d’accueil Arendt sur un ordinateur posé sur une table ronde

Projets

Découvrez une sélection de projets

Branding & UI2024

Destination Yvelines

Année: 2024
Agence: Be API
Type: Branding & UI

Introduction[ 01 / 05 ]

Destination Yvelines est la plateforme de valorisation touristique des Yvelines, un espace riche en histoire, en nature, en culture et en expériences.

Le site existant, basé sur la charte institutionnelle du département, manquait de personnalité et d’un langage propre. L’enjeu est alors clair : sortir d’un cadre institutionnel pour créer une véritable marque de destination, identifiable, désirable et capable de valoriser la richesse et la diversité du patrimoine.

J’ai accompagné Destination Yvelines sur l’ensemble du projet : création du logo, développement de la charte graphique, direction artistique du site ainsi que déclinaisons print et éditoriales. L’enjeu était d’offrir à ce territoire une identité singulière, inspirante et moderne, capable de refléter sa diversité et d’inciter à la découverte du département yvelinois.

La collégiale de Mantes-la-Jolie au crépuscule, vue depuis la Seine

Clocher d’une église de village entouré de fleurs

L’identité visuelle[ 02 / 05 ]

La création du logo de Destination Yvelines s’inscrit dans une stratégie touristique déjà structurée par le département. Le territoire est organisé autour de quatre grandes « terres » thématiques : Rambouillet l’Authentique, Chevreuse la Verte, Versailles Soleil des Yvelines et Au milieu coule la Seine. Ce découpage constitue la base du récit touristique et éditorial de la destination.

L’enjeu était donc de traduire cette organisation en un langage visuel clair et mémorable, capable d’exister à la fois sur le site et dans l’ensemble des supports de communication.

Logotype02 / 03

Version principale

Le rose institutionnel des Yvelines, logé dans l’apostrophe

Au milieu coule la Seine
Rambouillet l’Authentique
Versailles, Soleil des Yvelines
Chevreuse la Verte

Affiche Rambouillet l’Authentique dans la rue

Le point de départ du logo est la silhouette géographique du département, simplifiée puis structurée en zones correspondant à ces territoires. Cette approche transforme la carte en signe graphique lisible tout en conservant un ancrage territorial fort. La forme devient ainsi une matrice visuelle : elle inspire la construction des pictogrammes, la logique de navigation du site et la hiérarchie éditoriale des contenus.

Une contrainte importante du projet était la présence obligatoire du rose institutionnel des Yvelines. Pour éviter qu’il ne domine ou ne rompe l’équilibre visuel, je l’ai intégré de manière subtile dans l’apostrophe finale de « Destination Yvelines ». Ce détail graphique agit comme un lien discret avec l’identité du département tout en préservant la cohérence et l’élégance de la nouvelle marque.

Autour de ce repère rose, la palette introduit un vert naturel, choisi pour incarner la dimension paysagère et vivante du territoire. Il adoucit également le contraste avec le rose très vif de l’identité institutionnelle et installe une tonalité plus immersive et touristique. Au final, le logo ne fonctionne pas uniquement comme une signature : il devient la base d’un système graphique complet, capable d’unifier la narration territoriale, la direction artistique du site et l’ensemble des déclinaisons éditoriales de Destination Yvelines.

Direction artistique & Design system[ 03 / 05 ]

La direction artistique s’inscrit dans une ambition portée par le Département : affirmer les Yvelines comme une « destination grandeur nature » aux portes de Paris.

L’objectif n’était donc pas simplement de moderniser l’interface, mais de construire une identité visuelle capable de soutenir cette nouvelle narration territoriale, en valorisant à la fois le patrimoine, les paysages et l’art de vivre. Le site a été pensé comme une plateforme éditoriale immersive, à mi-chemin entre guide de découverte, magazine et média touristique. L’expérience repose sur une hiérarchie visuelle claire, où l’image occupe une place centrale afin de plonger immédiatement l’utilisateur dans les paysages, les villages et les lieux emblématiques du département.

Look & feelPages du site

Les photographies, réalisées par différents photographes du territoire, deviennent le cœur du dispositif visuel. Sélectionnées et mises en scène avec soin, elles donnent à voir la diversité des Yvelines : nature, patrimoine, culture et expériences locales. Leur présence généreuse transforme la navigation en parcours visuel immersif, conçu pour susciter l’envie de découverte.

La typographie, élégante et légèrement éditoriale, apporte une dimension plus raffinée à l’identité. Elle crée un contraste avec la structure graphique plus affirmée du logo et des formes géométriques utilisées dans l’interface, tout en faisant écho à l’univers du magazine Destination Yvelines.

Le design s’appuie sur un système graphique dérivé du logo. Les formes géométriques, inspirées de sa construction, sont utilisées comme surfaces colorées ou éléments de composition afin de rythmer les pages et structurer les contenus. Les couleurs associées aux différentes thématiques et territoires servent de repères visuels, permettant à l’utilisateur d’identifier immédiatement l’univers qu’il explore.

Ce design language unifie l’ensemble de l’expérience : couleurs, pictogrammes, typographie et formes fonctionnent ensemble pour structurer la narration du territoire et guider la navigation. Le résultat est une plateforme colorée, vivante et contemporaine, qui conserve une élégance éditoriale tout en valorisant la richesse et la diversité des Yvelines.

Rubrique Vivez des expériences sur smartphone posé contre un mur ensoleillé

Interactions & expérience[ 04 / 05 ]

L’expérience du site a été pensée pour accompagner la découverte du territoire de manière fluide et intuitive. Les interactions ne cherchent pas à démontrer une performance technique : elles servent avant tout à soutenir la lecture et à mettre en valeur les contenus.

Les contenus apparaissent progressivement au scroll, créant un rythme de lecture qui laisse respirer les images et met en valeur les lieux et les paysages. Les visuels, très présents dans l’interface, deviennent des portes d’entrée vers les différentes expériences du territoire. Leur animation au survol crée un lien direct avec l’exploration : chaque image suggère un lieu, une atmosphère, une activité à découvrir.

Les éléments graphiques issus du système visuel (formes colorées, pictogrammes et repères thématiques) participent également à cette dynamique. Leur apparition progressive et leurs légers mouvements au scroll apportent une sensation de profondeur et structurent les pages sans jamais perturber la lecture. L’ensemble crée une navigation fluide et intuitive où l’utilisateur se laisse guider naturellement d’un univers à l’autre.

Le site devient ainsi un espace de découverte capable de traduire la diversité du territoire tout en conservant une grande clarté d’usage.

Impact & retombées[ 05 / 05 ]

La mise en ligne du nouveau site a marqué une étape importante dans la transformation digitale de Destination Yvelines. En réunissant plusieurs plateformes touristiques existantes au sein d’une seule destination digitale, le projet a permis de clarifier l’offre et de proposer une expérience plus cohérente et inspirante pour les visiteurs.

Grâce à une direction artistique plus affirmée et à une place centrale donnée à l’image, le site valorise désormais pleinement les paysages, le patrimoine et les expériences proposées sur le territoire. La nouvelle arborescence éditoriale et la structuration des contenus autour des différentes « terres » et inspirations facilitent l’exploration et renforcent la lisibilité de l’offre touristique. Aujourd’hui, la plateforme s’impose comme un pilier de l’écosystème digital du territoire, attirant plus de 650 000 visiteurs annuels et contribuant activement à la visibilité et à l’attractivité des Yvelines.

La qualité du projet a également été reconnue par une Honorable Mention sur Awwwards, saluant la direction artistique et l’expérience proposée.

Page événement DestYnation 2024 sur une tablette tenue sur un balcon fleuri

Page Métiers d’art et artisanat sur smartphone posé sur un fauteuil en rotin

Projets

Découvrez une sélection de projets

Usine à site2024