Refonte Webflow :
Découvrez comment Hack Youre a transformé son site web pour mieux accompagner les professionnels de santé, grâce à une refonte Webflow et une nouvelle identité graphique.
![Site internet de Hack Your mis en scène sur un ordinateur.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/668815c69c1a437ebaa030a2_Mockup%20ordi%20tel%20Hack%20Your%20Care.png)
![Photo de Quentin Vassas, CEO chez Hack Your Care](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6659b5645501d3f434af7673_Photo%20de%20Quentin%20Vassas%20Hack%20Your%20Care.webp)
Super équipe, travail solide, respect des délais et du cahier des charges. On a adoré!
Quentin Vassas
CEO chez Hack Your Care
L'entreprise
Hack Your Care offre des solutions de digitalisation pour l'expertise médicale, aidant les entreprises à collaborer avec des professionnels de santé qualifiés. Ils fournissent des services sur mesure pour recruter des experts, comprendre le marché de la santé, et optimiser la communication digitale. La plateforme connecte plus de 5 000 professionnels de santé couvrant 25 professions et 20 spécialités médicales. Elle garantit transparence tarifaire et conformité réglementaire, visant à faciliter la collaboration entre les entreprises et les experts médicaux.
Le projet
pages designées
optimisé SEO
d'augmentation du trafic
Nous sommes ravis de partager notre récente aventure : la transformation totale du site web de Hack Your Care en utilisant Webflow, pour apporter une touche de fraîcheur et d'innovation à l'expérience utilisateur. Voici les pierres angulaires de notre projet :
- Nous avons repensé de A à Z le parcours utilisateur pour le rendre plus dynamique et engageant.
- Une refonte graphique a été opérée pour que le site incarne parfaitement l'âme de , en harmonie avec sa charte graphique.
- Les équipes Hack Your Care sont maintenant totalement équipées pour gérer et éditer le site de manière autonome sur Webflow.
- Et bien sûr, nous avons veillé à ce que l'expérience utilisateur soit à la fois intuitive et conviviale.
Les étapes du projet
Wireframes
![Logo de Figma](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/64a2ead4cfabb43bfcd6c4f8_Figma%20icon.webp)
UI Design
![Logo Webflow](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/655384c1c24e1c378c88ef97_webflow_rond_fond-bleu.webp)
Dév. Webflow
Recherche et d'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 de 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 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
L'entreprise et les équipes Hack Your Care bénéficient maintenant d'un nouveau site internet propre et moderne, en accord avec leurs valeurs et avec une identité graphique forte.
L'optimisation pour les moteurs de recherche (SEO) leur permet de se placer dans les résultats de recherche.
Cette refonte permettra à ses utilisateurs de facilement comprendre l'entreprise et d'avoir une expérience de navigation optimale.
Ce nouveau site internet est devenu un support de communication impactant pour Hack Your Care.
![Vue du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6659b6581e6db4836fa7af80_mockup_Hack%20Your%20Care.png)
LE PROJET EN IMAGES
![Vue mobile du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/668815c933c3e7873f66e0ca_mockup%20tel%20fond%20bleu.png)
![Vue plein écran du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/668815cd692eb67848274397_Image%20projet%20Hack%20Your%20Care.png)
![Vue plein écran du site Webflow créé lors de ce projet.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/668815d04eee33b3dc32b457_Image%20projet%20Hack%20Your%20Care%202.png)
"Avec Hack Your Care, les entreprises bénéficient d'une expertise médicale digitalisée, transformant ainsi leur collaboration avec les professionnels de santé en une expérience optimisée et centrée sur les besoins spécifiques des clients."