← All articlesTous les articles
PortfolioPortfolio1 min read1 min de lecture

Behind this portfolio: the opening animation I refused to deleteLes coulisses de ce portfolio : l'animation d'ouverture que j'ai refusé de supprimer

Everyone says kill your intro loader. Here's why mine stayed — and what I polished around it instead.Tout le monde dit de supprimer son loader d'intro. Voici pourquoi le mien est resté — et ce que j'ai peaufiné autour.

Every portfolio guide says the same thing: never make people wait. And they're mostly right. But when I rebuilt this site, one thing was non-negotiable — the opening sequence, the five seconds where marsile'Dev burns across the screen with a hundred particles behind it.

Why it stayed

A portfolio is not a SaaS landing page. Nobody arrives here in a hurry to buy something; they arrive to form an impression. The intro is that impression — it says this person cares about motion before a single word is read.

What the guides are really warning against is waiting with nothing to show after. So that's where the work went:

  • The pages behind the intro got a construction frame — vertical rails and little + crosses at the section joints, like a blueprint
  • Project cards were rebuilt with monospaced stack badges and a light beam that rides the border of the featured one
  • The photo carousel became a double marquee that drifts in opposite directions and pauses under your cursor

The lesson

Don't delete the thing that makes your site yours. Delete the noise around it, then frame it properly. Rules are averages; portfolios are outliers.

Tous les guides de portfolio disent la même chose : ne faites jamais attendre les gens. Et ils ont plutôt raison. Mais quand j'ai reconstruit ce site, une chose n'était pas négociable — la séquence d'ouverture, ces cinq secondes où marsile'Dev s'embrase à l'écran avec une centaine de particules derrière.

Pourquoi elle est restée

Un portfolio n'est pas la landing page d'un SaaS. Personne n'arrive ici pressé d'acheter quelque chose ; on y arrive pour se faire une impression. L'intro est cette impression — elle dit cette personne tient au mouvement avant même qu'un mot soit lu.

Ce contre quoi les guides mettent vraiment en garde, c'est d'attendre pour rien ensuite. C'est donc là qu'est parti le travail :

  • les pages derrière l'intro ont reçu un cadre de chantier — des rails verticaux et de petites croix + aux jointures des sections, comme un plan d'architecte ;
  • les cartes de projets ont été refaites avec des badges de stack en police mono et un faisceau lumineux qui suit la bordure de la carte mise en avant ;
  • le carrousel de photos est devenu un double défilé qui glisse dans des sens opposés et s'arrête sous le curseur.

La leçon

Ne supprimez pas ce qui rend votre site vôtre. Supprimez le bruit autour, puis mettez-le en valeur. Les règles sont des moyennes ; les portfolios sont des exceptions.