Site WordPress
Explication de mon travail
Ce projet m’a permis de découvrir le CMS WordPress et son éditeur Gutenberg, tout en développant mes compétences en front-end (CSS pour la gestion des styles et JavaScript pour mettre en place les animations). L’objectif de ce projet était de créer une interface web mettant en avant l’identité d’une entreprise, en intégrant des animations conformes à la charte graphique imposée. Le site a été hébergé sur un serveur de PlanetHoster pour le rendre accessible en ligne. Me permettant de pratiquer la mise en ligne d’un site chez un hébergeur.
Structure de la page 🏗️
La page est structurée en plusieurs parties :
- Header : Comprend le logo de l’entreprise, le menu de navigation, et un appel à l’action (“Free demo”).
- Section principale : Inclut des sections sur les produits, les ressources, l’entreprise, et des témoignages clients.
- Blog : Présente des articles récents et des actualités de l’entreprise.
- Footer : Contient les informations de contact, les liens vers les réseaux sociaux et les mentions légales.
Éléments textuels 📝
Une attention particulière a été portée aux différents éléments textuels du site :
- Les liens de téléchargement sont accompagnés d’une icône pour indiquer clairement leur fonction.
- Les abréviations sont dotées d’une animation qui permet d’afficher leur signification complète au survol.
- Les liens dans les paragraphes sont mis en évidence par un style distinct, rappelant les titres des sections.
Sections principales 📂
Les sections suivantes sont détaillées :
- Accueil : Introduction à l’entreprise avec un visuel attractif et des animations.
- Produits : Description des produits proposés par l’entreprise, avec des illustrations et des exemples concrets.
- Ressources : Regroupe les différents outils et supports offerts par l’entreprise.
- Entreprise : Informations sur l’histoire et les valeurs de l’entreprise.
- Témoignages : Avis et retours de clients satisfaits.
Blog 💻
La section blog est organisée pour afficher les articles les plus récents. Ce n’est qu’un aperçu de ces articles un bouton avec une animation permet de voir l’intégralité de cette article. À noter, qu’en haut de chaque article un bouton permetb de mettre en avant la catégorie de celui-ci pour une navigation facile entre les différents sujets abordant la même thématique. En dessous de ces articles se trouve un bouton permettant d’accéder à la totalité des articles.
Footer 👣
Le footer regroupe les informations essentielles de contact et les liens vers les réseaux sociaux, accompagnés d’icônes représentatives.
Liens 🔗
🌐 - Lien vers le figma de ce site WordPress
🎥 - Lien de la vidéo de présentation des attentes front du site