Nathalie Mota

Création d'un site WordPress complexe pour une photographe en freelance.

/!\ LE SITE N'EST ACTUELLEMENT PLUS EN LIGNE /!\

Représentation affichage du site Nathalie Mota sur différents supports

Détails du projet à effectuer

/!\ LE SITE N’EST ACTUELLEMENT PLUS EN LIGNE /!\

Ce projet, fait parti d’un exercice de ma formation avec OpenClassrooms.

Je dois réaliser le site de Nathalie Mota (photographe professionnelle dans l’événementiel).
Ce site lui permet de faire découvrir et partager ces photos avec ces clients. Les clients doivent également avoir la possibilité de commander l’impression d’une photo depuis le site.

Je vais devoir respecter la maquette qui a été réalisée par un ami graphiste sur Figma et que le site soit visible sur Pc et sur téléphone.

Nathalie Mota pourra éventuellement plus tard, créer des articles pour alimenter la partie blog.

Elle doit pouvoir par la suite, ajouter facilement plusieurs nouvelles photos par semaine.

Le code devra être versionné sur GitHub.

Ce que j'ai fait

Je vais démarrer en créant les bases du thème pour pouvoir gérer le header, le footer, les menus et d’éventuel Widget depuis le dashboard de WordPress. Cela permettra ensuite à la cliente de pouvoir modifier facilement ces éléments de base.

Je vais ajouter les 2 extensions Custom Post Type UI et Advanced Custom Fields. Ces 2 extensions vont permettre de pouvoir gérer facilement des articles pour les photos tout en gardant la parti article disponible si la cliente veut développer plus tard la partie blog.
Nathalie Mota pourra ainsi ajouter, modifier ou supprimer facilement ces photos.

Pour la gestion des filtres en page d’accueil et de l’affichage des données des photos, je vais m’aider d’Ajax et de jQuery. Ce qui permettra d’avoir un affichage dynamique et sans rafraichissement complète de la page.

Les filtres sont créé dynamiquement et géré par Swiper Js. Ce qui permet à Nathalie Mota de pouvoir rajouter, modifier ou de retirer automatiquement des formats ou des catégories. Et de toujours être affiché sur une seule ligne. Quelque soit le support.

Quand le client fait une demande de contact sur la page de détail d’une photo, la référence de cette photo est ajouté dynamiquement dans le formulaire.

Evolution depuis la mise en place :

Ajout d’une extension pour mieux sécurisé le site.

Voir le site