Front Pierre VionEnd Designer

The state of play

A former web integrator based in Lyon, I’ve spent over 15 years turning mockups into digital experiences, somewhere between code and design

This is a manifesto designed as a statement as much as a portfolio. I redraw the boundaries of the web integrator role through 8 key principles, standing for an approach at the crossroads of design and development.

So I’m giving this craft a new name…

Front-end Designer awesome

Clarity Comprehension

One of the front-end designer’s first jobs is to make the interface practical and understandable for everyone. It starts with well-structured content, headings in the right order and accessibility rules.

Information must be easy to find.

What is the meaning of life?

Balance

It’s important to find a balance between aesthetics and functionality, so that the interface is both beautiful and practical.

Content should always dictate form (or the other way around, I forget) but the two always end up influencing each other.

Tyrannosaurus
Thug sunglasses
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

It’s the Emotions

Appealing to emotions. A bold design, a well-dosed micro-animation, a touch of humour or a well-placed reference: that’s what brings a sense of authenticity and builds trust.

It’s the little details that make all the difference.

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

Curiosity Creativity

Be curious! Technologies have never been more powerful, design tools are evolving very fast, and inspiration often hides far away from screens.

And being curious also means accepting that the craft evolves. Yesterday, we wrote thousands of lines of code. Today, we prototype, we vibe code, and we iterate faster than ever. Attention to detail and high standards remain very human.

My tools
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

Experience

There’s no secret: mastery comes with practice. Every project, big or small, is a chance to take on new challenges and build new skills. Time sharpens the eye, and the eye makes the difference.

No-code Developer
Nostromo Studio Freelance Framer Expert
January 2025 - November 2026
Lyon
Lead Front-end Developer
Altavia JETPULP Digital communication agency
July 2018 - November 2024
Lyon
Web Developer
Novius Web agency
September 2011 - July 2018
Lyon

Along the way, I’ve been lucky enough to work for lots of amazing clients.

Deadline

Super chat

Committing is good, meeting deadlines is better.

Iterating has never been easier. If you don’t want to fix every pixel until the end of time, you’d better set a delivery goal. Anyway, a product is never really finished: what ships today will keep evolving tomorrow.

Satisfaction

Going live isn’t the finish line. The real satisfaction comes after: a “wow ” in a meeting, a project nominated for awards, a conversion rate going through the roof, users coming back. Take a moment to enjoy it, then look at the numbers: every win counts.

Awards
  • 0 Awwwards
  • 0 CSS Design Awards
  • 0 FWA
  • C’est moi
    1 Manifesto of a Front-end Designer
  • 3 Pichichi at Urban Soccer Lyon-Parilly Seasons 2018 - 2019 - 2023
  • 1 Golden Monsterra for my commendable ability to grow and nurture 12 plants while having no idea of what I’m doing

I worked with Pierre for 4 years and loved his way of working as much as his outfits. What a star.

Photo of Pauline
Pauline
Account Director

Well-being

Physical activity, good sleep, healthy food, rest. These are important habits for a great quality of life, and the best ideas rarely show up behind a desk.

When I’m not coding, you can find me watching alpine newts, reading a Wikipedia page, nutmegging someone or hiking in the Belledonne mountains.

I like
  • to tinker with everything, make stuff
  • sunsets (such a cliché)
  • climbing blues (purples soon)
  • to listen to rap, soul and afrobeats
  • homemade lemonades
  • the living world
  • to hike in the high mountains
  • cinema (Matrix, Le Prestige and Jackie Brown)
  • chocolate too much
  • Cretaceous fauna
  • to nutmeg
  • to eat a banana a day
  • woodworking
  • photographing nature
Me as the Pablo Escobar waiting meme
Me during lockdown
Me walking on a beach in Mexico
After surfing the last tsunami
A sunset from my terrace
I quite like the view
Me alone in the mountains in the distance
Looking for a chamois
Me in the Meteora rock formations in Greece
On my way to my monastery
Me and my Vélo’v in Parc de la Tête d’Or
Vélo’v 2025 ambassador
A red squirrel
El Cascador
Sunset over the city of Porto
Check out the size of that gradient
Me in the Belledonne mountain range
Ibex mission

The last word

The web integrator hasn’t disappeared, they’ve evolved (like ). For a long time, they bridged design and development.

Today, the two crafts are coming together, and what looked like an awkward in-between is becoming a real superpower. Weakness: too strong.

The front-end designer is no longer defined by their tools, but by their ability to connect design and code, in service of the same product.

  1. Respect earned in the fieldThe early days

    HTML and CSS as the only weapons, slicing PSD mockups and fighting IE6. What a life.

  2. The fantastic epicThe 2010s

    CSS3 and its wave of new features, responsive and its breakpoints, Bootstrap and CSS frameworks, Flexbox, Grid: every season brings its own battle.

  3. A legacy to defendYesterday

    JS frameworks barge in and bring Tailwind along, more or less snubbed by CSS lovers. On the design side, Figma becomes the absolute reference.

  4. A new arc to writeToday

    The rise of no-code, AI and vibe coding reshuffles the deck. Design and code are now one.

Game over