Refonte Webflow :

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

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.