Scaling UX/UI Design for 1.8M daily visitors at Cdiscount

Cdiscount, one of France’s largest e-commerce platforms, serves over 1.8 million daily visitors and handles a vast range of products and services. As a Product Designer, I was responsible for leading UI and UX improvements across the entire mobile & desktop front-end , ensuring a fluid user experience while meeting business needs. Our transversal design team worked across multiple product squads, each led by different product owners and product managers. This structure required constant coordination to prioritize tasks and maintain consistency across:

• Core e-commerce pages: Homepage, product list & result, product page, shopping cart, shipping, and checkout process.
• Customer accounts & membership areas: Enhancing post-purchase experiences and premium services.
• Cdiscount’s additional services: Including Travel, Ticketing, and Cellular Plans.We operated in 15-day sprints, handling Jira tickets that ranged from quick UI adjustments to full-scale UX audits and redesigns.

UX audits & pain point resolution

I conducted UX audits on key flows, like the checkout process, to identify and fix pain points. For example, I analyzed the mobile payment form where users enter their banking details. By reviewing user interactions and feedback, I found friction points that could cause frustration during payment. I recommended ways to simplify the form, improve error messages, and create a smoother experience. These changes helped reduce cart abandonment and improve the overall checkout process.

Optimizing & redesigning user journeys for better engagement

I developed new user journeys to refine navigation and interaction patterns, ensuring a smoother and more intuitive shopping experience. By analyzing user behavior and identifying pain points, I was able to redesign key touchpoints to reduce friction. For example, I optimized the user journey for the Unidays program, simplifying the process of applying student discounts during checkout to increase conversion. I also focused on the gift card redemption flow, making it easier for users to apply their gift cards during payment, improving the overall user experience.

Redesigning the Cdiscount header: enhancing navigation and consistency

As part of the platform’s ongoing evolution, the Cdiscount header underwent a major redesign to improve both usability and visual harmony. In its first iteration, I worked on simplifying and refining the navigation by reorganizing key entry points onto a single line, enhancing clarity and accessibility. The burger menu was redesigned to offer clearer categorization, and the icons were harmonized for a more polished and cohesive appearance. A crucial part of this project was making the header fully responsive across all devices, a capability that had been missing before. This ensured a consistent and fluid experience, whether on mobile, tablet, or desktop.

Optimizing & redesigning user journeys for better engagement

The most recent iteration of the Cdiscount header introduced significant functional and visual improvements. A new quick-facet system was implemented, making product and service navigation more intuitive and accessible. We placed a stronger emphasis on Cdiscount’s service offerings, giving them greater visibility within the header structure.
The updated look and feel featured softer, rounded elements, with the addition of border radius and newly designed, more legible icons for primary entry points. The burger menu and search bar were also reimagined for better usability, and we refined the hover-activated dropdown panels to provide a smoother, more informative browsing experience.

Product labeling for a clearer shopping journey

We developed a consistent product labeling system for the homepage and product lists, flagging items with labels like "Promo," "Member Offer," "Good Deal," or "More Responsible Product." Each label shares the same shape, with colors (red, blue, green) distinguishing categories. This system ensures consistency across the entire user journey (from homepage to product list, to product page and cart). We also added bottom layers that open on click via a "?" tooltip, providing users with more details on each offer.

Product page redesign for clarity and scalability

The old product page was overly complex and cluttered, making it difficult to scale with evolving needs like promotional labels, discounts, pricing, customer reviews, and videos. We needed a modernized, more efficient structure to enhance the user experience.

We simplified the layout by grouping product-related elements into dropdowns (product description, technical details, customer reviews, warranty, and insurance). This made the page more organized and easier to navigate. Using mostly components from the design system, we also added a light gray background to better separate content blocks, improving readability and making essential product information more accessible.

Using mostly components from the design system, we also added a light gray background to better separate content blocks, improving readability and making essential product information more accessible.

Order process redesign: unified shipping

The old shipping page was difficult to navigate due to its outdated design and poor use of design system elements (colors, typography, and buttons). Moving from one page to another via call-to-action buttons made the experience frustrating, especially when purchasing multiple items, as users had to select delivery methods one by one across multiple pages.

We needed to revamp the shipping page to handle different product types (in-house products, marketplace items, heavy items) and allow users to choose various delivery methods (home delivery, pick-up points) all from a single page. By grouping products into different delivery batches and using radio buttons to select delivery options, we simplified the selection process and reduced the number of steps, allowing users to move through each step smoothly.

We redesigned the page to consolidate all delivery choices in one place, using a better layout on a light gray background. We highlighted free and express delivery options in blue for loyalty membership plan users (Cdiscount à volonté) and improved the selection of pick-up points and home delivery by allowing users to easily expand and browse more delivery choices.

Checkout process: enhanced consistency and clarity

Following the redesign of the unified shipping journey, we adapted the entire checkout process to align with the design system elements. We incorporated radio buttons to allow users to stay on a single page while interacting with a right-hand banner summarizing the price and detailing the purchase, similar to the cart. We also focused on highlighting the member wallet, both in terms of earning and burning points. Additionally, significant work was done on improving the UX writing, particularly on the order confirmation page after payment. We believe in celebrating the customer’s purchase at the end of the process, leaving them with a positive and rewarding experience.