Une expérience parfaite, Melvin est à l’écoute et disponible afin d’être le plus efficace possible. Le rendu final est tout simplement mieux que ce qu’on avait imaginé. Très professionnel et accessible ! Je recommande fortement
PortfolioQuentin Masson D.O
Réalisation d'un site vitrine moderne pour le cabinet d'ostéopathie Quentin Masson, couvrant le cycle complet de création d'un site web, du design au déploiement.
- Client
- Quentin Masson
- Durée
- 1 mois
- Contexte
- Freelance
- Budget
- Sur devis
Description de l'expérience
Quentin Masson D.O, ostéopathe en cours d'installation en Provence, avait besoin d'un site vitrine à son image, reflet de son approche, de ses méthodes et de ses services, tout en le positionnant efficacement sur les recherches locales. La mission couvrait l'intégralité du cycle projet : design sur mesure, développement Next.js, optimisation SEO technique, accessibilité et conformité RGAA, optimisation des Core Web Vitals et déploiement. Le site se structure autour de plusieurs pages clés : une page d'accueil pensée pour capter l'attention et rassurer dès les premières secondes, une page de présentation qui donne à voir le parcours et l'approche du praticien, une page dédiée à chacun de ses cabinets pour ancrer chaque adresse dans son territoire, et enfin une page de contact avec un formulaire directement intégré au site pour faciliter la prise de rendez-vous. L'enjeu esthétique était aussi important que le technique : le site devait dégager sobriété et élégance tout en restant chaleureux et rassurant, un équilibre pensé pour refléter le sérieux du professionnel et mettre en confiance les visiteurs dès leur première visite. La maintenance du site est également assurée, ainsi que le développement de nouvelles fonctionnalités en fonction des besoins du client.
Mots clés
- Site vitrine
- Référencement
- Accessibilité
- TypeScript
- Next.JS
- Vercel
- Resend
- Turnstile
Missions et détails
Le projet a débuté par une phase de brainstorming permettant de définir les grandes orientations et les besoins principaux (fonctionnalités, volontés particulières, explication du processus, ...). Une exploration d'inspirations visuelles a suivi pour affiner la direction graphique et poser un premier cadrage servant de base au développement.
1. Design
Le client a fourni les codes couleurs principaux (primaire, secondaire et fond) ainsi que des inspirations visuelles ciblées issues de Dribbble, permettant de cibler la direction finale à prendre. La réalisation et le design du site s'est ensuite déroulée avec une certaine liberté d'exécution (à la demande du client), rythmée par des points réguliers pour valider les avancées. Des versions intermédiaires ont été partagées tout au long du projet, permettant d'intégrer les retours et d'ajuster progressivement le rendu final.
2. Développement
Le développement a été réalisé avec Next.js, dont le rendu côté serveur (SSR) et la base React ont permis de répondre aux enjeux de SEO et de référencement naturel, tout en assurant une bonne indexation des pages. L'accessibilité et la conformité RGAA ont constitué un fil conducteur tout au long du développement. Parmi les modules externes intégrés : Resend pour l'envoi des mails via le formulaire de contact, Turnstile pour la vérification anti-bot et Leaflet pour la carte dynamique permettant la localisation des cabinets du thérapeute.
Le projet s'est déroulé sur environ 1 mois, rythmé par des revues régulières avec le client pour garantir une avancée fluide et transparente jusqu'à la livraison finale.
- Design
- Dribbble
- Next.JS
- Resend
- Turnstile
- Leaflet
- OVH
- Vercel