Nathaniel Burlot

À propos

Un dessinateur qui a grandi avec le web, qui conçoit aujourd'hui des interfaces, des illustrations et des systèmes visuels avec soin.

Je suis designer : identité visuelle, design systems, accessibilité. Au quotidien : HTML, CSS/SCSS, ergonomie, couleur, typographie. L'envie de faire des objets numériques qui sonnent juste plutôt qu'assemblés.

À côté, je dessine : BD, croquis de modèles vivants, personnages. Et je réfléchis à l'accessibilité dans la narration séquentielle. Personnel, pas un service : c'est là que j'apprends.

Ingénieur d'études à l'Université de Lille, beaucoup de ce que je livre commence sur papier avant d'arriver à l'écran.

Parcours

2022 / aujourd'hui
Ingénieur d'études, Université de Lille
2014 / 2022
Concepteur multimédia, Université de Lille
2009 / 2014
Graphiste multimédia, CCCP (jeu vidéo)
2007 / 2009
Master arts numériques, Université de Valenciennes

En bref

Ce que j'aime concevoir

De la clarté, et du temps gagné en amont. Des interfaces lisibles, des choix documentés, un rangement presque beau. Mais aussi de la variété : dessin, ergonomie, recherche visuelle. Tout se nourrit.

Comment je travaille

Papier, listes à points, pomodoro. Des prototypes quand il le faut, Figma aujourd'hui, XD hier. Surtout : trier ce que mon cerveau déverse sans filtre.

Où je suis basé

Dans le Nord, à deux pas de la frontière belge. Ouvert à la relocalisation, en particulier en Flandre. À l'aise en remote.

Outils

De l'encre au pixel, je change d'outil sans complexe : suite Adobe, suite Affinity, Figma, VS Code, et d'autres encore. Seul compte ce que l'outil permet de produire.

Boîte à outils

Une couleur par domaine de pratique, le même codage se retrouve sur chaque vignette de projet.

Design d'interface

  • HTML
  • CSS
  • SCSS
  • Ergonomics
  • Light animation
  • Prototyping

Design systems

  • Design tokens
  • Component libraries
  • Theming
  • Documentation
  • Figma libraries
  • Accessibility audits

Identité visuelle

  • Visual identity
  • Logotypes
  • Typography
  • Colour
  • Editorial layout

Illustration

  • Ink
  • Digital painting
  • Character design
  • Sequential storytelling
  • Life studies

Enseignement

  • Workshops
  • Course design
  • Mentoring
  • Accessibility training

Expérience d'enseignement

À côté de mon travail de design, j'ai régulièrement enseigné des sujets liés au design dans des contextes d'enseignement supérieur. Ces sessions m'ont permis de partager des pratiques ancrées dans la clarté, l'accessibilité et la structure, de la mise en page imprimée aux interfaces numériques.

UX · Accessibilité

Université de Lille - formations internes

2025 • Formateur interne

Créer des PDFs accessibles avec InDesign et Adobe Acrobat Pro : balisage, réglages d'export, compatibilité lecteurs d'écran

Collègues et personnels travaillant sur des supports pédagogiques et publications officielles

Illustration · Design

Université de Valenciennes - Master Création Numérique

2011 / 2012 • Intervenant externe

Storyboard, composition visuelle, principes typographiques et identité graphique

Étudiants en master design multimédia et création numérique

Illustration · Animation

Supinfogame / Rubika (Valenciennes)

2011 • Animateur de workshop

Techniques d'animation 2D pour jeux vidéo : mise en scène, structure timeline, rythme narratif pour formats interactifs

Étudiants en art du jeu (Bachelor / Master)

Ces sessions, même anciennes, ont affiné ma capacité à expliquer la logique de design, à des profils créatifs comme techniques.

Design inclusif

Je cherche à rendre les interfaces numériques plus utilisables et inclusives, en particulier pour les personnes ayant des différences visuelles, cognitives ou motrices. L'accessibilité n'est pas une couche que j'ajoute après coup : elle fait partie de mon processus dès le départ, même si j'apprends encore.

Ce sur quoi je me concentre

  • Contrastes de couleur clairs et choix conformes aux critères WCAG
  • HTML sémantique et structure de contenu logique
  • Navigation compatible clavier et lecteurs d'écran
  • Espacement visuel soigné, iconographie claire, typographie lisible
  • Relectures régulières sous un angle accessibilité, dans mon périmètre

Je ne suis pas expert en accessibilité ni spécialiste front-end, mais je conçois avec l'inclusion en tête, et je continue à apprendre.