En cliquant sur "Accepter tous les cookies", vous acceptez que des cookies soient stockés sur votre appareil afin d'améliorer la navigation sur le site, d'analyser l'utilisation du site et de contribuer à nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.

Refonte Webflow :

Moka.care x Ouiflow

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.

Site internet de Moka care mis en scène sur un ordinateur et un smartphone.

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

8

pages designées

100%

optimisé SEO

1 mois

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

Logo Figma en noir et blanc

Wireframes

Maquette fournie
Logo de Figma

UI Design

Maquette fournie
Logo Webflow

Dév. Webflow

12 jours

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".

Vue du site Webflow créé lors de ce projet.

LE PROJET EN IMAGES

Vue mobile du site Webflow créé lors de ce projet.
Vue plein écran du site Webflow créé lors de ce projet.
Vue plein écran du site Webflow créé lors de ce projet.

"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."