.svg)
.svg)
.svg){kind=icon}
Prestation réalisée
Design + Développement Webflow d’un site vitrine complet (+5 pages)
| Enjeux Business du client | Ressources livrées |
|---|---|
| Avoir un site web qui respecte les meilleures pratiques SEO | Score de performance globale à 100/100, un temps de chargement moyen en 0.7s et un score de performance 100/100 en SEO Technique |
| Rendre le site accessible en anglais + français | Traduction des pages et création de sous-domaines respectifs /fr et /en |
| Comprendre le comportement des visiteurs sur le site | Tracking du nombre de visiteurs, des pages consultées, du niveau de scroll parcouru... |
| Rendre l’équipe autonome sur l’actualisation de textes, images et contenus essentiels | 5 tutoriels vidéos à consulter en illimité et 1 librairie de composants à disposition |
10 points clés pour ce projet
1. Consultation du brief + Contenu écrit
Pour définir le cadre du projet, il a fallu valider une arborescence comprenant le nombre de pages et leur utilité pour le SEO. Anna s'est ensuite chargée de fournir les principales idées à transmettre pour chaque page.
.webp)
.webp)
2. Identité visuelle réalisée par Clément Abrial
Collaboration sur ce projet pour réaliser l'identité visuelle avec un Brand Designer talentueux : Clément Abrial. Lien vers le site web.
3. Design de la structure des pages
Le premier défi Design est d’adapter le contenu écrit de chaque page, à une structure adaptée aux standards d'une bonne expérience utilisateur sur le web. Le côté graphique est exclu.
.webp)
4. Design du site sur PC + Mobile
Une fois les structures de pages validées, l'identité visuelle et les éléments distinctifs sont ajoutés pour donner vie à l’identité d'Anna Montenot.
5. Intégration Webflow responsive
Le site web est intégré pour PC, tablettes et mobiles conformément à la maquette du Designer. Il faut ajouter à cela les pages légales et le gestionnaire de cookies pour être en conformité totale avec le RGPD.
.webp)
6. Optimisation des performances
L'intégration Webflow est faite en respectant les bonnes pratiques Google afin de procurer une expérience utilisateur optimale sans oublier les meilleures pratiques de SEO technique.
7. Gestion de la partie multilingue
Le site est disponible en version française et anglaise grâce à l’option Localization fournie par Webflow. Des sous-domaines respectifs sont créés pour chaque langue, ce qui permet à Anna d’optimiser son SEO en fonction de la langue ciblée.
.webp)
8. Paramétrage des collections CMS
Les collections CMS permettent à votre équipe d'être autonome dans la gestion du site, sans pour autant que ça nécessite des compétences avancées! Mais pour que ceci soit faisable, le paramétrage des collections doit être fait proprement. Ici, j'ai créé une collection CMS liée au blog pour que Anna puisse gérer en autonomie ses articles en quelques clics.
9. Ajout du tracking via Tag Manager
Pour le site d'Anna, j'ai intégré un tracking basique conforme au RGPD.
Ce tracking permet de consulter des KPIs pertinents comme le nombre de visiteurs sur une période donnée, les pages les plus consultées, le niveau de scroll parcouru par chaque utilisateur...
Tous les scripts sont gérés sur un seul outil, Google Tag Manager.
.webp)
.webp)
10. Réalisation de tutoriels personnalisés
Pour chaque collection CMS, un tutoriel vidéo personnalisé a été transmis pour suivre pas à pas les manipulations à effectuer. Changer du texte, des images, ajouter/modifier du contenu CMS... Tant de choses devenues faciles à réaliser en autonomie.
Avis client sur la prestation
François a été exceptionnel pour la création de mon site internet, tant sur le plan créatif, que sur le plan technique, marketing et humain. François a été à l'écoute de mon projet, a su s'adapter à mon domaine d'expertise tout en étant toujours force de proposition. Le résultat est sublime et efficace. Bravo !
.webp){kind=small}
Anna Montenot, Avocate indépendante
.svg)
.svg){kind=icon}
.svg){kind=icon}
.svg){kind=icon}