Category:
Web Design
Client:
Les Haras de Klasalys (club d'équitation)
Mon approche
Dans le cadre de mon parcours Web, par binôme, nous avons dû nous mettre à la place des prestataires afin de remplir les attentes visuelles et graphique de nos clients : le centre équestre "Le Haras de Klasalys". Grâce à leur cahier des charges, nous avons pu répondre à leurs attentes tout en respectant leurs contraintes.
Ce site internet a pour but de faciliter la transmission d’informations importantes, de faire connaitre le club, et de lui créer une image en ligne.
Demandes et Mise en place
Le Haras de Klasalys a été fondé en 2024. Ce lieu prône le respect du cheval et transmet sa passion à travers l’apprentissage du sport équestre. Situé en Normandie dans la ville de Houlgate, à proximité de la plage, ce lieu idyllique permet aux adhérents de se ressourcer le temps d’un cours, d’un stage ou d’une balade.
L'objectif du centre est d’inculquer la pratique de l’équitation dans le respect des valeurs, de l’éthique et du partage autour de l'équitation. Le bien-être des chevaux est la priorité. Le club veille à leur offrir un environnement sain et respectueux de leurs besoins.
Voulant une plateforme qui reflète leur univers, l'univers graphique du club est doux, chaleureux, avec des couleurs douces, alliant du beige et du bleu pour rappeler leur région la Bretagne. La Font des grands titres, tout comme le logo, ont été pensés spécialement en accord avec l'univers de l'équitation.
La mise en place du projet et les différentes étapes du projet sont d'abord passés par une analyse des documents fournies de la part de nos clientes : cahier des charges, charte graphique, maquettes, contenus rédigés pour le site… Par la suite, un échange avec les commanditaires pour mieux comprendre les attendus, et clarifier les incompréhensions. Et enfin, la création du site internet sur Wordpress en veillant à bien respecter les dates et les contraintes.
Spécification techniques et fonctionnelles
Le club souhaitait intégrer au site internet des images et vidéos, notamment dans la rubrique “galerie photo” (basée uniquement sur des photos existantes et non générées par une IA) mais aussi autour des différents articles pour les illustrer. Intégrer également un planning des cours sous forme de tableaux, mais aussi une grille tarifaire pour indiquer le prix de nos prestations.
Le site devait être pensé pour évoluer dans le temps tout en respectant les standards de sécurité, de performance, et de protection des données. Le site devait être responsive, c'est-à-dire optimisé pour une consultation sur différents supports :
Mobile : interface simplifiée, navigation fluide, accès rapide aux fonctions clés comme la réservation de cours.
Tablette : compromis entre l'ergonomie mobile et les fonctionnalités desktop.
Ordinateur : interface complète avec toutes les fonctionnalités accessibles de manière ergonomique.
Les éléments graphiques devront être optimisés pour les écrans Retina et de haute résolution.
Face aux contraintes
Le plus grand challenge a été sans doute de concevoir un site Web uniquement dit "vitrine", sur demande de nos commanditaires. Pour leur ouverture, les clientes ne souhaitaient pas lancer un site Web complexe avec beaucoup de fonctionnalités (formulaire d'inscription, formulaire de contact, possibilité de vente de merch…) Effectuer une plateforme simpliste, sans aucun effets (menu déroulant, effet de motion design) était un défi car on pouvait se concentrer uniquement sur l'aspect visuel du site.
Par ailleurs, il a été difficile de faire le référencement car les pages sont très peu fournis en texte, outre les liens hypertextes et les descriptions des images.
Quelques Pages Détaillées
Page d'accueil : La page d'accueil se présente comme une vitrine avec un Header contenant le logo du club et un menu. Elle s'organise avec une photo au premier plan représentant un cours du centre équestre, puis un conteneur avec les actualités à la Une. Ensuite, une galerie photo en carrousel avec toutes les photos du centre équestre. Et enfin un Footer avec l'adresse du club, les contacts et les réseaux sociaux.
Activités : Comme toutes les pages du menu, la page d'activités est organisé en forme de bloc avec des images cliquables amènent à d'autres sous pages.
Plan d'Accès : Cette page représente seulement l'adresse du club d'équestre et un plan d'accès Google Map, le but étant de faciliter l'accès aux élèves.
Conclusion
Ici, le travail de prestataire demande moins de créativité au vu des maquettes graphiques précises déjà réalisée. Cependant, il est nécessaire de savoir relever des défis techniques, ou alors savoir trouver des solutions pour y remédier. Par ailleurs, cela demande également de savoir développer avec précision les idées.
