Refonte Webflow :
Découvrez comment Plankton First, spécialisé dans l'utilisation de phytoplancton, a été transformé grâce à une refonte Webflow et une nouvelle identité graphique.
L'entreprise
Plankton First est une entreprise spécialisée dans l'utilisation de phytoplancton pour diverses utilisations telles que des compléments alimentaires, de la nourriture pour poissons ou encore des cosmétiques.
L'entreprise a des valeurs forte et une identité importante, qui sera traduite sur leur nouveau site.
Le projet
pages designées
optimisé SEO
de délai de réalisation
Le projet consiste en une refonte complète du site internet de Plankton First sur Webflow.
L'entreprise s'est auparavant doté d'une toute nouvelle identité graphique et il a donc fallu concevoir des maquettes en accord avec leur charte.
Les enjeux principaux de ce projet sont les suivants :
- Appliquer précisément la nouvelle charte graphique et l'adapter au site web pour que leur présence en ligne soit parfaitement identifiable
- Utiliser efficacement les éléments graphiques pour dynamiser la navigation
- Penser entièrement le parcours utilisateur pour offrir aux visiteurs une expérience unique
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
Plankton First et ses équipes peuvent désormais pleinement et facilement administrer leur site web grâce aux fonctionnalités de gestion qu'offre Webflow.
Notre travail d'optimisation SEO et nos conseils leur permettent de se placer aux meilleurs places des résultats de recherche.
Grâce à une nouvelle identité impactante, intelligemment retranscrite sur le site, l'entreprise bénéficie désormais d'une présence en ligne affirmée et qualitative.
LE PROJET EN IMAGES
"Avec Webflow, Plankton First est devenue plus qu'une entreprise de phytoplancton : c'est une plateforme innovante qui met la science marine au service de la durabilité."
