Besoins du client :
La demande de la maîtresse des lieux soulignait deux points essentiels : élégance et rapidité.
L’élaboration du cahier des charges a mis en exergue davantage de besoins :
Objectifs :
- Concevoir une charte graphique élégante basée sur :
- De nombreuses photos avec volets coulissants pour rendre l’internaute complice et actif
- Différentes galeries animées avec ouverture en diaporama pour admirer le lieu en plein écran
- Diverses complications typographiques (lettrines, reproductions…) pour une touche classique
- Inspiration du print dans l’agencement des textes et images pour associer l’originalité à des techniques avancées
- Choix d’une colorimétrie moderne et percutante
- Utilisation de nombreux pictogrammes pour accompagner les textes devant rapidement diffuser un message
- Développer un site entièrement administrable par le biais d’un gestionnaire de contenu (CMS)
- Rendre le site entièrement responsive afin qu’il s’adapte sur tous les écrans (ordinateur, tablettes, smartphones…)
- Intégrer une application web de réservation en ligne
- Rendre le site multilingue
- Intégrer un blog afin de pouvoir diffuser des actualités sur le lieu et ses alentours
- Inclure différentes cartes dynamiques (google maps) avec une utilisation différente en fonction de la page
- Présenter les chambres et les événements du château avec possibilité d’en ajouter et/ou modifier
- Rendre le site compétitif sur le plan du référencement naturel afin de lui permettre rapidement de remonter naturellement dans les résultats des moteurs de recherche
Et bien d’autres choses à découvrir sur le site lui-même.
Contraintes techniques et solutions apportées :
Le choix des polices s’est logiquement porté vers l’association entre une police serif (avec empattement) pour les titres et une police sans serif pour le texte afin de rendre la lecture aisée.
Les couleurs relatives aux textes sont conformes WCAG 2 AAA (WAI) afin de respecter les règles d’accessibilité.
Dans le même registre, le site est également navigable au clavier.
Tous les fonds, images non photographiques, et pictogrammes ont été dessinés et intégrés au format vectoriel ce qui permet d’obtenir un affichage toujours parfait sur les écrans retina et de dernière génération.
Afin de rendre le site totalement administrable et de permettre à la propriétaire du lieu de modifier tout ou partie des textes et photos, un développement sur mesure a été effectué sur le C.M.S. open source WordPress.
Le site est conçu avec les langages de dernière génération (HTML5, CSS2&3, PHP7, Javascript & Jquery) et l’ensemble des animations et enjolivements sont programmés en CSS (vs JS) afin de rendre le site moins gourmand en ressources (plus rapide).
Le référencement naturel est basé sur une analyse SEO du secteur (très concurrentiel), une étude des leviers de trafic et une construction en fonction des résultats de cette étude.
Chaque page du site utilise et propose aux moteurs de recherche des micro-formats (schema.org) qui viennent enrichir les données.
Les réseaux sociaux ne sont pas oubliés puisque liés par programmation au site et à l’évolution de son contenu.
Diverses cartes dynamiques sont incorporées :
- une première sur la page d’accueil vient s’adosser au diaporama principal pour les plus pressés
- une seconde sur la page Visiter la région apporte des renseignements sur tous les lieux touristiques à visiter aux alentours du château
- une troisième sur la page de Contact permet de calculer, afficher et imprimer un itinéraire complet pour rejoindre le château
Agencement, lettrines, galeries
Page présentée : Accueil
Haut de page avec photos panoramiques
Page présentée : page d’une chambre
Utilisation de l’API Google maps
Pages présentées : Visiter la région et Contact
Adaptation sur tablettes et smartphones
