Bonjour, je suis Simon,

Je conçois des interfaces pensées pour l'utilisateur et les développe avec la même exigence.

Discutons de votre projet

Disponible pour de nouveaux projets

Défiler

01 Approche

Chaque détail est une décision. C'est leur justesse qui fait la réussite d'un projet.

Concevoir et développer un projet me permet d'en maîtriser chaque détail, sans compromis entre l'idée initiale et son exécution. Cette continuité garantit une cohérence à chaque étape et une réalisation fidèle à l'intention d'origine.

Je veille à trouver l'équilibre entre clarté, rythme et retenue. Chaque interaction, chaque animation et chaque ligne de code contribuent à une expérience fluide, élégante et durable. Rien de superflu. Rien de laissé au hasard.

02 Projets sélectionnés

Une sélection de projets réalisés depuis 2021.

  1. 01 — 06

    Cookson Adventures

    « Une collaboration inscrite dans la durée. Un site pensé pour évoluer avec la marque. »

    Évolution continue et maintenance du site d'une maison de voyages d'exception, en étroite collaboration avec la direction marketing.

    Secteur
    Voyage d'exception
    Année
    Depuis 2021
    Rôle
    Design, intégration, développement, maintenance
    Stack
    Figma · WordPress · SCSS · PHP · API
  2. 02 — 06

    Eurosport — Paris, la vie sportive

    « Un siècle de sport à Paris, à travers les moments qui ont marqué son histoire. »

    Une plateforme éditoriale et une timeline interactive retraçant un siècle d'histoire sportive parisienne, en marge des JO 2024.

    Secteur
    Sport & Média
    Année
    2023
    Rôle
    UX/UI, design, développement, animation
    Stack
    Figma · WordPress · SCSS · PHP
  3. 03 — 06

    Givenchy

    « Servir le geste d'une maison. En prolonger l'expression jusque dans le digital. »

    Design et développement de landing pages de lancement produit, dans la charte graphique exigeante de la maison.

    Secteur
    Beauté & Cosmétique
    Année
    2022–2026
    Rôle
    UX/UI, design, développement, animation
    Stack
    Figma · Salesforce · SCSS · JS
  4. 04 — 06

    Hannaches

    « Donner à un lieu d'exception une présence digitale à la hauteur de son caractère. »

    Développement complet du site d'un château dédié à l'événementiel et à l'hôtellerie de luxe, en dialogue étroit avec la direction artistique.

    Secteur
    Événementiel & hôtellerie de luxe
    Année
    2025
    Rôle
    Développement, intégration
    Stack
    WordPress · HTML · SCSS · PHP
  5. 05 — 06

    NEC Initiative

    « Donner une forme lisible à la rigueur scientifique. »

    Identité et plateforme d'une green fintech : traduire la rigueur scientifique d'une métrique environnementale pour des décideurs non experts.

    Secteur
    Green fintech
    Année
    2023
    Rôle
    UX/UI, design, développement, maintenance
    Stack
    Figma · WordPress · SCSS · PHP
  6. 06 — 06

    ADEME Investissement

    « Concevoir un site aussi sobre que son sujet. »

    Site dédié à la branche investissement de l'ADEME, pensé pour la sobriété numérique et cohérent avec l'écosystème de la marque.

    Secteur
    Investissement & Transition énergétique
    Année
    Depuis 2023
    Rôle
    UX/UI, design, développement, maintenance
    Stack
    Figma · WordPress · SCSS · PHP

Ce que vous voyez ici est une sélection.
Le reste se partage sur demande.

03 Ils m'ont confié leurs projets.

Ils en parlent mieux que moi.

  • « Simon a ce double regard assez précieux : très solide techniquement, tout en gardant un œil créatif et orienté solution. Je le recommande sans hésitation. »
    Manon Lafon Senior Project Manager · Digital Prod
  • « Diligent, creative and efficient. Simon has made a fantastic impact on our digital presence. »
    Simon Langley Marketing Director · Cookson Adventures
  • « Simon comprend le besoin en quelques échanges et répond toujours dans des délais très courts, même quand le planning se resserre. On sait à tout moment où en est le projet : un vrai confort au quotidien. »
    Joanna Derain Global PR and Content Director · Channel Factory
  • « 4 ans de collaboration quotidienne sur des projets UI/UX, CRM, intégration. Sérieux, disponible, Simon s'adapte à toutes les méthodologies. »
    Claudia Trouillat Senior Project Manager · Digital Prod
  • « Développeur extrêmement sérieux, fiable et rigoureux, qui sait toujours proposer des solutions pertinentes. Je le recommande sans la moindre hésitation. »
    Bruno Zarka Senior Growth Strategist · Primelis

Références et mises en relation complémentaires sur demande.

04 Expertise

Une continuité entre l'idée, l'interface et le résultat final.

  • 01

    Interface & expérience

    Des parcours clairs, des écrans lisibles et une hiérarchie pensée pour guider sans jamais s'imposer. L'interface doit laisser le contenu trouver sa place, sans chercher à le dépasser.

  • 02

    Direction visuelle

    Typographie, rythme, couleurs, proportions, images et interactions. Chaque choix contribue à un ensemble cohérent, fidèle au projet et à ce qu'il doit transmettre.

  • 03

    Développement sur mesure

    Des sites développés avec un code clair, rapide et maintenable. WordPress lorsqu'il répond au besoin, ou une solution spécifique lorsque le projet l'exige.

  • 04

    Intégration précise

    Le passage de la maquette au navigateur est une étape de création à part entière. Espacements, responsive, comportements et finitions prolongent l'intention graphique plutôt que de la diluer.

  • 05

    Interactions

    Des transitions et micro-interactions pensées pour accompagner la navigation, donner du rythme et rendre l'expérience plus fluide, sans jamais attirer inutilement l'attention.

  • 06

    Qualité & mise en ligne

    Performance, accessibilité, SEO technique, compatibilité et responsive sont vérifiés avec le même soin que le design. Un site doit être agréable à utiliser, simple à maintenir et conçu pour durer.

05 Méthode

Une méthode pensée pour préserver l'intention du premier échange jusqu'à la mise en ligne.

  1. 01

    Comprendre

    Avant de produire, je prends le temps de comprendre le projet, son contexte, ses usages, ses contraintes et ce qu'il doit transmettre. Une interface juste commence toujours par une direction claire.

  2. 02

    Concevoir

    J'organise les contenus, je travaille la hiérarchie, la typographie, les espacements et les premiers comportements des utilisateurs sur l'interface. L'objectif n'est pas d'ajouter, mais de trouver la bonne mesure.

  3. 03

    Développer

    L'interface prend forme dans le navigateur. Le code, le responsive, les animations et les comportements sont réalisés avec le même soin que la composition graphique.

  4. 04

    Finaliser

    Je termine par les détails qui se voient parfois moins, mais qui se ressentent toujours : performances, accessibilité, cohérence responsive, transitions, contenus réels et qualité de mise en ligne.

« La cohérence se construit dans les détails. »
Simon Derain, développeur et designer front-end freelance, basé à Paris et Bordeaux.

06 À propos

Je donne de la cohérence aux idées, jusque dans les moindres détails.

Depuis près de quinze ans, j'accompagne des marques, des agences et des équipes de création dans leurs projets digitaux. Concevoir, développer ou réunir les deux : le point de départ change parfois, mais l'objectif reste le même. Préserver l'intention d'origine et lui donner une forme juste, jusqu'au résultat final.

Basé à
Paris, Bordeaux, France — Remote
Focus
Marques · Agences · Projets sur mesure
Expertises
Conception · Interface · Développement
Outils
Figma · VS Code · IA générative

Agences
Collaboration en white label, intégration à vos équipes, respect de vos process et de vos deadlines.

07 Contact

Construisons un projet réfléchi, pensé pour durer.

Si mon approche vous semble pertinente pour votre projet, discutons-en.