Disponible — CDI · Freelance · Remote OK · Caudry, Nord

Sébastien
Maurice

Développeur Front-End avec un œil de designer · UI · UX

Je code avec le regard d'un designer et je design en pensant à l'intégration. 15 ans de communication visuelle, formalisés par le bootcamp O'Clock 2026. D.E.S.S. infographie Paris VIII.

⚡ Code propre, sémantique, accessible
🎨 UI pixel-perfect, design system natif
📱 Mobile-first, Core Web Vitals 95+
HTML5 CSS3 JavaScript ES6+ Svelte Node.js Figma WordPress
Voir mes projets ↓ Me contacter ✉ CV PDF ↓
Sébastien Maurice — Développeur Front-End
Disponible immédiatement
🎓
Bootcamp O'Clock
Développeur Web & Web Mobile · 2026
2026 Promo O'Clock
15+ ans design
30+ projets livrés
Scroll
✦HTML5 · CSS3 · JavaScript ES6+ ✦Svelte · Node.js · Express ✦PostgreSQL · MySQL ✦Git · GitHub ✦Figma · Design System ✦WordPress · WooCommerce ✦API REST · Fetch ✦Responsive Mobile-First ✦Core Web Vitals 95+ ✦UX · UI · Branding ✦HTML5 · CSS3 · JavaScript ES6+ ✦Svelte · Node.js · Express ✦PostgreSQL · MySQL ✦Git · GitHub ✦Figma · Design System ✦WordPress · WooCommerce ✦API REST · Fetch ✦Responsive Mobile-First ✦Core Web Vitals 95+ ✦UX · UI · Branding
Mon profil
Un développeur qui pense design.
Un designer qui comprend le code.

Après 15 ans à créer des identités visuelles, des sites WordPress et des supports print pour des PME locales, j'ai formalisé ma pratique du front-end avec le bootcamp O'Clock 2026. Résultat : je maîtrise la chaîne complète de la maquette Figma à l'intégration HTML/CSS/JS, en passant par les APIs REST et la gestion de base de données. Cette double casquette me permet de livrer des interfaces qui sont à la fois techniquement solides et visuellement cohérentes, sans aller-retour inutile entre dev et design.

Stack technique

Stack &
Compétences

Bootcamp intensif O'Clock 2026 + 15 ans de pratique design.
Les barres reflètent mon niveau réel, pas ce que je veux vendre.

🖥️ Front-End Cœur de métier
HTML5 sémantique Opérationnel
CSS3 / Flexbox / Grid Opérationnel
JavaScript ES6+ En progression
Svelte En progression
Animations CSS / JS Opérationnel
🎨 Design & UI Superpower
Figma / Prototypage Confirmé
Design System Confirmé
Adobe Suite (Ps, Ai, Id) Expert · 15 ans
Responsive & UX Opérationnel
Branding / Identité visuelle Expert · 15 ans
⚙️ Back-End Bases solides
Node.js / Express Notions avancées
API REST (fetch / create) Notions avancées
PostgreSQL / MySQL Notions
Git / GitHub Opérationnel
WordPress / WooCommerce Expert · 15 ans

Suffisant pour lire une API, comprendre un back existant et ne pas bloquer une équipe sur l'intégration.

Opérationnel / Confirmé / Expert
En progression (formation récente)
Notions — À approfondir
ℹ️ Niveaux auto-évalués avec honnêteté — je préfère sous-promettre et sur-délivrer.
Développement Front-End

Projets &
Réalisations

Projets issus du bootcamp O'Clock 2026 et missions freelance. HTML sémantique, CSS prévisible, JS qui fait ce qu'on lui demande.

Ciné Délices — Homepage
Ciné Délices — Ambiance
Ciné Délices — Détail
Projet phare O'Clock SPA · Full-Stack Films & Gastronomie

Ciné Délices

Plateforme associant films cultes et suggestions culinaires. J'ai d'abord conçu le design system sous Figma — typographies Cinzel + Playfair, palette or/noir/rouge, composants atomiques — avant d'écrire une ligne de code. Résultat : une SPA Svelte avec API TMDB, gestion d'état, routing client, PostgreSQL. Premier projet full-stack géré seul côté front.

Ce que j'ai fait
  • Design system Figma complet avant le code
  • SPA Svelte avec routing côté client
  • Consommation API TMDB + gestion des erreurs
  • Carrousels, badges animés en CSS/JS natif
  • Responsive mobile-first, testé iOS/Android
  • Design → code : chaque composant Figma a sa contrepartie HTML/CSS directe
Svelte HTML5 CSS3 JS ES6+ Node.js Express API TMDB Figma PostgreSQL
Voir le repo →
Dev N'Dumber
Dev N'Dumber — Interface
Full-Stack Équipe de 4

Dev N'Dumber

Lead front-end dans une équipe de 4. Design des mascottes, charte graphique, structure HTML/CSS. Première vraie expérience Git collaboratif : PR, branches feature, merge conflicts résolus en live. Workflow Agile, livraison en 2 semaines.

HTML5 CSS3 JS Node.js PostgreSQL Git
Repo →
Les Présents d'Ange'L
Les Présents d'Ange'L — Boutique
Mission freelance E-commerce · UX

Les Présents d'Ange'L

Refonte UX d'une boutique bijoux : audit des frictions de conversion, hiérarchie visuelle repensée, bouton panier repositionné, galerie produit retravaillée, cohérence de marque.

CSS3 JS UX Audit Responsive
Expérimentations

Labs & Projets perso

Pas de client, pas de brief. Juste moi qui explore une techno ou un effet qui m'intriguait.

Ghibliothèque
Lab · JS Vanilla · API
Ghibliothèque

Galerie Ghibli via API. Exercice volontaire fetch + gestion d'état en JS vanilla — sans framework pour maîtriser les fondamentaux.

HTMLCSSJS Vanilla
Trombinoclock
Lab · Svelte · Stores
Trombinoclock

Trombinoscope promo avec horloge temps réel. Premier Svelte from scratch : stores réactifs, réactivité déclarative maîtrisée.

SvelteStoresAPI
O'Coffee
Lab · CSS Animations
O'Coffee

Interface barista. Exploration transitions CSS A→Z : cubic-bezier, will-change, transform. Comprendre les causes de jank.

HTMLCSSJS
UI / Interface Design

Design appliqué
au développement

D.E.S.S. infographie à Paris VIII (1999), 15+ ans de communication visuelle pour des PME. Ce background change directement la façon dont je structure un composant, choisis une typographie ou hiérarchise une information dans le DOM.

Outils maîtrisés
Ps
Photoshop
Ai
Illustrator
Id
InDesign
Ae
After Effects
Xd
Adobe XD
Lr
Lightroom
Fig
Figma
Sk
Sketch
✏️
Wireframing
Structure et architecture de l'information avant le design visuel.
🎯
Prototypage Figma
Prototypes interactifs haute fidélité pour validation UX rapide.
🧩
Design System
Composants atomiques, tokens et documentation.
🎨
Branding
Identité visuelle, charte graphique, déclinaisons print & digital.
🌐
Webdesign sur mesure
Interfaces uniques, cohérentes, orientées conversion.
✨
Micro-interactions
Animations subtiles pour enrichir l'expérience sans surcharger.
🎬
Direction artistique
Vision globale, moodboards, storytelling visuel cohérent.
Webdesign & Intégration

Interfaces & Maquettes UI

Direction artistique — Portfolio
Direction artistique→ Intégré
Personal portfolio website⊕
E-commerce — Dashboard UI
E-commerceDashboard UI
Good Sun — Shop⊕
Streaming — Design System
Figma → HTML/CSSDesign System
Ciné Délices — UI⊕
Food delivery — Interface
Food AppUX Research
GrabDrink — Mobile First⊕
Artist — Landing page
Landing Page→ Intégré
Chaunté Shayne — Artist Website⊕
Figma · Design System · Prototypes

Maquettes & Prototypes UI

Logo Domaine de Chavagnac
⊕Domaine de Chavagnac
Logo Eloustick
⊕Eloustick
Logo Galaxy
⊕Galaxy
Logo HOZ
⊕HOZ — Logotype
Logo HOZ 1
⊕HOZ — Variante 1
Logo HOZ 2
⊕HOZ — Variante 2
Logo Le Rucher
⊕Le Rucher
Logo L'Iridologie
⊕L'Iridologie
Logo création
⊕Création logo
Logotype L'Iridologie
⊕L'Iridologie — Présentation
Logo Geonomia
⊕Geonomia
Logo O'Dej
⊕O'Dej
Logo Qube
⊕Qube
Logo Reflet d'Hair
⊕Reflet d'Hair
Logo Rudy Lesaint
⊕Rudy Lesaint
Logo Semauri
⊕Semauri
Carte Rudy Lesaint
⊕Rudy Lesaint
Carte Ces Petits Riens
⊕Ces Petits Riens
Carte Déclic Info
⊕Déclic Info
Carte EMAS
⊕EMAS
Carte Guillemins
⊕Guillemins
Carte Jim Motor
⊕Jim Motor
Carte Péniche
⊕La Péniche
Carte Reflet
⊕Reflet d'Hair
Carte Toit et Nous
⊕Toit et Nous
Flyer Blangis Immo
⊕Blangis Immo
Flyer Mon Store
⊕Mon Store
Flyer Sophrologue
⊕Sophrologue
Flyer Toit et Nous
⊕Toit et Nous
Flyer A5 Rudy Lesaint
⊕Rudy Lesaint A5
Flyer Gardopoil
⊕Gardopoil
Flyer Gardopoil pres
⊕Gardopoil — Présentation
Flyer Nain Jaune
⊕Nain Jaune
Flyer Reflet
⊕Reflet d'Hair
Enseigne 1
⊕Enseigne lumineuse
Enseigne 2
⊕Enseigne extérieure
Enseigne 3
⊕Pose enseigne
Enseigne La Chapelle
⊕La Chapelle
Enseigne Le Mykonos
⊕Le Mykonos Cambrai
Taverne Elektrik
⊕Taverne Elektrik
Enseigne Vertigo
⊕Vertigo
Covering Cardon
⊕Cardon
Covering véhicule
⊕Covering véhicule
Covering côté
⊕Côté véhicule
Covering Securitest
⊕Securitest
Covering démo
⊕Covering démo
Marquage véhicule
⊕Marquage véhicule
Covering Tête aux Ongles
⊕De la Tête aux Ongles
Brochure Geonomia
⊕Geonomia — Brochure
Dépliant Ces Petits Riens
⊕Ces Petits Riens
Dépliant Tête aux Ongles
⊕De la Tête aux Ongles
Banner Geonomia
⊕Geonomia — Banner
Kakemono Geonomia
⊕Geonomia — Kakémono
Broderie Erigé
⊕Erigé — Broderie
Broderie FLC
⊕FLC Broderie
Packaging Ces Petits Riens
⊕Ces Petits Riens — Packaging
WordPress & WooCommerce

CMS &
E-commerce

15+ ans avec WordPress. Je connais les plugins qui font la différence, et ceux à éviter. Ma formation front-end m'a appris à lire et optimiser le code généré — là où les page builders sont généreux en balises inutiles.

Expertises CMS
  • 01
    WordPress — 15+ ansVitrine, blog, site complexe avec Elementor ou Divi, responsive & Core Web Vitals optimisés.
  • 02
    WooCommerceBoutique personnalisée, paiements Stripe/PayPal, stocks, UX checkout, variantes avancées.
  • 03
    PrestaShopCréation et maintenance de boutiques, modules custom, intégrations paiement et logistique.
  • 04
    WebflowIntégration no-code avancée, CMS Webflow, animations natives, export clean.
  • 05
    Migrations CMSWix → WordPress, PrestaShop → WooCommerce : récupération contenus et relivrance SEO.
  • 06
    Core Web Vitals & SEOOptimisation LCP, FID, CLS — scores PageSpeed 95+, balises meta, maillage interne.
  • 07
    Maintenance & supportMises à jour, sauvegardes, sécurité WP, monitoring et formation client.
Chiffres clés
20+
Sites CMS livrés
95+
Score PageSpeed moyen
15+
Ans WordPress
4
Migrations Wix
Stack maîtrisé
WordPress WooCommerce PrestaShop Webflow Elementor Divi Gutenberg ACF Yoast SEO WP Rocket
Réalisations

Projets CMS

Palimpseste Urbain
Architecture · Culture
Palimpseste Urbain
Refonte complète WordPress pour un cabinet d'architecture et urbanisme. Plusieurs directions webdesign proposées, migration OVH, Elementor, SEO. palimpseste-urbain.com ↗
WordPressElementorSEOMigration OVH
★★★★★
"Sébastien a réalisé un travail remarquable. Il a compris nos enjeux et proposé des conceptions pertinentes et percutantes. Un professionnel hors pair !"
Ryad AsselahDirecteur — 31/05/2024
Petit Château Vercourt
Tourisme · Hébergement
Petit Château Vercourt
Site vitrine touristique élégant avec système de réservation. WordPress Elementor, SEO local, interface facilement administrable. petitchateauvercourt.com ↗
WordPressWooCommerceDiviSEO Local
★★★★★
"Rapide, efficace et expérimenté, il a su répondre parfaitement à nos besoins."
Alexia18/07/2024
GSTI62
Industrie · B2B
GSTI62
Migration Wix → WordPress pour une entreprise d'usinage de précision. Fusion de deux entités, système de devis WooCommerce, formation client. gsti62.com ↗
WordPressWooCommerceElementorMigration Wix
★★★★★
"Professionnel, efficace et respectueux des délais. Très recommandé !"
Virginie23/11/2023
Alternativ' Uniforme
Alternativ' Uniforme — 2
Alternativ' Uniforme — 3
E-commerce · Uniformes
Alternativ' Uniforme
E-commerce vêtements professionnels avec personnalisation produit sur mesure. alternativ-uniforme.fr ↗
WooCommerceWordPressPrestaShopSEO
Geonomia
Environnement · Bureau d'études
Geonomia
Site pour un bureau d'études spécialisé en lumière, acoustique, Bilan Carbone®. geonomia.fr ↗
WordPressElementorPerformanceSEO
★★★★★
"Merci pour ton excellent travail : rapide, précis et efficace."
Eric Havard — Gérant17/04/2024
Eloustick
Eloustick — 2
Agence · Digital · PrestaShop
Eloustick
Mon agence digitale de 2009 à 2015. Sites web, identités visuelles et stratégie pour PME locales. E-réputation 5/5 pendant 10 ans.
WordPressPrestaShopBrandingSEO
Parcours

Curriculum
Vitæ

Un trajet non-linéaire qui est une force : designer → communicant → développeur. Chaque étape a enrichi la suivante.

Télécharger le CV
⚡ Front-End DeveloperHTML · CSS · JS · Svelte · UX ↓ 🎨 Product Designer UXDesign · Prototypage · Branding ↓
Sébastien Maurice
Disponible
Freelance & CDI
Localisation
Caudry, Nord (59)
Expériences
2022 — 2025
Développeur Front-End / UI Designer
Agence HOZ · Freelance
Conception UX/UI d'interfaces digitales. Wireframes, prototypes Figma, design systems, intégration front-end, collaboration équipes dev.
2021 — 2022
Responsable d'Agence
Pano'Sign Service · Dechy
Pilotage agence (McDonald's, Bureau Vallée…) : gestion projets, suivi clients, production graphique et signalétique.
2016 — 2020
Front-End / UI Designer / Graphiste
Alternativ' Uniforme · Caudry
Refonte WordPress/WooCommerce, design UI, intégration, SEO et optimisation conversion e-commerce.
2014 — 2015
Front-End / UI Designer / Graphiste
Thymep · Ligny-en-Cis
Sites web WordPress et front custom, conception graphique, enseignes, signalétique, covering. Collaboration production et suivi Front-End.
2009 — 2015
Responsable Agence Digitale
Eloustick · Caudry
Agence digitale : sites WordPress, e-commerce PrestaShop, identités visuelles pour PME locales. E-réputation 5/5 Google pendant 10 ans.
Formation
2026 · Récent
Bootcamp Développeur Web & Web Mobile
O'Clock — Formation intensive full-stack
Front-End : HTML, CSS, JS ES6+, Svelte · Back-End : Node.js, Express, APIs REST · DB : MySQL, PostgreSQL · Workflow : Git / GitHub
1999
D.E.S.S. Infographie & Multimédia (M2)
Université Paris VIII — Vincennes-Saint-Denis
1997
Licence Design Graphique
Université Paris VIII — Vincennes-Saint-Denis
Outils & Stack
🐙 Git / GitHub
⬡ Node.js
🗄️ SQL
🎨 Figma
⚡ Svelte
📦 WordPress
🛒 WooCommerce
🔧 Elementor
🐳 Docker
🌐 Apache
IA au quotidien
Claude Pro
Pro
Cursor
Dev
Midjourney
Pro

L'IA m'accélère, elle ne code pas à ma place. Je l'utilise comme un copilote — pour éviter de passer 1h sur un bug de regex, pas pour éviter de comprendre ce que le code fait.

Collaboration

Un projet ?
Travaillons ensemble.

Junior Front-End avec 15+ ans de design. Je cherche une équipe qui aime faire de belles choses proprement — en freelance ou en CDI, remote depuis Caudry (Nord).

M'envoyer un email ✉ LinkedIn ↗ Malt ↗
Disponible immédiatement · CDI & Freelance · Remote / Présentiel · Nord (59)
Git DUMBER
⎇ main
Git Dumber
Sébastien Maurice
Sébastien Maurice — Développeur Front-End Junior & UI Designer