Conception d’un site web fictif MEDE (Mission Éducative Dans l’Espace).
Compétences acquises:
Conception et stratégie :
- Rédaction et suivi du cahier des charges.
- Structuration de l’arborescence et organisation du contenu.
- Conception de wireframes et de maquettes haute fidélité.
- Création de prototypes interactifs pour tester les fonctionnalités.
Développement et CMS (WordPress) :
- Configuration technique : choix de l’hébergement, nom de domaine et installation du CMS.
- Maîtrise du thème Divi pour la personnalisation du design.
- Développement de pages statiques et mise en place d’un blog dynamique.
- Utilisation avancée d’ACF (Advanced Custom Fields) et de types de publications personnalisés (CPT) pour structurer les données.
Contenu et outils :
- Rédaction web optimisée et publication d’articles.
- Exploitation de l’IA (Prompt Engineering) pour gagner en efficacité sur la rédaction ou le design.
Conception UX : Du zoning au prototype
J’ai réalisé un zoning précis pour structurer logiquement les zones de contenu. Dès lors, cette étape facilite une navigation intuitive pour les futurs utilisateurs. Ensuite, j’ai élaboré un wireframe détaillé afin de visualiser la disposition des éléments de l’interface. Grâce à cette base, j’ai développé un prototype interactif pour tester l’ergonomie avant la phase de design.
Identité visuelle et infrastructure technique
J’ai conçu les maquettes finales en versions desktop et mobile sur Figma. Par la suite, j’ai sélectionné Infomaniak pour l’hébergement en raison de son engagement écologique. De plus, l’extension de domaine .education affirme la spécificité pédagogique du projet. Enfin, j’ai installé WordPress pour sa flexibilité et son respect des standards du W3C.
Développement dynamique avec Divi et ACF
J’ai intégré le thème builder DIVI pour personnaliser dynamiquement chaque page du site. Pour ce faire, j’ai créé des types de publications personnalisés (CPT) pour les fusées et les planètes. En outre, j’ai utilisé des champs personnalisés avancés (ACF) pour enrichir les données techniques de chaque fiche. De cette manière, la gestion du contenu devient plus structurée et professionnelle.
Architecture de l’information et animation du site
J‘ai élaboré les pages statiques indispensables comme l’accueil et le formulaire de contact. En parallèle, j’ai généré des articles thématiques pour dynamiser la plateforme régulièrement. C’est pourquoi le site propose un flux d’actualités chronologique sur l’astronomie. Ainsi, l’alliance des pages fixes et du blog offre une expérience utilisateur riche et complète.
