Refonte Webflow :
Découvrez comment Screeb, une plateforme d'Analytics dédiée aux équipes produit, a été transformée grâce à une migration Webflow et un développement sur mesure.
![Site internet de Screeb mis en scène sur un ordinateur et un smartphone.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf0d01d30f1274150f063_Mockup%20Screeb.webp)
![Photo de Simon Robic, Co-Founder et CPO de Screeb](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501ae78d95cf98a74425dec_Photo%20testimonial.webp)
Ouiflow a sû réagir vite et s'adapter à nos demandes.
On a pu sortir notre projet très rapidement.
Merci à eux !
Simon Robic
Co-Founder et CPO de Screeb
![Logo de Screeb.app](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64ecaddc1a9789fc23d2a64d_Loog%20Screeb.webp)
L'entreprise
Screeb est une entreprise qui propose une plateforme d'Analytics, de suivi utilisateur et autres fonctionnalités au sein des applications de leurs clients.
Leur outil permet à leurs clients un meilleur suivi et ainsi une amélioration constante de leurs produits.
Le projet
pages designées
optimisé SEO
de délai de réalisation
Le projet était de développer sur Webflow leur tout nouveau site internet dont les maquettes nous ont été fournies préalablement.
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
Cette refonte et le choix de Webflow leurs permettent d'avoir une meilleure présence en ligne
![Vue du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf476c6e9f2e4960261b1_Screeb%201.webp)
LE PROJET EN IMAGES
![Vue mobile du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501a872beb4549161ed07bc_Frame%20368.webp)
![Vue plein écran du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501a874ed68822487b1aa90_image%2067.webp)
![Vue plein écran du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501a878ed68822487b1aad6_image%2066.webp)
"Avec Webflow, Screeb est devenue plus qu'une plateforme d'Analytics : c'est un outil puissant qui permet aux équipes produit de prendre des décisions éclairées."