Motaphoto

Contexte OpenClassrooms:
En tant que développeur WordPress freelance, j’ai accompagné Nathalie Mota, photographe événementielle, dans la recréation complète de son site après la perte de son ancien outil. L’objectif était de développer une plateforme fiable, performante et administrable, permettant de gérer un volume important de photos et de proposer une expérience fluide à ses clients.

Le site devait répondre à plusieurs enjeux critiques :

• gérer un grand volume de photos avec une interface simple côté admin ;
• permettre une navigation fluide sans rechargement de page ;
• offrir une expérience immersive (lightbox, plein écran) ;
• implémenter une logique de filtres dynamiques (catégories, formats, tri) ;
• respecter des contraintes de performance et green code (images lourdes, appels API optimisés).

J’ai développé un thème WordPress personnalisé répondant aux besoins métier de la cliente.
J’ai notamment :

• créé un système de gestion de photos structuré (catégories, formats, métadonnées personnalisées) ;
• développé un catalogue dynamique avec filtres AJAX (catégories, formats, tri par date) sans rechargement ;
• implémenté un système de chargement progressif (Load More) ;
• conçu une lightbox plein écran avec navigation entre les photos ;
• développé une page individuelle de photo avec :
• • affichage des métadonnées,
  • navigation suivante / précédente,
  • prévisualisation au survol ;
• intégré une modale de contact dynamique avec préremplissage de la référence photo ;
• affiché des photos apparentées selon la catégorie ;
• optimisé les performances :
• • compression et adaptation des images,
  • limitation des requêtes API WordPress aux interactions nécessaires ;
• respecté les maquettes Figma en responsive (desktop + mobile) ;
• versionné le projet avec GitHub et préparé un export complet (site + base de données).

Le site Motaphoto permet à la photographe de gérer efficacement son catalogue et d’offrir une expérience utilisateur fluide et professionnelle. Les performances ont été optimisées malgré un volume important de médias, et l’architecture du site garantit évolutivité et autonomie côté client. Le projet combine UX, performance et logique métier avancée.