Ce projet est un site vitrine développé pour un client nommé Milan, spécialisé dans les services de calisthénie (street workout et musculation au poids du corps). Le site a été réalisé dans le cadre d’une formation de développeur intégrateur web et vise à fournir une plateforme moderne, intuitive et professionnelle pour promouvoir les services de Milan en ligne.
L'objectif principal du site est de créer une présence en ligne efficace pour Milan en mettant en avant son expertise et ses services. Le site doit permettre à Milan de :
- Présenter le coach et son expertise dans le domaine de la calisthénie, avec des informations sur son parcours, ses méthodes et ses réussites.
- Proposer différentes offres de coaching sportif adaptées aux besoins de chaque client, en mettant en valeur les services de manière claire et attrayante.
- Publier des articles de blog sur des sujets liés à la calisthénie, la nutrition, la progression physique et d'autres thèmes pertinents pour son audience cible.
- Permettre aux visiteurs de prendre rendez-vous pour des sessions de coaching ou de contacter directement Milan pour des informations supplémentaires ou des demandes spécifiques.
Pour le développement de ce site, plusieurs technologies ont été choisies pour garantir une structure solide, une interface responsive et une expérience utilisateur fluide :
- HTML5 sémantique : Pour une structure web propre et bien définie, facilitant l'accessibilité et le SEO.
- CSS avec TailwindCSS : Utilisation du framework TailwindCSS pour une gestion rapide et efficace des styles, avec des classes utilitaires permettant une personnalisation aisée.
- JavaScript (vanilla) : Pour l'ajout d'interactivité dynamique sur certaines pages, notamment la gestion des articles de blog et de la prise de rendez-vous.
- Responsive design : Le site est conçu pour être parfaitement lisible et fonctionnel sur tous les types d'appareils (mobile, tablette, desktop), garantissant une expérience cohérente quel que soit le support utilisé.
La charte graphique du site a été pensée pour refléter l'énergie et le professionnalisme de Milan. Les couleurs et les éléments visuels ont été soigneusement sélectionnés pour assurer une expérience visuelle agréable et une navigation fluide :
- Orange (Spanish Orange) :
#E46804→ Utilisé principalement pour les éléments d'appel à l'action (boutons, liens, etc.) afin de capter l'attention des utilisateurs. - Noir :
#0A0908→ Utilisé pour le texte principal, les en-têtes et certaines sections afin de garantir une bonne lisibilité. - Vert grisé (Hooker's Green) :
#668586→ Cette couleur est utilisée pour des éléments de design doux et pour apporter une touche de fraîcheur et de naturel. - Blanc fumé :
#F2F4F3→ Utilisé pour le fond principal des pages, offrant une sensation de légèreté et de clarté.
Le site est composé de plusieurs pages principales, chacune dédiée à un aspect spécifique de l'activité de Milan. Voici un aperçu des pages disponibles :
index.html: Page d'accueil du site, présentant de manière concise les services, le coach, et les offres disponibles.coach.html: Présentation détaillée du coach Milan, avec son parcours, ses qualifications et sa philosophie d'entraînement.offres.html: Page présentant les différentes offres de coaching proposées par Milan, avec des informations détaillées sur chaque programme.blog.html: Blog avec des articles dynamiques. Chaque article est présenté de manière claire et accessible, avec la possibilité d'ouvrir un seul article à la fois pour une meilleure lisibilité.rdv.html: Page de prise de rendez-vous, permettant aux visiteurs de réserver une session de coaching avec Milan. La page inclut un formulaire simple pour faciliter les prises de contact.contact.html: Page de contact permettant aux utilisateurs de poser des questions à Milan ou d'obtenir plus d'informations sur ses services. Cette page inclut un formulaire de contact simple, ainsi que les informations de contact direct.
Ce projet a été réalisé avec la collaboration des personnes suivantes :
- Nicolas & Hazel : Développeurs et designers, responsables de la structure du site, de l'implémentation des pages, de l'optimisation des styles CSS, ainsi que de la mise en forme responsive et des éléments visuels.
- Axel (Tech Lead) : Responsable de la gestion technique du projet, de la coordination des différentes étapes du développement et de l'implémentation de fonctionnalités avancées.
Ce projet est sous Licence MIT. Vous pouvez l'utiliser, le modifier et le distribuer librement sous les termes de cette licence.
La licence MIT est une licence permissive qui permet à toute personne d'utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier et/ou vendre des copies du logiciel, à condition d'inclure le texte de la licence et le copyright dans toutes les copies du logiciel.
Pour plus d'informations, vous pouvez consulter le texte complet de la licence MIT.