Guig UX — Ce site
Site vitrine freelance conçu et développé de A à Z, du design system à la mise en production WordPress — avec l’IA comme co-pilote à chaque étape.
Contexte
Un outil de vente pour lancer l’activité
Se lancer en freelance UX/UI en 2025, c’est d’abord se doter d’une vitrine crédible — un site qui présente l’offre, rassure les prospects et convertit sans friction. L’enjeu : se différencier sur un marché où les prestataires se ressemblent, en mettant en avant des arguments concrets : expertise UX, WordPress sur-mesure, et un usage assumé de l’IA.
Le site devait aussi servir de démonstrateur direct : si le résultat est soigné, performant et bien conçu, il prouve par lui-même la qualité de ce qui est proposé aux clients.
Fonctionnalités clés
Ce que le site sait faire
Au-delà des pages de présentation, le site intègre des composants interactifs qui illustrent concrètement ce qu’un WordPress bien construit peut apporter.
Portfolio dynamique (CPT + REST API)
Les projets sont gérés via un Custom Post Type WordPress avec métadonnées exposées en REST (badge, secteur, technologies, ordre). La page Réalisations les charge en JavaScript — ajouter un projet ne nécessite aucune modification du code.
Configurateur tarifaire interactif
Options à cocher réparties en 5 catégories, total calculé en temps réel. Un clic sur « Demander ce devis » encode les choix et pré-remplit automatiquement le formulaire de contact — zéro ressaisie pour le visiteur.
Formulaire de contact intelligent
Logique conditionnelle native : l’option « être rappelé » dévoile les champs téléphone et disponibilités. Les options du configurateur arrivent pré-formatées dans la description — le prospect n’a plus qu’à envoyer.
Expérience soignée & conformité
Animations scroll reveal (IntersectionObserver), design system cohérent, filigrane SVG sur chaque hero. Bandeau cookies RGPD custom, LiteSpeed Cache, WebP automatique, login masqué — les finitions qui rassurent.
Méthode
Un workflow IA de A à Z
Ce site a été conçu et développé en appliquant exactement la méthode proposée aux clients — un processus itératif combinant réflexion stratégique, design, et intégration WordPress directement pilotée par Claude.
Brief & positionnement
Définition des cibles (PME, professions libérales), de la proposition de valeur (rigueur agence + réactivité freelance + IA), et de l’arborescence des pages.
Design system avec Claude
Création de la charte graphique (palette navy/bleu accent, typographie Inter, composants UI) via prompts structurés. Maquettes HTML/CSS générées et itérées en quelques échanges.
Intégration WordPress via MCP
Connexion directe Claude ↔ CMS via WordPress MCP — pages créées, contenu intégré, CPT Projets configuré, SEO Yoast et LiteSpeed Cache réglés sans quitter l’interface de travail.
Finitions & mise en production
Tests de rendu, optimisation performance, configuration SMTP, bandeau RGPD, Open Graph brandé, favicon — chaque détail traité méthodiquement en quelques sessions.
Vous voulez le même résultat ?
Parlons de votre projet — je réponds sous 24h, sans engagement.