Ce portfolio

Contexte

En reconversion vers l'administration systèmes & réseaux, il fallait un support pour présenter ce parcours à des recruteurs : le contraste entre 20 ans dans le soin et une nouvelle orientation technique, les compétences en cours d'acquisition, et les projets personnels construits en autonomie (homelab, développement).

Le choix s'est porté sur un site fait maison plutôt qu'un template ou un générateur, pour garder la main sur chaque détail et éviter le rendu générique de nombreux portfolios.

Stack technique

• HTML5 & CSS3 pur — aucun framework, pour rester simple à maintenir et éviter de se perdre dans un outil non maîtrisé
• Typographie : Space Grotesk (titres), IBM Plex Sans (corps), IBM Plex Mono (labels techniques)
• Déploiement : Vercel
• Formulaire de contact : Formspree (pas de backend nécessaire)

Ce que ça fait concrètement

• Page unique à défilement, plus adaptée à la lecture mobile qu'une structure multi-pages
• Menu mobile en CSS pur (checkbox toggle), sans une ligne de JavaScript
• Certifications avec statuts réels tenus à jour (en cours / en projet)
• Cards projets renvoyant vers des pages dédiées, comme celle-ci

Défis & solutions

Construire un design distinctif sans framework ni bibliothèque de composants demande de faire des choix explicites à chaque étape plutôt que d'hériter de défauts tout faits : palette, typographie, densité, layout.

Le menu mobile est un exemple concret de contrainte technique : obtenir un panneau de navigation animé (ouverture/fermeture, icône burger qui se transforme en croix) sans JavaScript, uniquement avec une case à cocher cachée et des sélecteurs CSS (:checked ~).

Résultat

Liens