Onetip – Refonte site internet

Image de la maquette graphique avec le logo de onetip - Refonte site internet - onetip - Laetitia Digard

À propos de Onetip – Refonte site internet

Onetip est une application mobile qui permet de laisser des pourboires de manière simple et rapide, en passant par un QR code. La solution s’adresse aux professionnels comme aux équipes terrain, avec une gestion flexible des pourboires, qu’ils soient individuels ou collectifs.

Dans un contexte de développement de l’application, le site internet jouait un rôle clé dans l’acquisition. Il devait à la fois expliquer clairement le fonctionnement de la solution, rassurer les utilisateurs et surtout inciter au téléchargement de l’app.

L’objectif de la refonte était donc de transformer le site en un véritable levier de conversion, capable de capter l’attention, transmettre l’univers de marque et générer plus d’installations.

Durée :

1 mois

Rôle :

UX/UI Designer, Développeur web

Outils :

Figma, Notion, Webflow

Liens vers les livrables

Brief projet

Problématique

Le site existant ne remplissait pas pleinement son rôle d’acquisition. Le parcours utilisateur manquait de clarté, rendant la compréhension du produit plus difficile et limitant le passage à l’action.

Dans un modèle basé sur le téléchargement d’une application, chaque friction dans la navigation ou dans le message a un impact direct sur la conversion. Le site ne mettait pas suffisamment en avant la proposition de valeur ni les bénéfices concrets pour les utilisateurs.

L’enjeu était également de trouver le bon équilibre entre dynamisme et crédibilité. L’univers de marque devait transmettre de la simplicité et de la joie, tout en restant professionnel pour rassurer les entreprises et les équipes.

Objectif du projet

L’objectif principal était d’augmenter le nombre de téléchargements de l’application en optimisant l’expérience utilisateur et en clarifiant la proposition de valeur.

Il s’agissait de simplifier le parcours pour permettre aux visiteurs de comprendre rapidement le fonctionnement de la solution et ses bénéfices, sans effort.

Un autre enjeu était de renforcer l’identité de marque pour créer un univers visuel différenciant, capable de capter l’attention et de favoriser la mémorisation.

Enfin, le projet visait à améliorer la performance globale du site, à la fois sur le plan de l’expérience utilisateur et du référencement naturel, afin d’augmenter le trafic qualifié.

Étapes clés du projet

Étapes création site internet avec maquette existante sur Webflow

Processus de conception

Le projet a été structuré en plusieurs étapes clés, chacune pensée pour répondre à des enjeux d’acquisition et de conversion :

 

1/ Audit UX et SEO :

L’objectif était d’identifier les points de friction dans le parcours utilisateur ainsi que les axes d’amélioration pour le référencement. Cette phase permet de prioriser les actions ayant le plus d’impact sur la visibilité et la conversion.

 

2/ Refonte de l’arborescence :

La structure du site a été repensée pour simplifier la navigation et guider les utilisateurs vers l’objectif principal : le téléchargement de l’application. Un parcours clair permet de réduire les abandons et d’augmenter le taux de conversion.

 

3/ Conception des wireframes :

Des wireframes ont été réalisés pour structurer les pages et définir une hiérarchie de l’information efficace. L’objectif était de rendre la compréhension du produit immédiate.

Images du wireframe de onetip - Refonte site internet - onetip - Laetitia Digard

4/ Création de la maquette UI :

Le design a été pensé pour transmettre à la fois du dynamisme et du professionnalisme. Des éléments graphiques inspirés du logo, comme des illustrations et des effets visuels, ont été intégrés pour renforcer l’identité de marque et rendre l’expérience plus engageante.

Images de la maquette - Refonte site internet - onetip - Laetitia Digard

5/ Optimisation du parcours de conversion :

Les points de contact vers le téléchargement de l’application ont été multipliés et mis en avant de manière stratégique. Cela permet d’augmenter les chances de passage à l’action.

 

6/ Amélioration de l’expérience globale :

L’ensemble du site a été conçu pour être fluide, intuitif et agréable à parcourir, afin de maximiser l’engagement et la rétention des visiteurs.

Résultats

Même en l’absence de données consolidées, ce type de refonte orientée acquisition permet généralement d’observer des impacts significatifs sur les indicateurs clés :

 

  • Une augmentation du taux de conversion vers le téléchargement estimée entre +20 % et +50 %, grâce à une meilleure mise en avant de la proposition de valeur et à un parcours simplifié.
  • Une réduction du taux de rebond pouvant atteindre -20 % à -35 %, liée à une navigation plus claire et un design plus engageant.
  • Une amélioration du temps passé sur le site, estimée entre +10 % et +25 %, traduisant un intérêt accru pour la solution.
  • Une meilleure compréhension du produit, qui contribue directement à augmenter la confiance et la prise de décision.

 

Le site devient ainsi un véritable levier d’acquisition, capable de transformer les visiteurs en utilisateurs de l’application.

Images de la maquette graphique - Refonte site internet - onetip - Laetitia Digard

Avant / après