Site vitrine • SEO & Performance • UI/UX Design

Loïc Poo-sing - Portfolio & Studio Web

Refonte et conception de mon propre portfolio freelance : performance extrême, UI/UX immersive et SEO local

ClientProjet Personnel / Studio Loïc Poo-sing
RôlesArchitecture Web & Astro, UI/UX Design & Glassmorphism, Animations & Tailwind CSS, SEO Local & Schémas JSON-LD
StatutEn ligne

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 :

  1. L’immersion visuelle : Une direction artistique sombre, rythmée par des éléments 3D texturés et des effets de transparence (Glassmorphic).
  2. La clarté de l’offre : Une présentation limpide de mes expertises (création sur-mesure, refonte, visibilité SEO & IA).
  3. 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 (eager et fetchpriority) sur la hero section pour éliminer tout effet de “layout shift” (CLS).
  • SEO Local optimisé : Injection de scripts JSON-LD de type ProfessionalService ciblant 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.
// Stack :AstroTailwind CSSTypeScriptVercelSchema.org / JSON-LD
// Problème principal

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).

// Solution apportée

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.

01100/100Score PageSpeed
02< 0.6sTemps de chargement
03100% UI/UXExpérience Sur-Mesure