Designer d’interface

Stratégie

Design

Interaction

Nathan Gendreau

Allier exigence et réactivité, c’est concevoir vite ce qui mérite d’être bien fait.
nathan-gendreau-designer-interface
J’aide entreprises, startups et agences à concevoir des produits et services à la fois efficaces, esthétiques et justes. Mon approche, résolument centrée utilisateur, cherche à créer des interfaces où la fonction se met au service de l’expérience, avec un soin particulier apporté à la sobriété et à la cohérence visuelle.

Réalisations (8)

projet-pignon-image-1

Pignon

Pignon est une marque française qui propose des vêtements alliant style et performance technique. Conçus pour le cyclisme, ils s’adaptent à un usage quotidien, aussi bien pour le travail que pour les sorties.

Design d'interface
Textile
Avec l'agence Modo
Pignon, toute jeune marque sur son marché, avait pour ambition de proposer ses produits directement en ligne via une boutique accessible et engageante. L’objectif était de créer un site e-commerce capable de refléter l’univers de la marque tout en offrant une expérience fluide aux utilisateurs.

J’ai conçu l’interface utilisateur dans cet esprit, en mêlant des codes rétro à une approche contemporaine du design. Le site se veut simple à utiliser, tout en proposant un véritable plaisir d’exploration et un parcours d’achat sans friction.
L’accent a été mis sur la mise en valeur des produits : visuels soignés, hiérarchie de contenu claire, boutons visibles et efficaces, le tout soutenu par une iconographie originale qui participe à l’identité singulière de la marque.

L’ensemble de la conception a été réalisé sur Figma, en structurant soigneusement les composants, les sections et les variantes. Cette approche a permis de faciliter grandement l’intégration pour le développeur de l’agence Modo, tout en assurant cohérence, flexibilité et évolutivité du design.
projet-pignon-image-2projet-pignon-image-3projet-pignon-image-4projet-pignon-image-5projet-pignon-image-6projet-pignon-image-7projet-pignon-image-8
projet-jde-image-1

Le journal des entreprises

Le Journal des Entreprises est un média national dédié à l’actualité économique locale et régionale, s’adressant aux dirigeants d’entreprise.

Design d'interface
Media
Avec l'agence Intuiti
Après la direction artistique posée par l’agence Intuiti, j’ai conçu l’ensemble du design d’interface. Icônes, boutons, sections, en-têtes… chaque élément a été pensé dans le détail amenant a une interface claire, fonctionnelle et immédiatement compréhensible.

La structure repose sur une grille inspirée des journaux numériques, elle permet une lecture fluide et une hiérarchie de l’information efficace. Autant pour les contributeurs qui rédigent que pour les lecteurs qui consultent. Un soin particulier a été apporté à la version mobile. Elle concerne une grande part des utilisateurs et ne pouvait être traitée comme un simple ajustement.
En complément des composants et du design system, j’ai conçu des micro-interactions directement dans Figma, grâce aux fonctions de prototypage.

L’objectif : fluidifier l’intégration et faire gagner du temps au développement. Le parcours a été pensé pour l’utilisateur.

L’information est accessible rapidement, tout comme les offres d’abonnement. Chaque écran vise à faciliter la lecture, l’engagement et la compréhension, sur tous les supports.
projet-jde-image-2projet-jde-image-3projet-jde-image-4projet-jde-image-5projet-jde-image-6projet-jde-image-7projet-jde-image-8
projet-gfm-image-1

groupe france mutuelle

Groupe France Mutuelle est une organisation offrant des solutions de protection santé et de services aux adhérents à travers la France.

Design d'interface
Mutuelle
Avec l'agence Intuiti
En collaboration avec l’agence Intuiti, j’ai conçu l’interface utilisateur du site de France Mutuelle, avec pour mission de rendre l’offre plus lisible et engageante. L’enjeu principal était de permettre aux utilisateurs de mieux comprendre ce que propose la mutuelle, d’accéder facilement à l’information, et surtout, de découvrir les offres qui leur correspondent.

L’interface a été pensée pour simplifier la navigation et clarifier chaque élément de contenu. La structure repose sur une hiérarchie visuelle efficace, permettant une lecture fluide et rapide, quel que soit le profil utilisateur. Les couleurs, vives et contrastées, apportent à la fois dynamisme et lisibilité, tout en renforçant l’identité de marque et l’accessibilité du site.
En étroite collaboration avec les UX designers, j’ai conçu l’interface du parcours utilisateur, avec un objectif central : faciliter la souscription à une offre et optimiser la conversion.

Chaque étape a été pensée pour réduire les frictions, guider l’utilisateur avec clarté et le mettre en confiance tout au long du processus.

L’UI a été conçue pour allier simplicité d’usage et efficacité : mise en avant des informations clés, feedbacks visuels précis, et micro-interactions discrètes. Ce travail a permis d’offrir un parcours fluide, rassurant et orienté vers l’action.
projet-gfm-image-2projet-gfm-image-3projet-gfm-image-4projet-gfm-image-5projet-gfm-image-6projet-gfm-image-7projet-gfm-image-8
projet-o2-recrute-image-1

O2 Recrute

O2 Recrute est la plateforme officielle de recrutement de l’entreprise O2, spécialisée et numéro dans les services à domicile et à la personne.

Design d'interface
Service
Avec l'agence Intuiti
En collaboration avec l’agence Intuiti, j’ai conçu l’interface utilisateur de la plateforme O2 Recrute, aussi bien sur desktop que sur mobile. L’objectif était clair : proposer une expérience engageante, accessible et cohérente sur tous les supports.

Un soin particulier a été apporté aux visuels et à l’accessibilité. Contrastes renforcés, tailles typographiques adaptées, micro-interactions pensées pour guider l’utilisateur… chaque détail a été travaillé pour rendre la navigation fluide, inclusive et intuitive, tout en respectant les codes de la marque.
L’interface a été conçue dans Figma selon une approche atomique, avec des composants réutilisables et documentés. Les micro-interactions ont également été pensées en amont, directement intégrées dans le prototypage. Un guide de styles complet accompagne ces éléments pour faciliter l’intégration côté développement et garantir la cohérence de l’expérience utilisateur.
projet-o2-recrute-image-2projet-o2-recrute-image-3projet-o2-recrute-image-4projet-o2-recrute-image-5projet-o2-recrute-image-6projet-o2-recrute-image-7projet-o2-recrute-image-8
projet-optimum-recrute-image-1

Optimum

Optimum Experiences est une agence spécialisée dans l’organisation d’événements immersifs et d’expériences uniques pour les entreprises et leurs collaborateurs.

Branding
Design d'interface
Evenementiel
Dans le cadre de la collaboration avec Optimum Experiences, j’ai mené une refonte complète de l’identité visuelle afin d’harmoniser l’image de marque avec son positionnement haut de gamme dans le secteur de l’événementiel.

L’objectif était de moderniser l’univers graphique tout en conservant les traits identitaires du logo d’origine, afin de préserver la continuité visuelle déjà établie. Le nouveau branding se veut plus affirmé, lisible et impactant.

Il clarifie la proposition de valeur en traduisant visuellement l’expertise de l’agence : une structure qui ne se contente pas d’organiser des événements, mais qui accompagne ses clients dans la conception d’expériences immersives et mémorables.
J’ai également assuré la direction artistique et le design de l’interface du site web, que ce soit du côté de l'expérience utilisateur et du visuel. Cette refonte visait à valoriser l’agence, ses expertises et ses réalisations.

Tout en optimisant le parcours utilisateur pour faciliter la navigation, guider les prospects vers les offres adaptées et renforcer les chances de conversion.
projet-optimum-recrute-image-2projet-optimum-recrute-image-3projet-optimum-recrute-image-4projet-optimum-recrute-image-5projet-optimum-recrute-image-6projet-optimum-recrute-image-7projet-optimum-recrute-image-8
projet-atelier-jacob-image-1

Atelier jacob

Une interface et une identité visuelle unique pour l'héritier de Georges Jacob,
le plus célèbre et le plus innovant de tous les menuisiers du XVIIIe siècle en France.

Branding
Design d'interface
Artisanat
L’objectif était de concevoir une identité visuelle à la fois sobre et distinctive, mettant en valeur l’atelier, son savoir-faire et son univers empreint d’humilité. Le logo, dessiné entièrement à la main, adopte un tracé unique en écho à l’artisanat haut de gamme de l’atelier.

Il se décline en deux versions, une version principale détaillée et une version horizontale afin d'assurer une lisibilité optimale sur tous supports, même les plus restreints. Le symbole central, inspiré de l’embout TORX, fait référence au poinçon du menuisier : un clin d’œil à la précision, à la fiabilité et à la durabilité qui caractérisent l’atelier Jacob.
J’ai conçu la charte graphique et la plateforme de marque dans une volonté de traduire visuellement l’identité de l’atelier : un savoir-faire précis, humble et profondément enraciné dans l’artisanat. La palette de couleurs, naturelle, sobre et élégante, évoque directement l’univers du bois et de ses essences, renforçant l’authenticité de la marque.

Le choix typographique mêle tradition et modernité, en associant une typographie serif au caractère artisanal affirmé à une sans serif plus contemporaine. Ce contraste crée un équilibre subtil entre héritage et exigence actuelle, à l’image de l’atelier Jacob.
projet-atelier-jacob-image-2projet-atelier-jacob-image-3projet-atelier-jacob-image-4projet-atelier-jacob-image-5projet-atelier-jacob-image-6projet-atelier-jacob-image-7projet-atelier-jacob-image-8projet-atelier-jacob-image-9
projet-rca-image-1

RCA

Depuis plus de 25 ans, RCA aide les entreprises à développer leurs missions de conseil et, main dans la main, les accompagne pour bâtir l’avenir de l’expertise comptable.

Design d'interface
Comptabilité
Avec l'agence Intuiti
L’objectif de cette refonte était de concevoir une expérience digitale à la fois sobre et contemporaine, capable de refléter l’ADN de RCA et de valoriser son rôle auprès des experts-comptables. La direction artistique s’est attachée à créer une identité visuelle claire, structurée et élégante, en écho à la rigueur et à la proximité qui caractérisent la marque.

Le site s’articule autour d’une palette de couleurs sobres et rassurantes, où dominent des nuances de bleu, de violet et de gris, ponctuées de blancs lumineux. Cet univers graphique, à la fois intemporel et tourné vers l’avenir, traduit la solidité de l’accompagnement proposé par RCA tout en ouvrant une perspective résolument moderne.
Chaque élément d’interface a été pensé pour renforcer la fluidité et la lisibilité : une typographie sans serif contemporaine, des mises en page aérées, des icônes linéaires précises. L’ensemble compose une expérience de navigation intuitive, qui met en valeur l’information essentielle sans surcharge et guide naturellement l’utilisateur dans son parcours.

En travaillant à la fois la direction artistique et l’UI, j’ai cherché à établir un équilibre subtil entre sobriété et efficacité, entre héritage et innovation. Le résultat est un site fidèle à l’identité de RCA, qui incarne avec justesse son ambition : accompagner les acteurs du conseil et de l’expertise comptable dans la construction de leur avenir.
projet-rca-image-2projet-rca-image-3projet-rca-image-4projet-rca-image-5projet-rca-image-6projet-rca-image-7projet-rca-image-8projet-rca-image-9
projet-lecomte-paysage-image-1

Lecomte Paysage

Refonte de l’identité visuelle de Lecomte Paysage, en modernisant ses codes et sans effacer ce qui fait son histoire et sa singularité.

Branding
Paysagisme
Dans le cadre de la modernisation de l’identité de Lecomte Paysage, j’ai été chargé de repenser entièrement le logo et l’univers visuel de la marque. Implantée dans la région nantaise, cette entreprise familiale incarne des valeurs fortes : l’humain, la proximité, le respect du vivant et la transmission du savoir-faire.

L’objectif était de faire évoluer le logo sans trahir son histoire ni sa singularité. J’ai donc réinterprété le personnage emblématique tenant une brouette dans une version plus simple, lisible et vectorielle.
Le nouveau logo gagne en visibilité, en sobriété et en adaptabilité sur tous les supports, tout en conservant une dimension artisanale et humaine. Il s’accompagne d’une typographie inspirée des plans techniques, sobre et anguleuse, ainsi que d’une palette de couleurs naturelles évoquant la chaleur d’un paysage vivant.

Chaque élément a été pensé pour garantir une parfaite adaptabilité, que ce soit pour les supports print, les véhicules ou le digital. Le design traduit visuellement les valeurs de rigueur, de durabilité et de proximité chères à Lecomte Paysage, sans jamais verser dans le cliché. Un équilibre sobre, distinctif et pleinement opérationnel.
projet-lecomte-paysage-image-2projet-lecomte-paysage-image-3projet-lecomte-paysage-image-4projet-lecomte-paysage-image-5projet-lecomte-paysage-image-6projet-lecomte-paysage-image-7

J’ai travaillé avec ces entreprises

Avis clients 5/5

“Nathan a rapidement fait preuve d'un fort engagement envers son travail ainsi qu’une grande capacité à travailler en équipe... Il a su démontrer des compétences remarquables en matière de conception. Il a joué un rôle essentiel dans le développement et la réalisation de plusieurs projets clients clés, contribuant ainsi de manière significative à leur réussite !”

L'agence Intuiti

“Collaboration parfaite avec Nathan. Nous avons fait appel à lui pour la création de notre site web. Le résultat a largement dépassé nos attentes, tant en matière de design, de créativité que de fonctionnalités. En plus d’avoir respecté toutes nos demandes, il a su être force de proposition et prendre des initiatives qui se sont révélées déterminantes pour la réussite du projet. Tout cela dans un délai plus que convenable. Encore merci !”

Labo Store

“J’ai fait appel à Nathan pour réaliser le site web de mon entreprise de dépannage informatique. Quelques semaines après la mise en ligne, ma visibilité a bondi et mon chiffre d’affaires a significativement augmenté. Je recommande à toutes les entreprises de travailler avec Nathan pour accroître leur visibilité en ligne et attirer davantage de clients.”

GT System

prenons contact

Venez découvrir comment je peux vous aider à réaliser votre projet.
hello.ngdeau@gmail.com
+33 (0)6 71 16 18 35
© Nathan Gendreau - Tous droits réservés

Prenons contact

mentions légales

Conformément à la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique, il est précisé aux utilisateurs du site www.nathangendreau.fr l’identité des différents intervenants dans le cadre de sa réalisation et de son suivi.

Editeur du site

Le site est édité par Nathan Gendreau, domicilié à CHALLANS.
SIRET : 84304094000036
Contact : hello.ngdeau@gmail.com
Directeur de la publication : Nathan Gendreau
Développeur et Designer : Nathan Gendreau

Hébergeur

Le site est hébergé par la société OVH, situé au 2 rue Kellermann 59100 Roubaix. Service client : 1007

Données personnelles

Aucune donnée personnelle n’est collectée à votre insu. Les seules informations recueillies le sont via le formulaire de contact présent sur le site.

Données collectées via le formulaire

• Nom et prénom
• Email
• Message
• Entreprise (facultatif)
• Téléphone (facultatif)
• Fichier joint (facultatif)

Ces données sont utilisées uniquement dans le but de vous recontacter et de traiter votre demande. Elles ne sont ni cédées ni revendues à des tiers.

Durée de conservation

Les données envoyées via le formulaire sont conservées pendant une durée maximale de 12 mois.

Droit d’accès et de suppression

Conformément à la loi « Informatique et Libertés » et au Règlement Général sur la Protection des Données (RGPD), vous disposez d’un droit d’accès, de rectification et de suppression des données vous concernant. Pour exercer ces droits, vous pouvez contacter : hello.ngdeau@gmail.com.

Cookies

Ce site n’utilise aucun cookie à des fins de suivi, statistiques ou publicité. Seuls des cookies techniques nécessaires au bon fonctionnement du site peuvent être utilisés.