Portfolio · 2026

Développeur Web & Illustrateur

Vincent Bodart

Nymphéas · Claude Monet · 1906

Portrait dessiné de Vincent Bodart

Développeur frontend basé en France.
Je conçois des interfaces qui répondent à un besoin, pas des vitrines.

30+Projets WordPress
20+Projets Drupal
10+Technologies
Défiler
À propos

Développeur & créatif avant tout.

Je m'appelle Vincent Bodart, développeur web frontend basé en France, avec une double casquette qui me tient particulièrement à cœur : le code d'un côté, l'illustration de l'autre.

Après une formation en développement web, j'ai rejoint une agence de communication où j'ai pu travailler sur des dizaines de projets variés, sites vitrines, boutiques e-commerce, blogs, emailings, sur des technologies aussi diverses que WordPress, Drupal, VueJS ou Symfony.

Ce qui m'intéresse vraiment, ce n'est pas d'empiler les livraisons : c'est de créer des interfaces qui répondent à un besoin. L'UX et l'UI occupent une place centrale dans ma façon de développer, une interface doit apporter quelque chose au visiteur, pas se contenter d'exister. Sur les projets pro, ça commence en amont, avec le graphiste : benchmark, arbitrage des fonctionnalités, allers-retours sur la maquette. Les choix de stack se discutent, ils ne s'imposent pas.

Chaque projet est aussi l'occasion de me confronter à quelque chose que je ne sais pas encore faire, les animations GSAP du Gymnobus, l'éco-conception de Sidamo, le parallaxe de Frisetoire qui m'a demandé des semaines avant de tenir debout. C'est volontaire : sortir de ma zone de confort fait partie de la méthode.

Sur mes projets personnels, je prends aussi la casquette graphique : maquettes, direction artistique, mises à jour visuelles. Le métier de graphiste m'aurait beaucoup plu, alors j'en fais une corde de plus à mon arc. J'y applique deux règles : des technologies simples et robustes, et aucune collecte de données personnelles.

Spécialité principaleDéveloppement Frontend
ApprocheL'UX/UI avant le code
SecteurAgence de communication Web
CMS de prédilectionWordPress & Drupal
Double compétenceDéveloppeur & Illustrateur
LanguesFrançais · Anglais technique
Mode de travailSolo & en équipe
DisponibilitéOuvert aux opportunités
Ce qui me définit
Une interface qui a du sens
Je cherche à concevoir des interfaces qui répondent à un vrai besoin. Un site à la chaîne où l'on change deux couleurs et trois photos ne m'intéresse pas.
De la R&D à chaque projet
Sur chaque projet je m'impose un point technique que je ne maîtrise pas encore. C'est plus lent au départ, mais c'est comme ça que j'apprends vraiment.
Illustration & direction artistique
Une pratique régulière qui affûte mon sens du détail visuel, et sur mes projets personnels, je signe aussi les maquettes.
Architecture propre
J'accorde autant d'importance à la lisibilité du code qu'à la qualité du rendu final côté utilisateur.
Accessibilité & éco-conception
HTML sémantique, contrastes, navigation clavier, poids de page maîtrisé : des exigences que j'applique pendant le développement, pas en correctif de fin de projet.
SEO & performance
Un beau site qui ne se charge pas ou qui n'est pas référencé, c'est un projet à moitié livré.
Transmission
Former le client à gérer son propre contenu, encadrer les stagiaires, documenter mes développements, une évidence pour moi.
L'IA comme outil, pas comme béquille
Je conçois et j'écris mon code. L'IA m'accélère sur des phases précises, tests, boilerplate, exploration d'une techno, revue, documentation. Savoir où placer la frontière fait partie du métier.
Veille technologique
Articles, posts LinkedIn, expérimentations, rester à jour est pour moi une routine, pas une obligation.
01 / 07

Front-end

C'est là que je suis le plus à l'aise et le plus utile : traduire une intention de design en interface qui tient la route. Je maîtrise jQuery pour les projets historiques sous WordPress et Drupal, mais je privilégie volontairement le JavaScript natif sur tout ce que je démarre, moins de dépendances, moins de dette, un code qui vieillit mieux.

HTML5
Avancé
CSS3 / SCSS / SASS
Avancé
JavaScript
Avancé
Bootstrap 4 / 5
Avancé
Twig
Avancé
jQuery
Avancé
AstroJS
Avancé
VueJS
Intermédiaire
ReactJS
Intermédiaire
Tailwind
Intermédiaire
AJAX
Intermédiaire
Création d'emailing
Intermédiaire
Création de signature mail
Intermédiaire
ThreeJS
Débutant
GSAP
Débutant
02 / 07

Back-end

Plutôt à l'aise avec les langages frontend, je m'intéresse aussi au backend. Pour moi, comprendre le fonctionnement côté serveur est indispensable pour créer des solutions complètes.

PHP 8
Intermédiaire
SQL / MySQL
Intermédiaire
Création d'un CRUD
Intermédiaire
Symfony 5 / 7
Débutant
Node.js
Notions
CakePHP
Notions
Création d'un espace administrateur
Débutant
03 / 07

CMS

Parce que permettre à un novice d'utiliser son site sans écrire une ligne de code est important à mes yeux, j'ai appris et pratiqué plusieurs CMS pour faciliter la gestion de contenu. Livrer le site n'est que la moitié du travail : je forme systématiquement le client à gérer son contenu en autonomie.

Missions from scratch Intermédiaire
10+ projets réalisés
  • Avec ou sans CMS
Drupal 7 → 11 Avancé
20+ projets réalisés
  • Cinq versions majeures pratiquées, migrations comprises
  • Création de thème sur mesure
  • Création de module sur mesure
  • Mise en forme des pages
  • Mise en place d'une boutique
  • Mise en place d'un blog
  • Mise en place du multilingue
WordPress Avancé
30+ projets réalisés
  • Création de thème sur mesure
  • Gutenberg, Elementor, Visual Composer WP Bakery et templates PHP
  • Mise en forme des pages
  • Mise en place d'une boutique
  • Mise en place d'un blog
  • Mise en place du multilingue
  • Calendrier personnalisé
  • Création de plugin sur mesure
  • Création de widget sur mesure
  • Création de shortcode sur mesure
  • Création de page sur mesure
  • Création de formulaire sur mesure
  • Création de page équipe sur mesure
PrestaShop Intermédiaire
1 projet réalisé
  • Création de thème sur mesure
  • Mise en place d'une boutique
  • Mise en forme des pages
  • Mise en place du multilingue
Thelia Intermédiaire
1 projet réalisé
  • Création de thème sur mesure
  • Mise en place d'une boutique
  • Mise en forme des pages
WiX Avancé
1 projet réalisé
  • Mise en forme des pages
  • Mise en place d'une boutique
  • Mise en place d'un blog
  • Mise en place du multilingue
04 / 07

Qualité web
accessibilité & éco-conception

Un site n'est pas livré parce qu'il s'affiche : il l'est quand il est utilisable par tout le monde et qu'il ne pèse pas pour rien. J'applique ces exigences au fil du développement plutôt qu'en correctif de fin de projet, et sur le site Empreinte Responsable de Sidamo, elles ont été le cahier des charges lui-même.

HTML sémantique
Avancé
Textes alternatifs systématiques
Avancé
Contrastes & lisibilité
Avancé
Navigation au clavier
Intermédiaire
ARIA
Intermédiaire
Tests lecteur d'écran
Intermédiaire
Référentiel RGAA
Intermédiaire
Éco-conception (RGESN / GreenIT)
Intermédiaire
Optimisation des images
Avancé
Réduction des requêtes
Intermédiaire
Limitation des scripts tiers
Intermédiaire
Hébergement vert
Intermédiaire
RGPD
Intermédiaire
05 / 07

Outils & Autres

Même si j'adore le développement, d'autres compétences restent essentielles : référencement web, UX, outils de production et bonnes pratiques techniques au quotidien. J'ai aussi développé au fil des projets un œil critique sur les sites existants, repérer ce qui manque, ce qui gêne l'utilisateur, ce qui peut être amélioré.

Référencement (SEO)
Avancé
UI - UX
Intermédiaire
Audit & regard critique sur un site
Intermédiaire
Formation des clients à leur site
Avancé
Encadrement de stagiaires
Intermédiaire
Git
Intermédiaire
Logiciels
Intermédiaire
Configuration serveur
Intermédiaire
Anglais technique
Intermédiaire
Veille technologique
Intermédiaire
06 / 07

Ce que j'explore

Les technologies que je connais sans les maîtriser encore, et que j'aborde projet après projet. Je conçois et j'écris mon code ; j'utilise l'IA comme un accélérateur sur des phases précises, génération de tests, boilerplate, exploration d'une techno inconnue, revue et documentation. Savoir où placer cette frontière fait partie du métier.

TypeScript
Notions
Tests automatisés
Notions
CI / CD
Notions
Docker
Notions
API REST & headless
Notions
Assistants IA (méthode de travail)
Intermédiaire
07 / 07

Loisirs

Au quotidien, je nourris ma curiosité avec des activités qui enrichissent autant ma créativité que ma façon de penser.

Histoire
Jeux vidéo
Badminton
Course à pied
Dessin
Films
Séries
Voyage
Nouvelles technologies
Musique
Photo
Fleurs

Expériences

1 poste
01 Depuis Juin 2019
En poste
Développeur Web
L&B Synergie
Tours (37)
Développement de sites et applications web sur mesure pour divers clients, du site institutionnel à la boutique e-commerce.

En sept ans, mon rôle a dépassé le développement seul : je monte en compétence sur de nouvelles technologies à chaque projet (Drupal, WordPress en profondeur, AstroJS), je travaille en autonomie sur les choix techniques, discutés en amont plutôt qu'imposés,, je forme les clients à gérer leur site sans moi, et j'encadre les stagiaires qui passent par l'agence.

J'ai surtout développé un regard critique : savoir auditer un site existant, pointer ce qui manque et proposer les améliorations qui comptent pour le visiteur.
Adobe XD Bootstrap 5 CakePHP WordPress Drupal PHP PrestaShop ReactJS Twig Tailwind VueJS WiX

Formation

3 diplômes
01 2017, 2019
BTS SIO - Option SLAM
Lycée Aliénor d'Aquitaine
Poitiers (86)
Résultat : 14,5/20.
Android Studio CSS HTML Java JavaScript jQuery PHP SQL Symfony 5
02 2015, 2017
M2IPC - Spécialité Informatique
Université des Sciences Fondamentales Appliquées
Poitiers (86)
M2IPC - Mathématique Informatique Ingénierie Physique et Chimie.
ADA CSS HTML JavaScript
03 2012, 2015
Bac Scientifique - Sciences de l'Ingénieur
Lycée Léonard de Vinci
Amboise (37)
Formation scientifique orientée raisonnement, analyse et approche technique des systèmes.

Réalisations professionnelles

18 projets
04 2026
Les Foulées de l'Arche
Site web événementiel running.
Création du site web pour Les Foulées de l'Arche, un événement running organisé à Tours Nord.
AstroJSTailwindUI/UX
05 2026
Roc Confortation
Site web BTP avec page recrutement et realisations.
Agent du BTP
Creation du site web pour Roc Confortation, specialise dans les travaux de cavite et de confortement, avec des pages dediees au recrutement et aux realisations.
WordPressGutenberg
06 2026
Harmonie Mutuelle - 10km, 20km et Marathon de Tours
Site web pour le 10km, 20km et Marathon de Tours.
Développement du site web pour l'événement Harmonie Mutuelle - 10km, 20km et Marathon de Tours, permettant aux participants de s'inscrire, de consulter les parcours et les résultats.
DrupalPHPJavaScript
07 2025
Alkhaliji France
Site web institutionnel bancaire.
Banque Qatar / Arabie saoudite implantée en France
Conception et développement du site web d'Alkhaliji France, avec une approche UI/UX orientée performance, accessibilité et conformité réglementaire DORA/RGPD.
WordPressGutenbergUI/UXDORARGPDMultilangue
08 2025
Les Lauriers de la QVCT
Site web pour Les Lauriers de la QVCT.
Développement from-scratch du site web pour Les Lauriers de la QVCT, un dispositif d'appel à projets visant à valoriser les entreprises engagées autour de la Qualité de Vie et des Conditions de Travail.
TailwindHTMLCSSJavaScript
09 2024
Conférence Régionale du Sport Centre Val de Loire
Site web pour la Conférence Régionale du Sport.
Développement du site web pour la Conférence Régionale du Sport, permettant de consulter les informations et les actualités liées à l'événement.
WordPressPHPJavaScript
10 2024
La Toupie Voyageuse
Site web pour La Toupie Voyageuse.
Développement du site web pour La Toupie Voyageuse, un blog de voyage proposant des articles et des conseils pour voyager. La Toupie Voyageuse propose des voyages sur-mesure pour les familles, les couples et les groupes d'amis.
WordPressPHPJavaScriptCSSHTMLGutenberg
11 2024
Move At Work
Site web pour Move At Work.
Création du site web pour Move At Work, une entreprise proposant des solutions de bien-être au travail.
WordPressPHPJavaScript
12 2024
Run 4 Diversity
Site web pour Run 4 Diversity.
Développement du site web pour Run 4 Diversity, un événement sportif promouvant la diversité et l'inclusion.
WordPressPHPJavaScript
13 2023
Golden Blocks
Site web pour Golden Blocks.
Création du site web pour Golden Blocks, une initiative visant à promouvoir l'athlétisme dans les quartiers populaires.
WordPressPHPJavaScriptCSSHTMLGutenberg
14 2023
Security Data Network
Site web pour Security Data Network.
Développement du site web pour Security Data Network, une entreprise spécialisée dans la sécurité des données.
WordPressPHPJavaScript
15 2023
Sisteo Communication
Site web pour Sisteo Communication.
Réalisation de la nouvelle interface graphique et développement du nouveau site web de Sistéo Communications, spécialiste des métiers de connexion, intégration de systèmes téléphoniques, informatiques, GED et imprimantes.
WordPressPHPJavaScript
16 2023
Sphere Inserm
Site web pour Sphere Inserm.
Développement du site web pour Sphere Inserm, un projet de recherche en santé publique.
DrupalPHPJavaScript
17 2022
Liaison Events
Site web pour Liaison Events.
Développement du site web pour Liaison Events, une entreprise spécialisée dans l'organisation d'événements.
DrupalPHPJavaScript
18 2021
PlayGround Event
Site web pour PlayGround Event.
Création du site web pour Playground Event, une entreprise proposant des événements sportifs et ludiques.
DrupalPHPJavaScript

Projets personnels

6 projets
01 2025
À la une
HTMLCSSJavaScript
02 2024
À la une
JavaScriptCanvas APICSS
03 2024
Dessin
04 2024
IllustrationProcreate
05 2024
JavaScriptCSSHTMLCanvas API
06 2023
Illustration