Ce projet a consisté à concevoir le site web de mon agence fictive d’infographie, Graphtiel, dans le cadre de ma formation. L’objectif était de valoriser l’identité visuelle de l’agence tout en présentant ses services, son univers graphique, ses projets et ses engagements. Le site a été développé avec WordPress, ce qui m’a permis d’exploiter un CMS tout en intégrant du code personnalisé pour certaines fonctionnalités spécifiques (suivi de tâches, ajustements CSS, etc.). La charte graphique repose sur une harmonie entre violet, bleu foncé et blanc, traduisant les valeurs de rigueur et de créativité de l’agence.
https://graphtiel.fr
AC14.01 – Exploiter de manière autonome un environnement de développement efficace et productif
J’ai utilisé l’environnement WordPress en local pour tester, structurer et configurer le site. L’administration du CMS, la gestion des extensions, la hiérarchisation des contenus et l’organisation des menus m’ont permis de développer une bonne autonomie dans la prise en main d’un environnement de production complet.
AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
Même dans un environnement WordPress, j’ai veillé à la clarté du contenu, à l’accessibilité et à la cohérence visuelle des pages. Grâce au thème personnalisé et à l’éditeur visuel (Elementor), chaque section a été pensée pour offrir une navigation fluide, avec des animations discrètes, un design responsive et un balisage respectueux des normes du web.
AC14.03 – Générer des pages Web à partir de données structurées
WordPress repose sur une base de données MySQL dans laquelle sont stockés les contenus, utilisateurs et métadonnées. J’ai utilisé ce système pour afficher dynamiquement les projets, les articles et les modules de contact. Certains contenus ont été enrichis via des champs personnalisés, permettant une gestion structurée de l’information.
AC14.04 – Mettre en ligne une application Web en utilisant une solution d’hébergement standard
Après la phase de développement en local, le site a été migré sur un hébergeur mutualisé. J’ai configuré la base distante, transféré les fichiers WordPress, ajusté les permaliens et vérifié le bon fonctionnement général du site. Cette étape m’a permis de prendre en main l’ensemble du processus de mise en ligne d’un site sous CMS.
AC14.05 – Modéliser les données d’une application Web
Même si WordPress masque une grande partie de la structure relationnelle, j’ai étudié et compris le fonctionnement de sa base (post types, taxonomies, tables utilisateurs…). J’ai pu ainsi structurer les contenus autour de types personnalisés adaptés à l’identité de Graphtiel, comme les projets ou les témoignages.
AC14.06 – Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC
L’utilisation de WordPress m’a permis de déployer rapidement un site fonctionnel, tout en le personnalisant en profondeur : ajout de code CSS, insertion de scripts via WPCode, configuration fine de SEO avec Yoast, et optimisation de l’accessibilité. J’ai également su tirer parti de l’écosystème d’extensions tout en maintenant une logique cohérente dans l’architecture du site.
L’un des principaux défis rencontrés lors de la création du site Graphtiel avec WordPress a été lié à la gestion de projet dans un environnement contraint. En effet, plusieurs fonctionnalités utiles pour la présentation dynamique des contenus ou le suivi des projets (comme certains modules avancés proposés par Elementor ou des extensions de gestion de tâches) étaient accessibles uniquement via des versions payantes.
Face à cette limitation, j’ai fait le choix de développer manuellement certaines fonctionnalités. Par exemple, j’ai intégré du code personnalisé via l’extension WPCode afin d’ajouter des modules spécifiques (comme un tableau de suivi d’étapes ou des encarts stylisés), sans recourir à des extensions premium. J’ai également utilisé des shortcodes personnalisés, des blocs HTML/CSS sur mesure, et adapté les styles en injectant directement du CSS dans les pages.
Cette contrainte m’a permis de mieux comprendre l’architecture de WordPress, de développer des solutions alternatives et d’optimiser l’autonomie technique du projet tout en respectant l’esthétique et la cohérence visuelle du site. Cela a renforcé mes compétences en gestion de projet web avec contraintes budgétaires et m’a permis d’adopter une approche plus souple et créative dans la conception de sites sous CMS.
