Roole

Application mobile

2023

Assurance
Refonte UX-UI
Recherche UX

Améliorations sur l'application Roole Premium

Roole, anciennement Club Identicar, est une complémentaire d’assurance automobile offrant des services pour aider les automobilistes dans leur quotidien. Ils ont fait appel à nos services pour épauler l’équipe de développement de leur application dans l’amélioration continue de leurs produits.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

chiffre un dans cercle bleu clair
This is some text inside of a div block.
chiffre deux dans cercle bleu clair
This is some text inside of a div block.
chiffre trois dans cercle bleu clair
This is some text inside of a div block.
chiffre quatre dans cercle bleu clair
This is some text inside of a div block.
chiffre cinq dans cercle bleu clair
This is some text inside of a div block.
chiffre six dans dans bulle bleu clair
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Contexte

Antoine à été intégré à l’équipe tech constituée de product managers, de développeurs et d’un lead product designer. Son intervention sur différents sujets se faisait en fonction des besoins de chaque product designer.

Problématiques du projet :

  • Augmenter le taux d’engagement des utilisateurs
  • Développer de nouveaux services
  • Entretenir le design system

Méthodologie design :

  • Phase exploratoire
  • Développement itératif
  • Création de wireframes et prototypes
  • Test et feedback utilisateur
  • Livraison finale du produit conçu

Phase exploratoire

À partir du constat de manque d’engagement des utilisateurs, nous avons conduit des entretiens utilisateurs avec le product manager en charge du sprint pour en savoir plus sur leur utilisation du service. En parallèle un benchmark à été réalisé pour voir les tendances et ce qui se fait mieux ailleurs. Ce qui en est sorti est qu’il y avait un manque de compréhension des notes de conduite et de la pertinence des recommandations. Nous avons donc décidé d’entamer une refonte complète de la fonction de suivi de conduite.

visuels de l'app mobile Roole suivi de conduite

Développement itératif

À partir de ce constat, nous avons débuté la phase itérative pour générer de nouvelles idées.
Nous avons commencé par un atelier d’itération avec différents products managers. En est sorti plusieurs idées pour représenter les données de conduite dont la mise en perspective de sa notation avec les autres utilisateurs.
A la fin du premier cycle d’itérations les idées retenues ont été développées en user flow.

Ateliers d'itération, tri de cartes et crazy eight

Création de wireframes et protoypes

Des wireframes puis des prototypes selon l’avancement du projet on été produits dans le cadre du développement itératif. Chaque prototype était présenté lors d’ateliers avec les product managers pour parler de leur pertinence et itérer en fonction. En a été retenu une représentation des notes de conduite sous forme de graphes pour les mettre en perspective avec les autres conducteurs.

wireframes roole et prototypes

Test et feedback utilisateur

Suite aux maquettes haute fidélité produites, des tests utilisateurs ont été réalisés pour valider nos hypothèses de design avant la mise en production. Pour cela nous avons recruté un panel de clients utilisant le service de suivi de conduite Roole. Cela nous a permis d’ajuster ici le wording utilisé dans les recommandations pour être le plus pertinent possible pour les utilisateurs.

illustration de cheklist

Livraison du produit

Une fois la version finale validée le produit est découpé en sprints pour les développeurs. Le product designer documente les règles UI et le design system pour s’assurer que la version développée correspondra aux maquettes.

maquettes obile Roole

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...