Loïc Poo-sing - Portfolio & Studio Web
Refonte et conception de mon propre portfolio freelance : performance extrême, UI/UX immersive et SEO local
Le contexte du projet
Mon site personnel n’est pas seulement une vitrine : c’est le premier outil de conversion de mon activité de développeur web freelance et UI/UX designer à Saint-Étienne.
L’objectif de cette refonte était de matérialiser mon savoir-faire technique et créatif à travers un espace haut de gamme, capable de rivaliser avec les standards des studios récompensés sur Awwwards, tout en garantissant des performances écologiques et techniques irréprochables.
Le projet s’articule autour de trois piliers :
- L’immersion visuelle : Une direction artistique sombre, rythmée par des éléments 3D texturés et des effets de transparence (Glassmorphic).
- La clarté de l’offre : Une présentation limpide de mes expertises (création sur-mesure, refonte, visibilité SEO & IA).
- L’efficacité de conversion : Un parcours utilisateur court et sans friction pour maximiser les demandes de devis.
Choix techniques & Architecture SSG
Pour atteindre ce niveau d’exigence, la stack technique a été pensée pour la performance pure :
- Astro & Tailwind CSS : Un couplage idéal pour concevoir un site ultra-rapide, modulaire et maintenable. Le HTML/CSS est généré statiquement au build, réduisant drastiquement le temps de chargement (< 0.6s).
- Optimisation des assets graphiques : Gestion rigoureuse des images au format WebP, avec des attributs de chargement prioritaires (
eageretfetchpriority) sur la hero section pour éliminer tout effet de “layout shift” (CLS). - SEO Local optimisé : Injection de scripts JSON-LD de type
ProfessionalServiceciblant précisément Saint-Étienne et la région Auvergne-Rhône-Alpes pour capter une audience locale qualifiée. - Sécurité & Formulaire sans back-end lourd : Connexion asynchrone sécurisée via une API de formulaire de contact, garantissant une réactivité immédiate sans complexité serveur superflue.
En tant que développeur freelance, mon ancien site manquait de singularité pour séduire une clientèle exigeante, pêchait sur l'immersion visuelle (niveau Awwwards) et devait absolument afficher une maîtrise technique absolue (vitesse et SEO local à Saint-Étienne).
Refonte totale sous Astro avec une esthétique sombre et épurée, intégration de visuels 3D optimisés, composants modulaires réutilisables, formulaire AJAX sécurisé (Web3Forms) et un score PageSpeed inattaquable.



