Photographies de mariage de Nathalie Mota

Des solutions WordPress sur mesure, orientées UX

Motaphoto

Le Contexte

Nathalie Mota est une photographe événementiel. Elle souhaite un site ergonomique, responsive et éco-conçu

La commande

  • Développement de fonctionnalités personnalisées pour promouvoir le travail de la photographe, renforcer sa visibilité et faciliter le partage de ses photos.
  • Intégration d'une interface de saisie simple et fonctionnelle
  • Structure prévue pour intégrer un blog ultérieurement

Les technologies utilisées

  • Starter theme Underscores
  • Custom Post type + Acf
  • NPM + SAAS
  • Requêtes personnalisées AJAX / PHP

Les Fonctionnalités

Galerie photos avec filtres dynamiques

Galerie d'images avec possibilité de charger plus d'images de manière sécurisée sans actualiser la page.

L’utilisateur peut trier les photos par catégorie, format ou date. Le contenu s’actualise instantanément en fonction des filtres sélectionnés. Il peu actualisé les formats et catégories dans le backoffice. Les données s'afficheront automatiquement.

Une requête sur mesure permet d'injecter la référence et la catégorie de chaque photo. Elles sont affichées au survol de chaque image. Des icônes cliquables donnent accès à la visionneuse et à la page détaillée de l’article.

Menu burger

Le menu s’adapte en menu burger sur les tablettes et smartphones. Au clic sur le burger, il se transforme en croix et s'ouvre sur tout l'écran.

Hero

Le banner s’étend sur toute la largeur de l’écran. Une image de fond est chargée de manière aléatoire parmi les images mises en avant, sélectionnée via une requête personnalisée. Au centre, le titre principal est injecté dynamiquement, récupéré depuis le champ de description configuré dans le back-office WordPress.

Lightbox

Une visionneuse s'ouvre au clic sur l'icone agrandir de chaque images de la galerie de la page d'accueil. Suite à une requête dynamique, on injecte la référence et la catégorie correspondantes

Modale de contact

Au clic sur le menu contact une pop-up s'ouvre et affiche un formulaire de contact. La modale peut s'ouvrir et fermer soit en cliquant sur la croix, soit en cliquant à l'extérieur du formulaire.

La modale peut s'ouvrir depuis le bouton contact de la page d'article. La référence de la photo concernée est affichée de manière dynamique dans le formulaire.

Navigation

Des flèches de navigation dynamiques permettent d’afficher au survol les images mises en avant des articles adjacent au post courant. Un clic redirige vers l’article précédent ou suivant.

Partez à la découverte d' autres projets WordPress

ou explorez d'autres réalisations web dans mon profil Github