Lebeau Vitres d'auto

Revamping the Online Booking Experience

Revamping the Online Booking Experience

Revamping the Online Booking Experience

The Problem

The Problem

Lebeau Vitres d'auto, a major Canadian brand under Belron Canada, faced challenges with its online booking system for vehicle glass repair and replacement. The process was cluttered and lengthy, leading to user frustration, increased drop-offs, and more customer service inquiries.

  • Overwhelming Process: The booking experience was unclear and cumbersome.

  • Overwhelming Process: The booking experience was unclear and cumbersome.

  • Lack of Confidence: Uncertainty in selecting the correct service led to more support calls.

  • Lack of Confidence: Uncertainty in selecting the correct service led to more support calls.

  • Poor Mobile Optimization: Despite 70% mobile users, the site wasn't optimized for mobile devices.

  • Poor Mobile Optimization: Despite 70% mobile users, the site wasn't optimized for mobile devices.

  • User Behavior: Research indicated users preferred a quick booking process and often skipped explanatory content.

  • User Behavior: Research indicated users preferred a quick booking process and often skipped explanatory content.

Hypothesis

Hypothesis

By simplifying the booking flow, and introducing intuitive, image-based selection options, we could increase conversions and reduce support inquiries.

My Role & Collaboration

My Role & Collaboration

I was brought in by Rosta Gayino, Digital Product Manager, with whom I had previously worked on Transat, to lead the UX/UI redesign.

I was brought in by Rosta Gayino, Digital Product Manager, with whom I had previously worked on Transat, to lead the UX/UI redesign.

I worked closely with Rosta to:

I worked closely with Rosta to:

  • Streamline the user journey by eliminating unnecessary steps.

  • Streamline the user journey by eliminating unnecessary steps.

  • Ensure users provided only essential information, understanding its necessity.

  • Ensure users provided only essential information, understanding its necessity.

  • Implement progressive disclosure with image-based selections.

  • Implement progressive disclosure with image-based selections.

Later, I worked with Atecna to align the design system with their website work, tailoring it for the booking experience. Collaboration with developers ensured feasible and smooth implementation.

Solution & Design Approach

Solution & Design Approach

The redesigned booking experience focused on:

The redesigned booking experience focused on:

  • Mobile-First Design: Optimized usability across devices.

  • Mobile-First Design: Optimized usability across devices.

  • Minimalist UI: Aligned with Lebeau’s branding while meeting AA accessibility standards.

  • Minimalist UI: Aligned with Lebeau’s branding while meeting AA accessibility standards.

  • Step-by-Step Guidance: Streamlined steps to guide users effectively.

  • Step-by-Step Guidance: Streamlined steps to guide users effectively.

  • Image-Based Selections: Provided intuitive choices, reducing cognitive load.

  • Image-Based Selections: Provided intuitive choices, reducing cognitive load.

Représentante Belron

Hi! I’m Lebeau’s assistant.

A standout feature was the illustrated Lebeau assistant, which I conceptualized to add a human touch and provide guidance. It was so well received that it was later adopted by Carglass in Germany, another brand within the Belron group.

Challenges & Iterations

Challenges & Iterations

  • Balancing simplification of steps with technical constraints.

  • Balancing simplification of steps with technical constraints.

  • Reducing information while clearly explaining requirements.

  • Reducing information while clearly explaining requirements.

  • Testing UI components to maximize clarity.

  • Testing UI components to maximize clarity.

User testing by Atecna offered valuable feedback, leading to data-driven adjustments.

Flowchart - Early UX flow exploration of the damage evaluation step before simplification

Flowchart - Early UX flow exploration of the damage evaluation step before simplification

Rethinking the Damage Step

Rethinking the Damage Step

The original experience asked users to read criteria and determine the correct service themselves. We replaced this with a guided, question-based flow that broke the task into smaller, visual steps. Wireframes helped us test the language, UI components, and sequence. The final version is more intuitive, reduces cognitive load, and boosts user confidence — especially with the help of the illustrated assistant.

Before Redesign

Before Redesign

Before Redesign

Wireframes

Wireframes

Wireframes

Final Design

Final Design

Final Design

Complete screen map of the final booking experience, including all flows and edge cases

Complete screen map of the final booking experience, including all flows and edge cases

Complete screen map of the final booking experience, including all flows and edge cases

Outcome

Outcome

  • Faster Booking Completion: Reduced user frustration and increased conversion rates.

  • Faster Booking Completion: Reduced user frustration and increased conversion rates.

  • Mobile-First Experience: Enhanced usability on mobile devices.

  • Mobile-First Experience: Enhanced usability on mobile devices.

  • Positive User Feedback: Users found the new journey more intuitive, with the Belron assistant being a highlight.

  • Positive User Feedback: Users found the new journey more intuitive, with the Belron assistant being a highlight.

  • Improved Accessibility: AA compliance ensured inclusivity.

  • Improved Accessibility: AA compliance ensured inclusivity.

  • Consistent UI: The design system ensured cohesive design implementation.

  • Consistent UI: The design system ensured cohesive design implementation.

Lessons Learned

Lessons Learned

This project highlighted the importance of simple, intuitive design and the power of visual communication. Adding a human touch enhanced trust and usability. By focusing on user psychology and eliminating friction, we transformed a frustrating process into a seamless experience, benefiting both users and the business.

Let's work together.

Let's work together.