Skip to content

Portrait éditorialisé de Ronan
Curieux. Rigoureux. Créatif.

Ronan Chenu

Interfaces web rapides, propres et maintenables

Basé à Lille, France

Disponible en CDI, CDD, remote et freelance

01À propos
3+ans d'expérience
~10projets réalisés
LilleCDI / Freelance
Disponible

Développeur React, Next.js, Node.js et TypeScript, spécialisé dans la conception d'interfaces web modernes, performantes et maintenables. J'interviens principalement sur des sujets front-end, avec une attention forte portée à la qualité d'exécution, à la lisibilité des parcours et à la cohérence produit. Mon approche s'appuie sur des projets concrets, pensés pour répondre à des besoins réels et produire un impact visible pour les utilisateurs comme pour l'entreprise. En dehors du développement, je nourris ma curiosité à travers le sport, la musique et les environnements créatifs.

Front-end

  • React
  • Next.js
  • Tailwind
  • Sass
  • Motion
  • Astro

Back-end

  • Node.js
  • Express
  • MongoDB
  • SQL
  • JWT
  • Nodemon

Langages

  • TypeScript
  • JavaScript
  • C#

Hébergement

  • Vercel
  • Supabase
  • Railway
  • Render
  • Neon
  • Firebase
  • Cloudflare

Outils

  • Figma
  • GitHub
  • Docker
  • VS Code
  • Postman
  • Photoshop
02Projets

Une sélection de projets récents

Des contextes différents, une même intention : rendre un produit plus simple à comprendre, plus agréable à utiliser et plus solide côté front.

Choisir un projet :
Palette
Accent#3A85EA
BG#0C0C0C
Surface#141F2E
FG#8A8A8B
Périmètre
  • SaaS
  • concept
  • direction artistique

Human Work Force

Les IA embauchent des humains.

Concept SaaS satirique où les intelligences artificielles recrutent des humains pour leurs tâches créatives, avec un ton volontairement décalé mais une exécution très produit.

Stack technique
React 19TypeScripti18nFramer Motion
03Création

Des créations plus libres, entre interfaces et univers de jeu

Une partie plus expérimentale de mon travail, où je construis des maps Source, des GUIs in-game et un projet de jeu vidéo avec la même exigence de rythme, de lisibilité et d'ambiance.

Level designTravaux créatifs

Maps Source

Des cartes pensées pour le rythme, la lecture et l'ambiance.

2017SOURCE_MAPS

Je conçois des maps pour le moteur Source avec une attention forte portée au flow, aux points de repère visuels et à la sensation d'exploration.

Chaque environnement est pensé comme un espace jouable et lisible: circulation, contrastes, composition et ambiance servent autant le gameplay que la mise en scène.

Points clés
  • Blockout, composition et circulation
  • Ambiance visuelle et points de repère
  • Lecture claire des volumes et des zones
Outils et terrain de jeu
Hammer EditorSource EngineLevel Design
Maps Source
04Modules

Des briques plus petites, pensées pour être utiles

Des mini projets plus ciblés, construits comme des modules autonomes : une intention claire, une exécution propre et une base facile à faire évoluer.

Utilitaire

Convert Img

Conversion d'images rapide et sans friction.

2026Format mini

Petit outil focalisé sur une tâche simple: convertir des images proprement, avec une interface claire et un parcours direct.

Le module a été pensé comme une brique autonome: peu de bruit visuel, actions immédiates et structure facile à enrichir si de nouveaux formats ou options sont ajoutés.

Points clés
  • Conversion rapide
  • Parcours minimal
  • Base extensible
Stack technique
JavascriptNode.js
04Profil & expérience

Une contribution rapide, structurée et orientée produit

J'interviens sur des environnements où il faut concevoir, structurer et faire avancer une interface avec exigence, tout en gardant une lecture claire des besoins métier et des priorités produit.

01

Interfaces & parcours

Concevoir des écrans lisibles, hiérarchisés et cohérents, pensés pour rendre les parcours plus fluides sur desktop comme sur mobile.

02

Systèmes UI & composants

Mettre en place des composants réutilisables, une base UI cohérente et des conventions simples pour accélérer la production sans dégrader la qualité.

03

Intégration front-end / API

Connecter l'interface à des APIs et à des usages concrets, avec une couche Node.js claire et pragmatique lorsque le projet le nécessite.

04

Qualité d'exécution

Finaliser les détails qui renforcent la perception du produit : responsive, accessibilité, performance, confort de lecture et cohérence visuelle.

Méthode

Une approche claire, fiable et orientée livraison

01

Cadrer le besoin

Identifier le problème à résoudre, les utilisateurs concernés et les priorités fonctionnelles pour poser une base de travail pertinente.

02

Clarifier l'usage

Travailler la hiérarchie de l'information, le rythme de lecture et les interactions pour rendre l'expérience plus intuitive et plus efficace.

03

Structurer une base solide

Mettre en place un front-end propre, des composants utiles et une intégration technique lisible pour faciliter l'évolution du produit.

04

Soigner la livraison

Vérifier les points qui font la différence en production : responsive, clavier, performance, cohérence visuelle et robustesse de l'intégration.