Domaine l'Angélus

Site web pour le domaine l'Angélus, situé à Figeac dans le Lot, proposant des gîtes et un élevage de chiens de troupeaux.

Aperçu récapitulatif du projet

Déploiement

Juillet 2024

Scores lighthouse

  • Performances : 85
  • Accessibilité : 98
  • Bonnes pratiques : 100
  • SEO : 100

(Moyenne des 26 pages via Unlighthouse)

Stack technique

Front-end
Nuxt (SSG) Vue.js UnoCSS
Back-end & Paiements
Directus SQLite Hono Stripe API

Le Domaine l'Angélus, situé à Sainte-Colombe (Figeac) dans le Lot, est un lieu qui combine des gîtes reposants avec le dressage de chiens de troupeaux. L'objectif étant de créer un site web permettant la présentation des différentes prestations proposées par le domaine, ainsi que la réservation de nuitées et de cours de dressage de chiens de troupeau.

Aperçu

Page d'accueil

Le site est divisé en deux parties distinctes :

  • Côté gîtes pour la présentation du domaine et la réservation des nuitées.
  • Côté chiens pour la présentation de l'élevage, ses prestations et sa lignée, et de la réservation de cours.

Chaque section possède un design qui lui est propre : un clair pour les gîtes, un sombre pour l'élevage. Leur point commun est la couleur bronze qui a ensuite été reprise sur la charte graphique des différentes communications du domaine (réseaux et flyers).

Fonctionnalités

Réservation en ligne

Les visiteurs peuvent facilement choisir une plage de dates en fonction des disponibilités et payer rapidement leur réservation. La réservation des gîtes est séparée de la réservation des cours de dressage.

Barre de réservation

Présentation des gîtes et du domaine

Des pages simples permettant d'afficher les photos du domaine et des gîtes, ainsi que l'ensemble des aménagements. Dans chaque fiche de gîte, un calendrier de disponibilités est également présent.

Aperçu fiche gîte

Présentation de l'élevage

Plusieurs pages avec des détails sur les prestations de l'élevage du domaine, sur les chiens à vendre ou disponibles à la saillie, mais aussi l'affichage de l'arbre généalogique de la lignée.

Aperçu page lignée

Aspects techniques

L'architecture du projet est simple : une base de données pour stocker toutes les données métier (réservations, grille de prix, disponibilités, haute saison, pages...) et un serveur pour héberger le site statique, le CMS et pour gérer les paiements.

Stack technique

Le CMS est Directus , directement branché sur la base de données SQLite . Les paiements sont effectués avec Stripe et gérés avec le framework Hono . Le front-end est créé avec Nuxt et Vue.js en mode statique (SSG), avec l'aide de UnoCSS (syntaxe Tailwind).

Le site étant principalement de type vitrine, le choix de générer un site statique s'est imposé de lui-même, en raison du gain important de performances.

Pour assurer la sécurité des données, une sauvegarde automatique de la base de données est mise en place avec Duplicati .

SEO

La majorité du SEO a été mise en place grâce au plugin Nuxt SEO. Il simplifie énormément la gestion des graphes Schema.org, et permet de générer rapidement les multiples balises SEO, les images OpenGraph, ainsi que les fichiers robots.txt et sitemap.xml.

J'ai également utilisé le Google Indexing Script pour rapidement référencer l'ensemble des pages du site sur Google et remonter en tête des résultats de recherche basés sur le nom du domaine, en moins d'un mois.

Processus

Création d'un site web caché (restriction IP) mis à jour automatiquement à chaque ajout de code afin de pouvoir mettre en place une méthode Agile adaptée. Les hôtes du domaine ont pu tester le site à leur aise et faire des retours pour ajuster les fonctionnalités. Le jour du déploiement, le site a simplement été ouvert au public.

La formation des gérants du domaine à l'utilisation du CMS a également été nécessaire afin de pouvoir laisser le champ libre à de futurs ajouts ou modifications du contenu, ainsi que pour gérer les imprévus avec les réservations.

Résultats et impact

Les clients du domaine sont heureux de pouvoir réserver directement via internet, sans passer par un intermédiaire, ce qui est rare dans ce domaine de la réservation de gîtes. L'affichage simple et sans fioritures des fiches de gîtes et leurs disponibilités plaisent également beaucoup. Les gérants du domaine peuvent directement interagir avec les réservations et notamment en créer manuellement.

L'affichage détaillé des chiens de lignée de l'élevage et des chiens proposés par le domaine est un élément novateur dans le secteur de l'élevage de troupeaux, qui tarde encore à utiliser le web moderne.

Feedback Facebook

Le site web déployé reflète bien la combinaison des gîtes et de l'élevage de chiens de troupeaux et reste simple et efficace dans ses objectifs : présenter le domaine et permettre la réservation.