01
Le Défi
Les professionnels de santé se contentent trop souvent d'un profil Doctolib générique ou de templates standardisés qui érodent la confiance. Le défi : créer un site à la fois professionnel et humain — qui rassure les patients anxieux, communique l'expertise sur les spécialités (bruxisme, anxiété) et pousse à la prise de rendez-vous sans paraître insistant.
02
La Solution
J'ai conçu et développé le site de A à Z avec Vite + React + TypeScript, en utilisant Framer Motion pour des animations de révélation discrètes. La typographie associe Fraunces (serif éditorial) et Inter (sans utilitaire), sur une palette crème et terracotta. Des pages dédiées par spécialité (anxiété, bruxisme) offrent une couverture SEO approfondie, tandis qu'un CTA Doctolib flottant et un FAB téléphone gardent la prise de rendez-vous à un tap sur mobile. Déployé sur Vercel avec sitemap.xml, robots.txt et image OG.
// Client-side meta + JSON-LD injection for a Vite SPA
export function useDocumentMeta({ title, description, canonical, jsonLd }: Meta) {
useEffect(() => {
const previousTitle = document.title;
document.title = title;
setMetaContent('meta[name="description"]', description);
setMetaContent('meta[property="og:title"]', title);
setMetaContent('meta[property="og:description"]', description);
if (canonical) {
setCanonical(canonical);
setMetaContent('meta[property="og:url"]', canonical);
}
let script: HTMLScriptElement | null = null;
if (jsonLd) {
script = document.createElement('script');
script.type = 'application/ld+json';
script.textContent = JSON.stringify(jsonLd);
document.head.appendChild(script);
}
return () => {
document.title = previousTitle;
if (script?.parentNode) script.parentNode.removeChild(script);
};
}, [title, description, canonical, jsonLd]);
}↳ Injection des meta SEO et du JSON-LD Schema.org par route pour une SPA Vite — chaque page de spécialité reçoit ses propres canonical, balises OG et données structurées LocalBusiness
