Skip to content

Editorial portrait of Ronan
Curious. Thorough. Creative.

Ronan Chenu

Building fast, clean and maintainable web interfaces

Based in Lille, France

Available for CDI / CDD / Remote, Freelance

01About
3+years experience
~10projects shipped
LilleCDI / Freelance
Available

React, Next.js, Node.js and TypeScript developer focused on building modern, performant and maintainable web interfaces. I mainly contribute on front-end topics, with strong attention to execution quality, journey clarity and product consistency. My work is grounded in real projects designed to solve concrete needs and create visible impact for both users and the business. Outside of development, I stay curious through sports, music and creative environments.

Front-end

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

Backend

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

Languages

  • TypeScript
  • JavaScript
  • C#

Hosting

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

Tools

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

A selection of recent work

Different contexts, one intention: make a product easier to understand, more enjoyable to use and more solid on the front.

Pick a project:
Colour palette
Accent#3A85EA
BG#0C0C0C
Surface#141F2E
FG#8A8A8B
Project scope
  • SaaS
  • concept
  • art direction

Human Work Force

AIs hire humans.

Satirical SaaS concept where AIs recruit humans for creative tasks, with a deliberately playful tone but a product-grade execution.

Tech stack
React 19TypeScripti18nFramer Motion
03Creation

More open creative work, between interfaces and game worlds

A more experimental part of my work, where I build Source maps, in-game GUIs, and a video game project with the same attention to pacing, readability, and atmosphere.

Level designCreative work

Source Maps

Maps shaped around pacing, readability, and atmosphere.

2017SOURCE_MAPS

I build maps for the Source engine with a strong focus on flow, visual landmarks, and the feeling of exploration.

Each environment is built as a playable, readable space where circulation, contrast, composition, and atmosphere support both gameplay and staging.

Key points
  • Blockout, composition, and circulation
  • Visual atmosphere and landmarks
  • Clear readability of volumes and areas
Tools and playground
Hammer EditorSource EngineLevel Design
Source Maps
04Modules

Smaller building blocks, designed to stay useful

More focused mini projects, built like self-contained modules: clear intent, clean execution, and a structure that stays easy to evolve.

Utility

Convert Img

Fast image conversion without friction.

2026Mini format

A focused utility built for one simple job: converting images cleanly with a clear interface and a direct flow.

This module was designed as a self-contained building block: low visual noise, immediate actions, and a structure that stays easy to extend when new formats or options are added.

Key highlights
  • Fast conversion
  • Minimal flow
  • Extensible base
Tech stack
JavascriptNode.js
04Profile & Experience

A fast, structured and product-minded contribution

I contribute best in environments where an interface needs to be designed, structured and pushed forward with high standards, while keeping business needs and product priorities clearly in view.

01

Interfaces & flows

Designing clear, well-structured screens that make journeys easier to understand and smoother to use across desktop and mobile.

02

UI systems & components

Setting up reusable components, a consistent UI foundation and simple conventions to speed up delivery without lowering quality.

03

Front-end / API integration

Connecting interfaces to APIs and real use cases, with a clear and pragmatic Node.js layer when the project needs it.

04

Execution quality

Finishing the details that strengthen product perception: responsive behavior, accessibility, performance, reading comfort and visual consistency.

Approach

A clear, reliable and delivery-focused approach

01

Frame the need

Clarify the problem to solve, the users involved and the functional priorities so the work starts on the right foundation.

02

Clarify the experience

Shape information hierarchy, reading rhythm and interactions so the product feels more intuitive and efficient to use.

03

Build a solid foundation

Create a clean front-end structure, useful components and readable technical integration that support long-term product evolution.

04

Deliver with care

Validate the details that matter in production: responsive behavior, keyboard support, performance, visual consistency and robust integration.