Refonte Webflow :
Découvrez comment Maria Galland, une enseigne de beauté, a été transformée grâce à une intégration Webflow et une stratégie SEO avancée.
![Site internet de Maria Galland mis en scène sur un ordinateur et un smartphone.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64ededb4f87ef66b198b07f9_Mockup%20Maria%20Galland.webp)
![](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/651a74885925b58043f13e24_Photo%20testimonial-3.webp)
L'entreprise
Maria Galland est une marque de beauté restée à l’avant-garde depuis soixante ans
Ils créent des soins respectueux pour la peau et la planète qui permettent d'adopter une routine beauté essentielle.
Le projet
pages designées
optimisé SEO
du temps nécessaire pour créer 1 page
Le projet a consisté à créer des landing pages sous Webflow. Nous exportons ensuite le code pour l'envoyer aux équipes IT de Maria Galland. Ces derniers l'intèrent sur leur propre système de gestion.
Ce procédé permet aux équipes de Maria Galland de gagner beaucoup de temps dans la réalisation des pages. En effet, nous avons réduit par 5 le temps nécessaire pour intégrer une page !
Les étapes du projet
Wireframes
![Logo de Figma](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/64a2ead4cfabb43bfcd6c4f8_Figma%20icon.webp)
UI Design
![Logo Webflow](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/655384c1c24e1c378c88ef97_webflow_rond_fond-bleu.webp)
Dév. Webflow
Planification du projet
- Analyse des Besoins du Client: Notre objectif est de comprendre les besoins et les objectifs du projet pour s'assurer que le site web répondra à leurs attentes.
- Étude de la Maquette Figma: Nous examinons la maquette Figma pour comprendre la structure, le design, les animations voulues et les fonctionnalités requises.
Développement Webflow
- Structure du Site: Nous posons la structure de base du site (Header, Footer, Pages, etc.) dans Webflow.
- Intégration du Design: Nous intégrons les éléments de design en respectant la maquette au pixel près.
- Développement des Fonctionnalités: Nous ajoutons des interactions, des animations et des fonctionnalités comme des formulaires, des galeries, etc.
- Optimisation Mobile: Nous nous assurons que le site est responsive et optimisé pour les appareils mobiles.
- SEO Technique: Nous mettons en place des balises meta, des titres, des descriptions, des URL canoniques, etc., pour le SEO.
Test et mise en ligne
- Tests Fonctionnels: Nous vérifions que toutes les fonctionnalités fonctionnent comme prévu.
- Tests de Compatibilité: Nous nous assurons que le site fonctionne sur différents navigateurs et appareils.
- Audit SEO: Nous utilisons des outils dédiés pour effectuer un audit du site.
- Révision Client: Nous présentons le site au client pour approbation.
- Modifications Finale: Nous mettons en place un outil permettant de faciliter les retours clients et nous apportons les dernières modifications en fonction des retours du client.
- Déploiement: Nous mettons le site en ligne en utilisant l'hébergement de Webflow.
Les bénéfices pour le client
Les équipes IT Maria Galland reçoivent un code propre et structuré qu'ils peuvent intégrer à leur propre système de gestion de contenu. Elles peuvent désormais passer du temps sur les tâches les plus importantes pour elles sans devoir travailler de longues heures sur le développement de landing pages.
![Vue du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf48b76418908a708d5c1_Maria-Galland%201.webp)
LE PROJET EN IMAGES
![Vue mobile du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/65017189d07cc9780dc167f9_Frame%20368.webp)
![Vue plein écran du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501718d265337bb7d5f2e12_image%2056.webp)
![Vue plein écran du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/650171911581ae9d8ed53575_image%2055.webp)
"Avec Webflow, Maria Galland est devenue plus qu'une enseigne de beauté : c'est une expérience de soins respectueux qui sublime la peau de chaque client."