Site vitrine — DS Secrétariat
Conception et développement d’un site vitrine sur mesure pour DS Secrétariat — secrétaire à domicile spécialisée en gestion administrative et accompagnement à la création d’entreprise. Identité douce et naturelle, parcours utilisateur fluide, SEO local optimisé.
Stack technique
- Next.js
- TypeScript
- Tailwind CSS
- SEO
- Vercel
Objectifs
- Asseoir la crédibilité de la marque dès la première impression
- Présenter clairement les services : secrétariat à domicile + création d’entreprise
- Capter les demandes via un parcours de devis fluide
- Optimiser le référencement local pour être trouvé sur les recherches métier
- Garantir un site rapide, accessible et responsive
Le contexte
DS Secrétariat est une activité indépendante de secrétariat à domicile. Sa fondatrice cherchait une vitrine professionnelle pour rassurer les futurs clients (TPE, indépendants, particuliers), valoriser l’offre de création d’entreprise et générer des demandes de devis qualifiées. Le site devait incarner la proximité et la rigueur de la prestation, tout en restant simple à mettre à jour.
Direction artistique
J’ai construit une identité douce, naturelle et professionnelle, autour d’une palette de verts inspirée de la nature et d’une typographie élégante (mélange serif italique pour les accents émotionnels, sans-serif pour la lisibilité). L’univers visuel s’appuie sur des illustrations sur mesure — secrétaire à son poste, scènes de travail à domicile — pour humaniser le service et casser le côté froid des sites administratifs classiques.
Architecture & contenu
Le site s’articule autour de quatre axes de navigation : Nos services, Création d’entreprise, Notre approche, Actualités. J’ai travaillé la hiérarchisation de l’information avec la cliente pour mettre en avant les bénéfices concrets (gain de temps, sérénité, conformité) plutôt qu’une simple liste de tâches. Chaque service dispose de sa section dédiée avec un CTA contextualisé.
Stack technique
Next.js 15 (App Router) + TypeScript + Tailwind CSS pour un socle moderne, performant et maintenable. Rendu statique (SSG) pour des performances maximales, déployé sur Vercel avec edge caching. Les composants sont conçus pour être facilement étendus (ajout de nouveaux services, articles d’actualités, etc.).
SEO & performance
Métadonnées complètes (Open Graph, Twitter Cards), structure sémantique HTML5 propre, sitemap.xml et robots.txt automatisés. Optimisation des images via next/image, polices chargées via next/font (zéro FOUT), Lighthouse > 95 sur toutes les catégories. Mise en place d’un schéma JSON-LD LocalBusiness pour booster le référencement local.
Accessibilité & responsive
Conformité WCAG 2.1 AA visée : contrastes vérifiés, navigation clavier, attributs ARIA sur les composants interactifs, focus visible. Adaptation soignée pour mobile (menu burger, CTA repositionnés en bas d’écran sur les actions clés) — c’est sur mobile que la majorité des prospects découvrent le site.
Process & livraison
Premier visuel offert dès le brief, puis trois itérations de design pour caler la direction artistique. Développement en sprints courts avec livraison sur environnement de preview Vercel pour validation continue. Mise en ligne après validation finale, formation à la prise en main et accompagnement post-livraison.
Résultats
- Site livré en 3 semaines, conforme au brief initial
- Score Lighthouse > 95 sur les 4 catégories (Performance, Accessibilité, Best Practices, SEO)
- Référencement Google opérationnel dès la première semaine grâce au sitemap soumis
- Première demande de devis reçue via le formulaire dans les 7 jours suivant la mise en ligne
Un projet similaire en tête ?
Premier visuel offert sur chaque prestation — sans engagement.