Helpi website, service à la personne

Refonte du site vitrine, design system

Lien du site : helpi.fr/

Accès maquettes : https://urls.fr/LsKsNw

Contexte et besoins clients Helpi est une entreprise de service à domicile basé dans les Ardennes et la Marne. Notre client souhaitait moderniser son site afin d’améliorer l’expérience utilisateur. Nous avions pour objectif d’accroitre la visibilité de ses services clés qui sont le ménage et repassage, la garde d’enfants, l’aide aux seniors, l’aide à l’handicap et la résidence autonomie. Une stratégie de valorisation de ses agences devait également être mise en place pour faciliter leur identification par les usagers.

Conception dynamique Nous avons conçu un parcours utilisateur clair. Dès son entrée sur le site, l’utilisateur peut chercher l’agence la plus proche de chez lui pour accéder aux services dont il peut bénéficier, ou bien opter pour une entrée par thématique service. Ces choix sont tout deux accessibles au-dessus de la ligne de flottaison, favorisant une prise de décision rapide.

Tout au long de sa navigation, des éléments de réassurance et d’appels à l’action le guident avec notamment la possibilité pour lui de réaliser un devis à porter de clics, mais aussi d’être rappelé ou de prendre rendez-vous grâce à trois pastilles sticky CTA présentes sur chaque page (à droite).

Faciliter la prise de décision et améliorer la conversion

Le site présente une architecture claire avec un menu de navigation principal en haut de page, permettant un accès direct aux sections essentielles. Tout un travail de restructuration des informations a été réalisé pour faire ressortir les éléments importants.

Nous avons designé un simulateur de prix sur chaque page service pour rendre la navigation plus engageante. En donnant une estimation claire des coûts, cela simplifie la prise de décision de l’utilisateur et lui fait gagner du temps. L’interaction se fait grâce à un range slider, qui estime le coût en fonction du nombre d’heures travaillées. Cet outil favorise l’esprit de confiance : Helpi est totalement transparent sur ses prix. Les utilisateurs obtiennent une réponse claire de façon autonome, avant une prise de contact officielle.

Choix graphiques et design affirmé L'utilisation de couleurs contrastées (prédominance du fuchsia) sur les éléments d’appels à l’action renforce la hiérarchie et l’harmonie visuelle, guidant l'attention de l'utilisateur vers les informations clés. L’univers visuel choisi se veut légèrement décalée, l’objectif étant de différencier notre client de sa concurrence et de créer une ambiance positive et une connexion émotionnelle avec les utilisateurs. De nombreux sites d’entraide adoptent une tonalité sérieuse avec des images parfois austères. Tout en prenant en considération l’âge et les attentes de la cible, l’utilisation de visuels « amusants » et ludiques permettait de simplifier les messages véhiculés par l’entreprise : Chez Helpi, ce n’est pas une corvée de faire le ménage mais un plaisir d’aider ses clients, la photo d’accueil l’explicite bien.

Helpi retrouve un brin de fraîcheur, avec des couleurs vives, ce qui rend l’expérience utilisateur plus agréable et l’attention n’en est que mieux captée ! Chaque service possède son propre code couleur et des tags le rappellent à l'utilisateur tout au long de sa navigation.

Gagner en visibilité Afin d’améliorer le référencement d’Helpi, nous avons créé des pages par agence et par service/secteur (Helpi, services à la personne à Reims / Helpi, ménage et repassage à Charleville-Mézières). Chaque page est optimisée avec des mots-clés précis, permettant de capter les utilisateurs via des recherches ciblées et de positionner notre client sur des cherches locales.

Design system

Avant/après refonte

Photo 1 : avant

Photo 2 : nouveau wireframes

Photo 3 : nouveau design