English (United Kingdom)

Contact me

English (United Kingdom)

Contact me

English (United Kingdom)

Contact

Redesign of the UX for the Quotatis Mobile Artisans App

Redesign of the UX for the Quotatis Mobile Artisans App

Intervention management tool used by 5500 artisans every day.

Intervention management tool used by 5500 artisans every day.

14 Mar 2023

Between January and December 2023, I conducted a complete overhaul of the Artisans Quotatis application, in close collaboration with the Product, Tech, Data, and Business teams at Adeo. As a Senior Product Designer (UX/UI), I ensured the management of the design system, conducted user research, and participated in product steering.

The objective: to simplify, modernise, and enrich the experience of partner artisans of Quotatis, within an Adeo ecosystem (Leroy Merlin) used daily by more than 5,000 professionals in France.


Impact: -50% intervention time, +23 NPS points, 82% adoption within three weeks.



Problem:

At the beginning of 2023, the Product Director of Quotatis proposed that I take the lead on the redesign of the Artisans mobile application.

Together, we quickly formulated the central issue of the project:

"How can we restore trust and efficiency to artisans in their use of the Quotatis app, which has become cumbersome, outdated, and visually inconsistent?"

The application, used daily by thousands of artisans to manage their worksites, quotes, and exchanges with Leroy Merlin clients, played a key role in the Adeo ecosystem but suffered from many usage barriers.

The initial findings from user feedback and internal analyses were unequivocal:

  • A fragmented journey, never actually designed mobile-first.

  • A multiplication of screens and redundant interactions, generating confusion and wasting time.

  • A loss of productivity in the field, particularly during travel between worksites.

  • Recurring feedback mentioning slowness, a lack of clarity in navigation, and an aging interface.

  • A significant design debt, inherited from several years of isolated iterations and successive fixes.

Beyond the experience challenges, the situation raised a tangible business problem: a decrease in artisans' satisfaction and a decline in the use of key features such as chat, reminders, or quote management.

This redesign thus became a strategic opportunity: to deeply rethink the artisan experience, modernise the product, and reestablish a relationship of trust with its users.



Situation report before redesign

  1. Incomplete digital journeys: functional gaps often leading to dead ends.

  2. Poorly structured information.

  3. Little to no hierarchy in action buttons.

  4. Old graphic charter still in use.

  5. Many different navigation components used simultaneously.

  6. No industrial or thoughtful patterns for grouping contextual actions.

  7. UX strategy built layer by layer like legos, adding functionality without thinking about challenging the form.

  8. Confused use of the app, users lost in lengthy transactions, large data pages, and bugs in handling information.



Hypothesis

We hypothesised that the redesign of the application should start from the actual usage of artisans in the field: a mobile, rapid use, often in constrained contexts (worksite, travel, client exchanges). By refocusing the experience on these key situations and introducing a visual and functional coherence through a modular design system, we could enhance their efficiency and restore trust in the tool.


From an UX perspective, this meant structuring the product around three major usage contexts — managing interventions, creating documents like Completion Certificates, and client follow-up — and then reducing cognitive load through better visual hierarchy and unified patterns.


From a product standpoint, we anticipated that a smoother, more predictable, and better-organised interface would naturally lead to a rise in NPS, a reduction in reported frictions, and more regular adoption of key features.


Finally, from a business perspective, we believed that by simplifying critical paths, artisans would gain speed of execution and ease of use, which would directly contribute to improving their satisfaction and reinforcing their loyalty to the Quotatis network.


Roadmap

Here is a summarised view of how the project unfolded over the year. Click on the image to enlarge.




Solution

A complete UX/UI overhaul based on field research, rapid prototyping, and close collaboration between design, tech, and business.


Key steps and deliverables:

a) User research & understanding

  • Artisan studies conducted in the field (Île-de-France, Nord, Rhône). See the study on Artisans and digital.

  • 6 user personas created: “The nomadic artisan”, “the team manager”, “the new registrant”.

  • Complete mapping of the current journey (service blueprint).

  • Identification of “pain points” in the funnel.

b) UI Design & Design System

  • Creation of a modular design system based on Montserrat tokens + Quotatis palettes.

  • Definition of main components: buttons, cards, forms, lists, feedback.

  • Visual harmonisation mobile/web via a centralised Figma library.

  • Documentation + transfer to the front end (React + React Native).

c) Structuring & UX Strategy

  • Redesign of the “Worksite Management” and “Client Communication” flows.

  • Prioritisation by impact/effort and alignment product via workshops (Design Studio + Crazy 8s).

  • Definition of a unified navigation framework (persistent bottom navigation).

d) Tech collaboration

  • Weekly design-dev workshops.

  • Delivery via Jira / Figma inspect.

  • POC front on the “Artisan Dashboard” and “Notifications” modules.

e) Prototyping & validation

  • Interactive wireframes (Figma + Framer) tested in 2 cycles with real users.

  • Integration of an offline mode + quick access to client files.

  • A/B tests on contextual CTAs (“Contact client” / “Add quote”).

  • Validation via internal business sessions (Support, Product Ops, Tech).



UX Workshops - Ideation and experience mapping sessions with the Product team




Early prototyping phase

Design sprint lasting one week, tool used: Framer for interactive details (Figma at that time offered fewer possibilities, which is no longer the case now).

User tests conducted internally for initial lean analysis of the impacts of the navigation redesign, structure, intelligent listing of interventions, and detail redesign.





1 - Prototype complexity: complete user journey for the Artisan experience


2 - Complete interactive prototype available for testing



Design System elements



1 - Branding color tokens and UI system variables for SaaS


2 - Typographic system sizes, spacing, and tokens



3 - Basic system components (form inputs, radio buttons, checkboxes, multi-select…)



4 - Typographic system, SVG grid, exports of assets optimized for web and native mobile



5 - Examples of system components (notification badges), variability, and intervention status badges


6 - Other reusable system patterns across apps (desktop navigation, mobile, steppers…)


Screens after redesign

1 - Nominal Artisan journey from the start to the end of the intervention (generation of the Completion Certificate)



2 - Notification centre, adding granularity of preferences by type of information communicated to the Artisan



3 - Presentation of screens after redesign





Results and learnings

Measurable results:

Indicator

Before

After

Impact

Average time to complete an intervention cycle

4m20

2m10

-50%

User satisfaction (NPS)

34

57

+23 points

Errors reported in support

100% baseline

-42%


Adoption of the new version

82% in 3 months



Key learnings:

  • The importance of a sustainable design system in a multi-app context.

  • The need for experience symmetry between artisans and internal advisors.

  • The value of documenting UX debt to prioritise future redesigns.

  • The positive impact of integrating design + tech + business from the earliest phases.


Conclusion

This project marked a turning point in the UX maturity of the Quotatis app: we moved from a functional but fragmented product to a coherent, smooth, and rewarding mobile experience for artisans. The technical foundation of the app was entirely reviewed to improve performance, without altering the app's logic to avoid losing users who were already active on the platform. All while maintaining the usual delivery rhythm of developers.

The structure was optimised, and the experience improved, down to the details of UI kit component states, with new micro-interactions now signing the quality of the app.

I consolidated my position as a designer-builder capable of rallying around a vision, executing with rigor, and anchoring design in business impact. The product presentations to the company's stakeholders were all headed in the right direction. The iterative approach allowed me to concentrate the most constructive feedback. It was a rewarding Product experience. Would do it again!

Clément Ougier

Connect

Instagram

Inspiration

Clément Ougier

Connect

Instagram

Inspiration

Clément Ougier

Connect

Instagram

Inspiration