Front Pierre VionEnd Designer

Le constat

Ex-intégrateur web basé à Lyon, j’ai passé plus de 15 ans à transformer des maquettes en expériences digitales, quelque part entre le code et le design

Voici un manifeste pensé comme une prise de position autant qu’un portfolio. Je redéfinis les contours du métier d’intégrateur web avec 8 principes clés, en revendiquant une approche à la croisée du design et du développement.

Alors ce métier, je lui donne un nouveau nom…

Front-end Designer ultra stylé

Clarté Compréhension

L’un des premiers rôles du front-end designer est de rendre l’interface pratique et compréhensible de tous·tes. Ça commence par un contenu bien structuré, des titres dans le bon ordre et des règles d’accessibilité.

L’information doit être facilement trouvée.

Quel est le sens de la vie ?

Équilibre

Il est important de trouver un équilibre entre esthétique et fonctionnalité, de faire en sorte que l’interface soit à la fois belle et pratique.

Le fond doit toujours dicter la forme (ou le contraire, j’sais plus) mais les deux finissent toujours par s’influencer.

Tyrannosaure
P’tite paire de lunettes de soleil thug
They
Like us
Zizou très ému
Crâne de Zizou
Brad Pitt qui hésite dans Seven
La timidité
Jackie Brown
Morpheus
Affiche de l’épisode San Junipero
Mascotte de la Coupe du Monde 98
Ronaldo à Moscou
Affiche du film Alien
Pochette d’album de Kendrick
Pochette d’album de Drake
La planète Saturne
Une plante monsterra
La bombe de CS 1.6
Petit cœur pixelisé
Un gypaète barbu
Blacksad
Logo de GTA Vice City
Picsou jeune découvrant la vallée de l’Agonie Blanche
Un fossile
Les flammes de l’enfer
Zizou très ému, c’est les émotions
Crâne de Zizou qui décolle

C’est les Émotions

Faire appel aux émotions. Un design audacieux, une micro-animation bien dosée, une touche d’humour ou une petite réf’ bien placée : c’est ce qui donne une forme d’authenticité et qui inspire confiance.

Ce sont les petits détails qui font toute la différence.

Mbappé qui dit que le logo CSS il a changé
“ Le logo CSS il a changé ”

Curiosité Créativité

Soyez curieux·ses ! Les technos n’ont jamais été aussi puissantes, les outils de conception évoluent très rapidement, et l’inspiration se cache souvent loin des écrans.

Et être curieux, c’est aussi accepter que le métier évolue. Hier, on écrivait des milliers de lignes de code. Aujourd’hui, on prototype, on vibe code, et on itère plus vite que jamais. Le goût du détail et l’exigence, eux, restent bien humains.

Mes outils
Framer
Framer
Figma
Figma
Claude
Claude
Notion
Notion
GitLab
GitLab
Spotify
Spotify
HTML
HTML
CSS
CSS
JavaScript
JavaScript
GSAP
GSAP
Nuxt
Nuxt
Hostinger
Hostinger
Sass
Sass
PostCSS
PostCSS
webpack
webpack
Bootstrap
Bootstrap
Tailwind
Tailwind
Swiper.js
Swiper.js
CodePen
CodePen
VSCode
VSCode
WordPress
WordPress
Photoshop
Photoshop
Yellow Lab Tools
Yellow Lab Tools
Tinify
Tinify

Expérience

Il n’y a pas de secret : la maîtrise vient avec la pratique. Chaque projet, petit ou grand, est une occasion de relever de nouveaux défis et d’acquérir des compétences. Le temps forge le regard, et le regard fait la différence.

Développeur no-code
Nostromo Studio Freelance Framer Expert
Janvier 2025 - Novembre 2026
Lyon
Lead Intégrateur web
Altavia JETPULP Agence de communication digitale
Juillet 2018 - Novembre 2024
Lyon
Développeur web
Novius Agence web
Septembre 2011 - Juillet 2018
Lyon

Au fil de ces expériences, j’ai eu la chance de travailler pour plein de jolis clients.

Deadline

Super chat

S’engager c’est bien, tenir les délais c’est mieux.

Itérer n’a jamais été aussi facile. Pour ne pas corriger chaque pixel jusqu’à la fin des temps, mieux vaut se fixer un objectif de livraison. De toute façon, un produit n’est jamais vraiment fini : ce qui sort aujourd’hui continuera d’évoluer demain.

Satisfaction

La mise en prod n’est pas la ligne d’arrivée. La vraie satisfaction vient ensuite : un « wow » en réunion, un projet nominé aux awards, un taux de conversion qui s’envole, des utilisateurs qui reviennent. Prendre un instant pour savourer, puis regarder les chiffres : chaque victoire compte.

Awards
  • 0 Awwwards
  • 0 CSS Design Awards
  • 0 FWA
  • C’est moi
    1 Manifeste du Front-end Designer
  • 3 Pichichi à l’Urban Soccer de Lyon-Parilly Saisons 2018 - 2019 - 2023
  • 1 Monsterra d’Or pour mon talent remarquable à faire pousser 12 plantes d’intérieur sans avoir la moindre idée de ce que je fais

J’ai travaillé avec Pierre pendant 4 ans et j’ai autant adoré sa façon de travailler que ses tenues vestimentaires. Quel crack.

Photo de Pauline
Pauline
Directrice Conseil

Bien-être

Activité physique, bon sommeil, alimentation saine, repos. Ce sont des habitudes importantes pour garantir une qualité de vie optimale, et les meilleures idées arrivent rarement assis derrière un bureau.

Lorsque je ne code pas, vous pouvez me trouver en train d’observer des tritons alpestres, de lire une page Wikipédia, de mettre un petit pont ou de randonner dans le massif de Belledonne.

J’aime
  • toucher à tout, créer des trucs
  • les couchers de soleil (tellement cliché)
  • grimper des bleues (bientôt des violettes)
  • écouter du rap, de la soul et de l’afrobeats
  • les citronnades maison
  • le vivant
  • randonner en haute montagne
  • le cinéma (Matrix, Le Prestige et Jackie Brown)
  • beaucoup trop le chocolat
  • la faune du Crétacé
  • mettre des petits ponts
  • manger une banane par jour
  • travailler le bois
  • photographier la nature
Moi en mème Pablo Escobar waiting
Moi pendant le confinement
Moi qui marche sur une plage au Mexique
Après avoir surfé le dernier tsunami
Un coucher de soleil sur ma terrasse
J’aime bien la vue
Moi au loin tout seul dans la montagne
En train de chercher un chamois
Moi dans la formation géologique des Météores en Grèce
Direction mon monastère
Moi et mon Vélo’v dans le Parc de la Tête d’or
Egérie Vélo’v 2025
Un écureuil roux
El Cascador
Coucher de soleil sur la ville de Porto
Téma la taille du gradient
Moi dans le massif de Belledonne
Objectif Bouquetin

Le mot de la fin

L’intégrateur web n’a pas disparu, il a évolué (comme les ). Longtemps, il a fait le pont entre le design et le développement.

Aujourd’hui, les deux métiers se rejoignent, et ce qui ressemblait à un entre-deux inconfortable devient un vrai super-pouvoir. Point faible : trop fort.

Le front-end designer ne se définit plus par ses outils, mais par sa capacité à relier le design et le code, au service d’un même produit.

  1. Le respect du terrainLes débuts

    HTML et CSS pour seules armes, à découper des maquettes PSD et à combattre IE6. Quelle vie.

  2. L’épopée fantastiqueLes années 2010

    CSS3 et son lot de nouveautés, le responsive et ses breakpoints, Bootstrap et les frameworks CSS, Flexbox, Grid : chaque saison apporte sa bataille.

  3. L’héritage à défendreHier

    Les frameworks JS débarquent et entraînent Tailwind sur leur chemin, plus ou moins boudés par les amoureux de CSS. Côté design, Figma devient la référence absolue.

  4. Un nouvel arc à écrireAujourd’hui

    L’émergence du no-code, de l’IA et du vibe coding rebat les cartes. Le design et le code ne font plus qu’un.

Fin du game