SiteScope — Audit Web
Plateforme d'audit web : une URL → scores consolidés sur performance, SEO, accessibilité, santé technique et expérience mobile. Intégration PageSpeed Insights API, dashboard lisible et focus pré-livraison — pour arrêter d'empiler cinq outils avant chaque mise en prod.
- Client
- Projet personnel · thekof
- Rôle
- Full product
- Durée
- Produit
- Stack Technique
- ReactTypeScriptPageSpeed Insights APIVercelTailwind
Audit multi-piliers en une URL
Métriques & Résultats Clés
- FocusAudit
- APIPageSpeed
- LiveVercel
Le contexte
Avant livraison, l'audit est fragmenté (Lighthouse ici, SEO là, a11y ailleurs). Il fallait un point d'entrée unique, compréhensible, orienté action — pas un mur de métriques brutes.
L'approche
Scan par URL, agrégation des piliers, UI d'audit (scores, détails, priorités), branchement PageSpeed Insights. Front React/TS/Tailwind déployé sur Vercel, conçu pour une revue rapide en pair ou avec un client.
Le résultat
Un outil d'audit technique prêt pour la revue pré-livraison : une URL, une lecture consolidée, une base pour enrichir les checks maison.
01 · Problème
Le point de douleur
Audits fragmentés entre plusieurs services : perte de temps, rapports incohérents, difficile à présenter d'une traite.
02 · Cadrage
Ateliers & périmètre
Périmètre des modules (perf, SEO, a11y, tech, mobile), format de score et niveau de détail attendu pour une revue de livraison.
03 · Conception
Architecture & maquettes
Dashboard scores, états loading/erreur API, architecture React et mapping des réponses PageSpeed vers des insights lisibles.
04 · Développement
Itérations courtes
Intégration API, polish UI, gestion quotas/erreurs, tests sur des sites de référence (bons et mauvais élèves).
05 · Mise en production
Bascule maîtrisée
Déploiement Vercel et documentation du parcours d'audit en une URL.
06 · Solution
Mesure & évolution
Enrichissement progressif des checks et de la priorisation des alertes selon l'usage réel.
Aperçus du projet en action
Vous avez un projet similaire ou une idée à concrétiser ?
Discutons de vos objectifs techniques et business. Estimation claire et accompagnement sur-mesure.
TechChallenge 14.0
Landing page haute performance pour un produit peluche — storytelling fort, hiérarchie visuelle claire et CTA mesurables. HTML5 / CSS3 / JavaScript vanilla pour un poids plume et une conversion maximale en quelques scrolls, dans le cadre du TechChallenge 14.0.
RemindMe
Assistant de productivité personnel : rappels intelligents et coffre-fort numérique dans un seul parcours. Interface React/TypeScript soignée, motion Framer Motion, organisation des notes sensibles et des to-dos — pour arrêter de disperser l'essentiel entre trois applications.