Melnaturo
Site vitrine pour une naturopathe
Mélanie est naturopathe. Comme beaucoup d'indépendants, elle avait démarré avec un site WordPress monté elle-même sur un thème pré-conçu. Fonctionnel, mais trop générique, pas vraiment elle. Elle m'a contactée avec une idée claire : un site qui lui ressemble vraiment, éco-conçu, et qui transpire sa personnalité rayonnante.
Un site pensé pour son activité
Au-delà de l'identité visuelle, il manquait des fonctionnalités essentielles à son développement :
- Prise de rendez-vous en ligne
- Inscription à ses coachings
- Vente de ses ebooks
- Affichage des avis Google
Autant de briques à construire proprement, sans partir dans tous les sens.
Un design fidèle à sa personnalité
J'ai commencé par proposer 3 moodboards aux ambiances bien distinctes. Pour les construire, j'écoute évidemment les envies, mais j'analyse aussi les réseaux. Le compte Instagram de Mélanie, très actif, m'a vraiment aidée à saisir son énergie et sa façon de communiquer. On est parties sur quelque chose de pep's, coloré et ludique.
Le moodboard validé, place au design. Et franchement je me suis bien amusée sur celui-là, il tranche avec ce que je fais d'habitude. Tout a été pensé pour que le site soit dynamique et agréable à parcourir, sans sacrifier les performances. J'ai créé de petites illustrations issues de son univers pour pousser encore plus loin la personnalisation.
Une architecture légère et éco-conçue
Le site repose sur des outils volontairement simple : généré en statique avec Astro, administré via Directus. Pas de base de données sollicitée à chaque visite, pas de couches inutiles. Les pages sont prêtes à servir, directement. Ça allège la charge serveur, améliore les performances et réduit la consommation de ressources.
Mélanie gère ses contenus en autonomie depuis une interface d'administration sur-mesure, simple à prendre en main.
Là où ça devient intéressant, c'est dans la gestion des services externes. Calendly, Brevo, Stripe, trois outils indispensables à son activité, mais souvent intégrés de manière assez lourde. Ici, tout est chargé de manière conditionnelle. La popup Calendly n'apparaît que si on clique pour prendre rendez-vous. Brevo est branché via API avec un formulaire custom plutôt que leur module standard. Stripe se déclenche uniquement à la commande d'un ebook. Résultat : aucune librairie inutile ne tourne en arrière-plan, le site ne consomme que ce dont il a besoin.
Impact environnemental et performances
Le site est hébergé chez Infomaniak, acteur engagé dans la réduction de l'impact numérique. Les mesures sont réalisées avec EcoIndex intégré à Lighthouse (mai 2026) :
| Page | EcoIndex | GES (g eqCO₂) | Eau (cl) | Poids (KiB) | DOM | Requêtes |
|---|---|---|---|---|---|---|
| Accueil | 82 · A | 1,36 | 2,04 | 293 | 261 | 23 |
| Accompagnements | 88 · A | 1,25 | 1,87 | 54 | 209 | 5 |
| À propos | 90 · A | 1,20 | 1,80 | 119 | 124 | 4 |
| Coaching SOPK | 90 · A | 1,19 | 1,79 | 37 | 132 | 4 |
| Ebooks | 90 · A | 1,21 | 1,81 | 65 | 145 | 6 |
| Page ebook | 85 · A | 1,30 | 1,96 | 41 | 294 | 3 |
| Contact | 89 · A | 1,23 | 1,84 | 27 | 196 | 2 |
Moyenne A | 88/100, 1,25 g eqCO₂ et 1,87 cl d'eau par page. Score Lighthouse 100/100 sur toutes les pages.
