Portfolio pour Anaïs Vernageau

Pour ce projet, j’ai développé le portfolio d’Anaïs Vernageau. Cette dernière avait réalisé une première version Framer, mais elle a voulu passer sous WordPress, pour gagner en flexibilité et en référencement naturel (SEO).

Compétences

Développement d’un
site portfolio

Recherche d’une
meilleure
expérience utilisateur

Logiciels

Utilisation de
WordPress

Utilisation du
langage CSS

Développement du projet

Tout d'abord, j'ai repris la version du site développée sur Framer et j'y ai apporté des améliorations, pour lui offrir une meilleure accessibilité et un référencement SEO.
Pour toute la partie design et identité visuelle, ce sont les créations d'Anaïs.
Pour réaliser ce site, j’ai utilisé plusieurs extensions :

- Kadence Blocks qui facilite la création des pages, avec des blocs prédéfinis s’ajoutant directement à Gutenberg, le constructeur de page par défaut de WordPress.
- Spectra lui ajoute des animations, pour rendre le site dynamique.
- WPForms Lite m’a permis de créer le formulaire de contact.
- Advanced Google reCAPTCHA est une sécurité, pour vérifier que l’utilisateur n’est pas un robot, afin de limiter les spams ou les tentatives de cyberattaque par force brute.
- Complianz permet de gérer le consentement des cookies sur le site.
- Animate on Scroll créée l'animation au scroll sur la page d'accueil.
- Before After Image Comparaison donne une animation d'avant-après, sur certaines créations de photographie.
- reSmush.it optimise les images du site.
- WPCode Lite ajoute du code à l'animation de scroll.
- Yoast SEO améliore le référencement naturel des pages, grâce entre autre, à l'emploi de mots-clés.
Le site étant déjà créé, je n'ai fait que le reprendre et le redévelopper sous WordPress, en améliorant certains blocs de textes, en agrandissant certains textes et en changeant certaines couleurs, pour en améliorer l'accessibilité. J'ai aussi implémenté les pages légales vierges qu'elle pourra remplir à sa guise.
Ce projet m'a permis de progresser avec le CMS WordPress et de développer de nouvelles animations CSS. Mais aussi d'aider Anaïs, une designer graphic, avec qui je suis mes études et travaille en collaboration sur plusieurs projets à MyDigitalSchool de Vannes.

Recherche

Tout d’abord, j’ai repris la version du site développée sur Framer et j’y ai apporté des améliorations, pour lui offrir une meilleure accessibilité et un référencement SEO.

Identité visuelle

Pour toute la partie design et identité visuelle, ce sont les créations d’Anaïs.

Développement

Extensions

Pour réaliser ce site, j’ai utilisé plusieurs extensions :

Kadence Blocks qui facilite la création des pages, avec des blocs prédéfinis s’ajoutant directement à Gutenberg, le constructeur de page par défaut de WordPress.

Spectra lui ajoute des animations, pour rendre le site dynamique.

WPForms Lite m’a permis de créer le formulaire de contact.

Advanced Google reCAPTCHA est une sécurité, pour vérifier que l’utilisateur n’est pas un robot, afin de limiter les spams ou les tentatives de cyberattaque par force brute.

Complianz permet de gérer le consentement des cookies sur le site.

Animate on Scroll créée l’animation au scroll sur la page d’accueil.

Before After Image Comparaison donne une animation d’avant-après, sur certaines créations de photographie.

reSmush.it optimise les images du site.

WPCode Lite ajoute du code à l’animation de scroll.

Yoast SEO améliore le référencement naturel des pages, grâce entre autre, à l’emploi de mots-clés.

Reprise du site existant

Le site étant déjà créé, je n’ai fait que le reprendre et le redévelopper sous WordPress, en améliorant certains blocs de textes, en agrandissant certains textes et en changeant certaines couleurs, pour en améliorer l’accessibilité. J’ai aussi implémenté les pages légales vierges qu’elle pourra remplir à sa guise.

Conclusion

Ce projet m’a permis de progresser avec le CMS WordPress et de développer de nouvelles animations CSS. Mais aussi d’aider Anaïs, une designer graphic, avec qui je suis mes études et travaille en collaboration sur plusieurs projets à MyDigitalSchool de Vannes.

Quelques visuels

Liens

Vous pouvez visualiser le nouveau site :

Site Portfolio Anaïs WP

Vous pouvez aussi voir le compte LinkedIn d’Anaïs

Portfolio pour Anaïs Vernageau