A New E-Commerce Platform for Tarkett

Product: E-Commerce platform

My role in the project: UX Designer

My tasks:

  • Research

  • Wireframing

  • UI Design

Background

As a UX designer at Vaimo, I had the opportunity to collaborate with Tarkett, a global leader in innovative flooring solutions. Traditionally a B2B company, Tarkett wanted to expand its digital presence by creating a direct-to-consumer (D2C) e-commerce platform.

The Challenge

To bring Tarkett’s vision of a D2C platform to life the project could be summed up into 3 focus points:

  • Identify customer pain points, industry trends, and opportunities to create an e-commerce platform that serves both professionals and general consumers.

  • Develop a design system that ensures brand consistency and a great user experience across all devices.

  • Design a platform that works across multiple devices to accommodate all user needs.

Research methods used

  • The design process began with a competitor analysis, where we examined the strategies of key players in the flooring industry and other e-commerce actors focused on building materials. This allowed us to identify current market trends affecting customer preferences, find strategies used by successful competitors that could be adapted for Tarkett, and conduct a gap analysis to identify areas where Tarkett could stand out by addressing shortcomings in competitors' offerings

  • With insights from the competitor analysis as our foundation, we conducted user interviews with a broad sample of both current and potential Tarkett customers. This allowed us to gain a deeper understanding of customers’ pain points and goals when shopping for flooring both online and in-store. We could also identify the features and attributes they preferred in an e-commerce platform and gather insights into their buying behavior and decision-making processes.

  • To deepen our understanding of the customer experience, we also conducted rounds of mystery shopping, which reinforced the insights we had previously gathered by simulating real purchases. This allowed us to follow the customer journey from floor selection to completion of purchase. During this process, we identified critical obstacles in the shopping experience, such as confusing navigation or lack of information, and discovered opportunities for improvements to make the customer journey more efficient. This practical exploration provided invaluable insights into the customer experience and guided us in our design enhancements.

  • With the data we had now gathered, we created detailed customer personas representing key segments of Tarkett’s target audience. This process involved segmenting customers based on common characteristics, needs, and behaviors, as well as empathy mapping to capture each persona’s goals, pain points, and preferences. These personas then served as a guide for design decisions and became central to our design process, helping us keep the users’ needs in focus throughout the project.

  • Finally, we mapped out customer journeys to visualize how different personas navigated their shopping experience. The process involved creating flowcharts that illustrated each step of the customer journey, from the idea of new flooring to completed purchase, and identifying key touchpoints where customers interact with the platform to assess their experiences at each step. Through the customer journey mapping, we could identify critical pain points and find opportunities for improvements that would enhance the customer experience.

Flowchart

Before we started designing, we developed a flowchart to map the website’s structure and user journey. This blueprint outlined key pages, their relationships, and user pathways.

Wireframes

With our research  we took the next step in the design process by creating wireframes. These early sketches allowed us to quickly visualize layout and user flows, based on insights from the research.
Wireframes provided a simple and flexible format for testing and iterating on different ideas, laying the foundation for an intuitive and user-friendly design.

High-Fidelity Mockups and Design System

Once we had a clear structure and user flow from the low-fidelity mockups, we moved on to creating high-fidelity mockups. At this stage, we focused on refining visual elements, interactions, and user experiences to create a realistic representation of the final platform.
In parallel, we developed a design system to ensure consistency in both visual and functional elements across the entire platform. The design system allowed us to streamline development and maintain a high standard of aesthetics and usability.

Final Design

With high-fidelity mockups and a cohesive design system in place, we created the final design for Tarkett’s e-commerce platform. The final design integrated all insights and prioritized features, resulting in a platform that is both visually appealing and intuitive to use.