Conception d’un site web fictif MEDE (Mission Éducative Dans l’Espace).
Compétences acquises:
- Élaborer et suivre le cahier des charges
- Capacité à structurer le contenu d’un site web
- Créer des wireframes et des maquettes
- Développer des prototypes pour tester les fonctionnalités du site
- Évaluer les besoins en hébergement et sélectionner un hébergeur fiable
- Sélectionner un nom de domaine approprié en fonction du contenu du site
- Choisir un CMS adapté aux besoins du projet (WordPress)
- Installer et configurer un thème WordPress (DIVI) pour personnaliser le design du site
- Structurer le menu en fonction de l’arborescence du site
- Développer des pages statiques avec une structure permanente distincte des articles
- Rédiger et publier des articles pour dynamiser le contenu du site
- Mettre en place des types de publications personnalisés pour organiser le contenu
- Utiliser des champs personnalisés avancés pour enrichir les informations associées au contenu
Zoning
Avant la création du site, j’ai effectué un zoning, une étape indispensable pour diviser le contenu en zones distinctes. Ceci a permis de faciliter la mise en place d’une structure logique et intuitive, favorisant ainsi une navigation aisée pour les utilisateurs.
Wireframe et prototype
J’ai commencé par créer un wireframe afin de visualiser la disposition structurelle des éléments de l’interface utilisateur. Ensuite, en utilisant ce wireframe, j’ai développé un prototype pour visualiser et tester les fonctionnalités du site.
Maquettes du site
Après la phase de wireframe et prototype, j’ai conçu les maquettes de MEDE en versions desktop et mobile pour présenter la disposition, le design, et les éléments interactifs prévus pour le développement.
Choix de l’hébergeur et du nom de domaine
Compte tenu de mes besoins, j’ai opté pour Infomaniak en raison de sa fiabilité, sécurité renforcée, support technique réactif, infogérance, et engagement écologique. De plus, le domaine .education, réservé aux sites éducatifs, a été choisi pour sa récence et spécificité.
Choix du CMS
Parmi les différents CMS disponibles, WordPress s’est avéré être l’outil idéal. En effet, il est gratuit, open source, flexible et facile à utiliser. C’est pourquoi il permet à tout un chacun de créer et de gérer un site Web conforme aux standards du W3C.
Installation du thème DIVI
Afin d’optimiser les pages dynamiques de WordPress, j’ai sélectionné le thème builder DIVI. Ce thème permet de personnaliser efficacement et dynamiquement les pages, offrant ainsi une grande liberté de création.
Menu
Avant la création du menu, j’ai élaboré une arborescence sur GlooMaps. Ce processus m’a permis, grâce au menu, de structurer et organiser les liens vers diverses pages ou catégories du site de manière claire et intuitive.
Création des pages statiques
En parallèle du développement du menu, j’ai élaboré des sections statiques du site, dont la page d’accueil et la page de contact. Ces pages ont été conçues avec une structure permanente distincte des articles du blog, afin de répondre à des besoins spécifiques.
Création des articles
Dans le but de dynamiser le site et d’encourager la consultation régulière, j’ai généré des articles dans les catégories astronautes, fusées, planètes et actualités. Ces articles contribuent ainsi à obtenir une présentation dynamique et chronologique du contenu sur le site MEDE.
Création des catégories et des ACF
Pour enrichir le contenu du site et offrir une expérience utilisateur optimale, j’ai mis en place des types de publications personnalisés (Custom Post Type) spécifiquement dédiés aux astronautes, aux fusées et aux planètes. De plus, j’ai utilisé des champs personnalisés avancés (Advanced Custom Fields) pour enrichir les informations associées à chaque type de publication.
