Refonte Webflow :
Découvrez comment Moka.care, une plateforme dédiée à la prévention en santé mentale, a été transformée grâce à une refonte Webflow et une nouvelle identité graphique.
L'entreprise
Moka.care est une entreprise mettant à disposition une solution de prévention pour les équipes.
Leur objectif est d'apporter une réel suivi en santé mentale et de permettre à chacun de trouver un interlocuteur à l'écoute.
Grâce à leur solution, Moka.care apporte un suivi plus efficace et en direct.
Le projet
pages designées
optimisé SEO
de délai de réalisation
Le projet initié par Moka.care a été, en premier lieu, de refondre entièrement leur identité graphique afin de leur offrir une nouvelle image sur le web. Il a ensuite fallu penser soigneusement un nouveau parcours utilisateur afin de permettre facilement l'accès à l'informatrion et mettre en avant leur solution innovante.
Leur support web a été entièrement migré sur Webflow pour leur offrir une meilleure gestion de leurs contenus.
Les étapes clés du projet ont été les suivantes :
- Refléter efficacement leurs valeurs et leur identité grâce à leur nouvelle charte graphique
- Mettre l'utilisateur au centre de notre réflexion afin de lui offrir une expérience de navigation intuitive et accessible
- Utiliser les ressources de Webflow pour donner toutes les clés à l'entreprise pour une gestion efficace de leurs contenus et de leur présence en ligne.
Les étapes du projet
Wireframes
UI Design
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
L'entreprise Moka.care a aujourd'hui le plaisir d'être présente de manière impactante sur le web et de pouvoir efficacement distribuer leur solution.
Grâce à Webflow, les équipes peuvent gérer de manière optimale leurs contenus et les mettre à jour selon leurs besoins.
Leur nouvelle identité graphique leur offre un plus grand dynamisme et reflète leurs valeurs d'accompagnement et de "l'humain au centre du service".
LE PROJET EN IMAGES
"Avec Webflow, Moka.care est devenue plus qu'une plateforme de prévention : c'est une solution complète qui met la santé mentale au cœur de ses services."
