Contexte de l’activité
Vous êtes chargé de créer un site web pour un nouveau club de sport nommé FitActive. Ce club s’adresse aux jeunes actifs souhaitant garder la forme dans une ambiance décontractée et conviviale.
Le site doit :
-
Promouvoir le club et ses services (cours, animations, événements).
-
Communiquer sur les actualités via un blog intégré.
-
Partager photos et comptes rendus d’événements passés.
-
Être attractif et original, sans copier des modèles préexistants.
-
Être optimisé pour le référencement naturel (SEO) et les performances.
-
Respecter les règles d’accessibilité.
Cahier des charges (PDF fourni)
Le client vous a transmis un cahier des charges détaillé précisant les attentes et la structure à respecter.
Consignes techniques
1. Mise en place du site
-
Choisissez votre méthode :
-
Installation locale via un serveur comme Local
-
Installation directe chez un hébergeur en ligne
-
2. Design & ergonomie
-
Utilisez des polices compatibles web et agréables à lire.
-
Palette de couleurs au choix parmi :
-
Couleurs froides (bleu, turquoise, vert, violet)
-
Couleurs chaudes (rouge, orange, terracotta, jaune)
-
-
Intégrez le logo dans le header.
-
Configurez un favicon.
-
Créez un menu de navigation dans le header qui reflète l’arborescence demandée.
-
Les liens du menu doivent permettre la navigation vers :
-
Les différentes sections de la page d’accueil (liens d’ancre)
-
La page dédiée aux articles / actualités
-
3. Contenus & pages
-
Créez et paramétrez :
-
La page d’accueil
-
La page des actualités (blog)
-
-
Intégrez un widget de formulaire de contact fonctionnel (champs conformes au cahier des charges).
-
Harmonisez les composants graphiques : polices, couleurs, boutons, etc.
-
Respectez la structure des pages demandée (notamment sur la page d’accueil).
4. Performances & accessibilité
-
Assurez un affichage correct sur tous types d’écrans : desktop, tablette, mobile.
-
Optimisez vos images :
-
Attributs alternatifs remplis
-
Compression adaptée au web
-
Formats d’image en adéquation avec la taille d’affichage (WebP conseillé)
-
-
Pour les liens sans texte, ajoutez un attribut “titre” explicite.
5. Référencement naturel (SEO)
-
Installez et configurez un plugin SEO (Yoast ou SEOPress).
-
Créez et vérifiez les fichiers sitemap.xml et robots.txt via le plugin.
-
Renseignez titres et descriptions (meta) pour toutes les pages.
-
Choisissez des expressions-clés pertinentes et équilibrées (trafic/concurrence) pour chaque page.
-
Structurez vos titres (H1 unique par page, 3-4 H2, etc.) pour optimiser le SEO.
6. Optimisation technique
-
Installez un plugin de cache et configurez-le pour accélérer le chargement.
Objectif final
Votre site doit être :
-
Esthétiquement original et cohérent avec l’image du club FitActive.
-
Facile à naviguer et adapté à tous les écrans.
-
Rapide et performant.
-
Conforme aux bonnes pratiques SEO et d’accessibilité.
Lancez-vous !
Mettez en œuvre toutes ces consignes pour construire un site WordPress professionnel complet et performant.
Félicitations !
J’espère que ce projet vous a permis de libérer votre créativité et d’explorer pleinement les possibilités offertes par WordPress. Continuez à pratiquer pour affiner vos compétences !