Nathalie Mota

Développement d’un site WordPress sur mesure pour une photographe professionnelle. J’ai mis en place des structures de données avancées, des champs personnalisés, des filtres AJAX et une galerie dynamique tout en appliquant les principes du Green IT.

Contexte de la mission

Nathalie Mota est un projet réalisé dans le cadre de ma formation de Développeuse WordPress chez OpenClassrooms.

Dans ce scénario professionnel, j’interviens en tant que développeuse WordPress freelance pour concevoir le nouveau site Internet de Nathalie Mota, photographe professionnelle spécialisée dans l’événementiel.

À la suite de la fermeture de la plateforme sur laquelle son précédent site était hébergé, Nathalie souhaite disposer d’un site WordPress entièrement personnalisé afin de conserver la maîtrise de son hébergement et de ses contenus. Son objectif est de présenter son travail, mettre en valeur ses séries photographiques et permettre à ses clients d’accéder facilement à ses réalisations.

Description du projet

Pour réaliser cette mission, la cliente me fournit les maquettes desktop et mobile du site, les spécifications fonctionnelles détaillées, un fichier recensant les informations associées aux photographies ainsi qu’une bibliothèque d’images à intégrer.

L’objectif principal est de développer un thème WordPress personnalisé capable de gérer dynamiquement un catalogue de photographies depuis le back-office. Pour cela, j’ai mis en place une architecture de données avancée reposant sur des Custom Post Types (CPT), des taxonomies personnalisées et des champs configurables via Secure Custom Fields (SCF).

Capture du projet

Le développement du thème a été réalisé en PHP, HTML, CSS et JavaScript afin de rendre l’ensemble des contenus administrables depuis WordPress tout en respectant fidèlement les maquettes fournies.

Le site intègre plusieurs fonctionnalités avancées, notamment :

• Une galerie photo dynamique alimentée par les données du back-office.
• Des filtres multicritères permettant de trier les photographies par catégorie, format ou date.
• Un chargement dynamique des contenus via AJAX sans rechargement de page.
• Une lightbox personnalisée pour la consultation des photographies.
• Une page individuelle pour chaque photo générée automatiquement à partir des données enregistrées dans WordPress.
• Une fenêtre de contact dynamique liée aux photographies consultées.

Dans une démarche de Green IT, un travail d’optimisation a également été réalisé sur la gestion des images afin de limiter leur poids et de réduire les échanges inutiles avec l’API WordPress.

L’ensemble du projet a été versionné avec Git et publié sur GitHub afin d’assurer un suivi rigoureux du développement et une maintenance facilitée.

Compétences développées

• Concevoir des structures de données avancées avec les Custom Post Types.
• Créer et exploiter des champs personnalisés avec Secure Custom Fields (SCF).
• Développer un thème WordPress entièrement personnalisé.
• Générer des templates dynamiques en PHP.
• Mettre en place des filtres et requêtes dynamiques avec AJAX.
• Utiliser JavaScript et jQuery pour enrichir l’expérience utilisateur.
• Optimiser les performances selon les principes du Green IT.
• Structurer et versionner un projet avec Git et GitHub.
• Respecter des maquettes et spécifications fonctionnelles complexes.

Ce projet constitue l’aboutissement de mon parcours de formation WordPress. Il m’a permis de mobiliser l’ensemble des compétences acquises au cours des précédents projets et de développer un site sur mesure répondant à des besoins métiers réels, tout en appliquant les bonnes pratiques de performance, de maintenabilité et d’expérience utilisateur.

Lien Github

https://github.com/mnadb/nathalie_mota