Corentin Gautier

Web designer & développeur front-end, pour un web plus léger.

Au moins on évite les problèmes de communication entre le développeur et le designer, enfin si j'ai bien dormi ...

Voir mon parcours Voir mes réalisations

Depuis
2012
Engagement
Éco-conception
Poids actuel de cette page
< 300 ko

Mon engagement

Éco-conception : des sites sobres, donc rapides

Un site éco-conçu ne charge que ce dont il a besoin. Il consomme moins d'énergie, s'affiche plus vite sur un téléphone ou un réseau lent, et se référence mieux. C'est le fil conducteur de mon travail, au design comme au code.

  • Le natif d'abord

    HTML et CSS avant JavaScript, les fonctions du navigateur avant une bibliothèque. Pas de jQuery, pas de dépendance ajoutée par habitude.

  • Ne charger que le nécessaire

    Un fichier n'est servi que sur les pages qui l'utilisent. Les images arrivent à l'approche de l'écran, les vidéos au clic.

  • Des médias au bon format

    Images en AVIF aux dimensions affichées, polices du système plutôt que téléchargées : le poids d'une page se joue d'abord là.

  • Ni traceur, ni superflu

    Pas de script tiers sans utilité pour la personne qui consulte la page. Un thème sombre suit le réglage de l'appareil.

Un double profil, de la maquette à la mise en ligne

Vitrines, sites éditoriaux, boutiques en ligne, interfaces d'application : j'interviens sur le design comme sur le code, seul ou au sein d'une équipe.

  • Web design & identité

    Maquettes, design system, logo et charte graphique. Des interfaces pensées pour les contenus et les personnes qui les consultent.

  • WordPress sur mesure

    Thèmes sur mesure, blocs Gutenberg dédiés aux contenus, WooCommerce. Des sites que les équipes éditoriales modifient sans casser la mise en page.

  • Développement front-end

    HTML, CSS et JavaScript Vanilla. Angular et React. Du code lisible, que d'autres pourront reprendre.

  • Accessibilité & référencement

    Des pages utilisables au clavier et avec un lecteur d'écran, un balisage sémantique et des données structurées. Ce qui sert les personnes sert aussi les moteurs.

Web design : quelques réalisations

Identités, sites et interfaces réalisés ces dernières années. Le reste est sur mon profil Dribbble.

Développement : des outils faits maison

Ce que j'apprends d'un projet, je le range dans des outils réutilisables. Deux d'entre eux sont open source, dont le carrousel que vous venez de faire défiler.

Générateur de sites WordPress

La Forge

Mon point de départ pour chaque site WordPress : une ligne de commande, et un projet complet tourne en local sous Docker avec un thème sur mesure (Timber, Twig, blocs ACF) et tous les composants qu'un site utilise d'habitude.

Deux règles guident chaque ajout : la page la plus légère possible, et la plus accessible possible. Le natif avant le JavaScript, pas de jQuery, et un fichier n'est chargé que sur les pages qui en ont besoin.

  • WordPress
  • Timber / Twig
  • ACF
  • Docker
  • Gulp
  • WooCommerce
En service depuis
2019
Commits
1 300+

Web component

Snap Carousel

Un carrousel de 4 kB, sans dépendance, bâti sur le défilement natif du navigateur (CSS scroll snap). Il se configure en HTML et ne télécharge que les fonctions utilisées.

  • JavaScript
  • Custom Elements
  • CSS

Code source Paquet npm

Extension WordPress

Core Blocks Enhancer

Des options d'accessibilité, de SEO et de performance ajoutées aux blocs natifs de Gutenberg : niveaux de titres, chargement différé, vidéos YouTube chargées au clic.

  • Gutenberg
  • PHP
  • React

Code source

Portrait de Corentin Gautier

Quatorze ans entre la maquette et le code

Depuis 2012, je travaille à la fois comme web designer et comme développeur front-end et Wordpress, avec un intérêt particulier pour l'éco-conception et l'accessibilité.

  1. –

    UI designer & développeur front-end EasyNode

    Refonte de l'image de marque, logo et charte graphique. Web design et design system du site et de la marketplace, communication visuelle, développement React, web3 et WordPress, SEO.

  2. –

    Développeur front-end, UI designer & expert technique Conserto

    Développement WordPress, front-end, React et mobile hybride. Web design, éco-conception et accessibilité, conseil technique et avant-vente.

  3. –

    Développeur front-end Raccourci

    Intégration HTML, CSS et JavaScript, développement AngularJS, intégration sous Drupal, web design.

  4. DUT Services et réseaux de communication

Envie d'en savoir plus ?

Une question sur mon parcours ou sur l'une de ces réalisations ? Le plus simple est de m'écrire sur LinkedIn.

Me contacter sur LinkedIn