Refonte Webflow :
Découvrez comment Workpackers, une startup spécialisée dans le coliving pour travailleurs nomades, a optimisé sa présence en ligne grâce à Webflow et une stratégie SEO avancée.
Un grand merci à la team Ouiflow pour la refonte de notre site !
La collaboration, le suivi du projet tout s'est déroulé parfaitement et cela répond clairement à nos attentes.
Maintenant le site de Workpackers est juste canon !
Jonathan Garcia
Co-fondateur de Workpackers
L'entreprise
Workpackers est une startup dont l'objectif est de créer un réseau d'hébergements qui redonne du sens à la mobilité professionnelle. Avec leur service, vous pouvez réserver une chambre dans une "work house" afin de profiter d'un lieu exceptionnel, entouré d'autres personnes qui veulent combiner télétravail et vie en collectivité.
Le projet
pages designées
optimisé SEO
de délai de réalisation
Le projet a consisté à effectuer une refonte complète du site web depuis Wordpress vers Webflow.
Les enjeux étaient les suivants :
- créer une nouvelle identité web afin de donner un côté plus professionnel
- ajouter une fonctionnalité de réservation de chambre en intégrant l'outil Amenitiz
- utiliser au maximum les collections dynamiques pour faciliter la gestion du site par les équipes de Workpackers
- mettre en place toutes les bases techniques du référencement naturel en utilisant notre expertise SEO
- ajouter un module multilingue avec Weglot
Les étapes du projet
Wireframes
UI Design
Dév. Webflow
Recherche et Atelier UI/UX
- Identification des personas: Nous définissons les personas pour comprendre les besoins et les comportements des utilisateurs cibles.
- Atelier UI/UX: Nous organisons un atelier avec les parties prenantes pour discuter des objectifs, des fonctionnalités et des flux utilisateur.
- Analyse concurrentielle: Nous étudions les sites Web concurrents pour identifier les meilleures pratiques et les opportunités.
Arborescence et Wireframing
- Création de l'arborescence: Nous établissons une arborescence du site pour définir la structure et l'organisation des informations.
- Wireframing: Nous créons des wireframes basiques pour chaque page, en nous basant sur l'arborescence.
Orientations de Design et Webdesign sur Figma
- Moodboard: Nous créons un moodboard pour définir l'ambiance et le style visuel du site.
- Palette de couleurs et Typographie: Nous choisissons une palette de couleurs et une typographie qui correspondent à l'identité de la marque.
- Design de la maquette: Nous utilisons Figma pour créer des maquettes haute fidélité en nous basant sur les wireframes et les orientations de design.
- Validation client: Nous présentons les maquettes au client pour validation et ajustements.
Développement sur Webflow
- Structure du site: Nous établissons la structure de base du site 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, etc.
- Optimisation mobile: Nous nous assurons que le site est responsive.
- SEO technique: Nous mettons en place des éléments pour le SEO.
Tests et Mise en Ligne
- Tests fonctionnels et de compatibilité: Nous vérifions que tout fonctionne comme prévu sur différents navigateurs et appareils.
- Audit: Nous effectuons un audit détaillé du site.
- Révision client: Nous mettons en place un outil qui permet de collecter les retours client facilement.
- Modifications finales: Nous apportons les dernières modifications.
- Déploiement: Nous mettons le site en ligne.
Phase de Maintenance
- Suivi et analyse: Nous utilisons des outils d'analyse pour suivre les performances du site.
- Support et mises à jour: Nous apportons des mises à jour régulières en fonction des besoins du client et des performances du site.
Les bénéfices pour le client
Les équipes Workpackers peuvent désormais ajouter facilement du nouveau contenu sur leur site Webflow grâce aux nombreuses collections dynamiques qui ont été créées et travaillées afin que leur utilisation soit la plus fluide possible. Une totale autonomie qui permet aux équipes marketing de reprendre la main sur le site web !
La fonctionnalité de réservation de chambre en instantané via Amenitiz leur permet également d'ajouter un côté plus professionnel.
L'optimisation pour les moteurs de recherche (SEO) leur permet désormais de se classer plus haut dans les résultats de recherche afin de gagner en visibilité.
LE PROJET EN IMAGES
"Avec Webflow, Workpackers est devenue plus qu'un espace de coliving : c'est une communauté globale où les travailleurs du monde entier peuvent se connecter et s'épanouir."
