Am O viA
Le site d'Am O viA, une praticienne en massage bien-être qui se déplace sur la Côte d'Azur : à domicile, à l'hôtel, au bureau ou en extérieur. Une seule page présente sa démarche, le rituel sur-mesure, quatre rituels ciblés et huit techniques d'inspiration, puis mène à la demande de rendez-vous. Je l'ai codé à la main en HTML, CSS et JavaScript, sans framework.
▸ Le défi
Les séances Am O viA se déroulent là où se trouve le client, avec tout le matériel fourni. Le site devait donc présenter un service plutôt qu'un lieu, et dire clairement comment une séance se passe. La marque existait déjà, avec un logo en forme de rose et des teintes terracotta sur son flyer : je devais partir de là. Côté contact, il fallait une solution légère pour une indépendante joignable par téléphone et WhatsApp, sans back-office à gérer.
La section des rituels ciblés : quatre soins présentés en cartes, deux par ligne. Ici la réflexologie plantaire Nuad thao et le massage visage Kobido, chacun avec son intention et une description courte.
Focus sur l'expérience utilisateur : détails de navigation, micro-interactions et hiérarchie visuelle.
▸ La solution
J'ai construit une page unique en sept sections, sans framework ni dépendance : du HTML, du CSS et un seul fichier JavaScript de 7 Ko. La direction artistique part du logo de la cliente : fond ivoire, accents terracotta, titres en marron, Cormorant Garamond associée à Jost, et des photos découpées en arche. Le formulaire n'envoie rien à un serveur : il prépare un message WhatsApp avec le nom, le téléphone, le rituel choisi et le message, que le visiteur n'a plus qu'à envoyer. Les animations au défilement se désactivent quand le visiteur a demandé à réduire les mouvements sur son appareil.
Le rituel sur-mesure expliqué en trois étapes numérotées : l'écoute, la composition, l'adaptation. Le bouton en bas de section présélectionne ce rituel dans le formulaire de rendez-vous.
Résultats clés
Le site est en ligne sur amovia.fr depuis le 7 octobre 2026. Il ne dépose aucun cookie et ne charge aucun outil de mesure d'audience, donc pas de bandeau de consentement à afficher. Les demandes de rendez-vous arrivent directement dans le WhatsApp de la praticienne. Pour le référencement, j'ai ajouté des données structurées HealthAndBeautyBusiness et un sitemap, et le www redirige vers le domaine principal. Les conditions générales de vente et les mentions légales ont leur propre page.
Discutons de votre vision.
Je conçois et développe sur mesure pour des marques exigeantes. Réponse sous 24h.
Chaque projet suit un processus structuré pour garantir un résultat optimal.
Ce projet a été réalisé en 2,5 semaines, de la découverte initiale au déploiement final.
Cadrage & direction artistique
Point de départ : le logo fourni par la cliente (une rose) et les teintes de son flyer. J'en ai tiré la palette du site : fonds ivoire, accents terracotta, et le marron du logo pour les titres. Côté typographie, Cormorant Garamond pour les titres et Jost pour le texte courant. Le motif en arche qui encadre les photos vient de cette étape.
Intégration de la page
Une page unique en sept sections, écrite à la main en HTML et CSS : grilles CSS, tailles de texte fluides avec clamp(), variables pour les couleurs. Un seul fichier JavaScript de 7 Ko gère le menu mobile, la barre de progression et les apparitions au défilement avec IntersectionObserver. Le projet n'a ni dépendance ni étape de build.
Contenus & allers-retours
J'ai publié une version de travail sur une adresse Vercel fermée aux moteurs de recherche, pour les relectures. Plusieurs passes ont suivi sur les textes et les photos. Pour choisir le fond de la section « Un temps pour vous », j'ai ajouté un sélecteur caché qui compare cinq teintes directement sur la page. La page des conditions générales de vente et des mentions légales date aussi de cette étape.
SEO & mise en ligne
Passage sur le domaine amovia.fr : balise canonique, Open Graph, données structurées HealthAndBeautyBusiness, sitemap et robots.txt. Le www redirige vers le domaine principal, et l'adresse Vercel de travail reste exclue de l'indexation. Le tout est hébergé sur Vercel.
Projet suivant