LATICRETE

Testing & refining a new website design to engage younger audience before launch

WHAT I DID

Kickoff meeting, participant profiles, heuristic evaluation, test planning, pilot testing, usability testing, analyzing data, stakeholder presentation

TIMELINE

4 Months
Aug β€˜23 – Dec β€˜23

TEAM

Nagasai Vardhan, Betsy Visconti, Krystal Zhang, Mary Honard

Who they are?

LATICRETE is a global leader in tile and stone installation solutions, known for its high-performance adhesives, grouts, and waterproofing systems.

The challenge

LATICRETE redesigned its website to improve usability but needed to test and refine it before launch.

Users previously struggled with product discovery, search functionality, and navigation. With a new structure and wireframes, the goal was to validate improvements to ensure a seamless buying experience before development.

Project outcomes

β†’ 31% faster task completion

Completion of key tasks on the new website, improving navigation, search, and accessibility.

β†’ 83% preferred the new website

In post-test feedback, participants preferred the new design. The only exception was due to prototype limitations, not the design itself.

β†’ 53% Fewer clicks

Making finding products, locating distributors, and accessing support easier and faster.

Kickoff meeting
insights

Before starting the project, we held a Zoom meeting with stakeholders to align on key aspectsβ€”understanding the product, its users, challenges, competitors, and project scope.

We documented insights in a kickoff meeting report to guide design decisions throughout the process.

Heuristic Evaluation

We conducted a heuristic evaluation on the prototype, assessing key pages against 15 usability principles (e.g., consistency, navigation clarity, and labeling).

Each team member analyzed the design, documented issues and suggested fixes in FigJam, and compiled a detailed report for the client to refine the prototype before development.

Collaborative heuristic evaluation in FigJam

Heuristic Issue: Widgets and Labels Near Targets

Heuristic Issue: Group Like Widgets and Functions

Pilot testing session on Zoom with a participant

Pilot test

Before the full usability study, we conducted pilot tests to refine our process and identify any issues.

⚠️ Addressed inconsistencies in test execution.

  1. Reworded confusing terms like β€œunexpected” to β€œmissing” for clarity.

  2. Avoided calling versions β€œcurrent site” and β€œnew site” to prevent bias.

  3. Addressed inconsistencies in test execution.

TASK 1

Where to buy page

Why

It is Important for contractors, architects or DIY/end-customers to find a store to purchase Laticrete (LATICRETE is mostly a business-to-business or B2B model).

Scenario for participants

You live in New Haven, Connecticut and want to buy materials for your project. Find the nearest store that carries LATICRETE material.

A compilation of participants navigating the β€˜Where to Buy’ task

Users found stores quicker on the new website

The feature helps them visualize nearby stores

TASK 2

Finding product details

Why

The most common use-case for LATICRETE Customers.

Scenario for participants

You are working on a DIY project for your home. While you are buying things for your project, a friend suggested you buy SPECTRALOCK PRO Premium Grout, but you would like to make sure it is available in shades of brown. How would you find that information?

A compilation of participants navigating the β€˜Finding Product Details’ task

Found product details faster on the new website

Preferences based on the task

TASK 3

Customer support

Why

The most common use-case for LATICRETE Customers.

Scenario for participants

You are working on a DIY project for your home. While you are buying things for your project, a friend suggested you buy SPECTRALOCK PRO Premium Grout, but you would like to make sure it is available in shades of brown. How would you find that information?

A compilation of participants navigating the β€˜Finding Product Details’ task

Found product details faster on the new website

Preferences based on the task

Study commendations

  • Current version is a good prototype

  • Users said it was very streamlined and intuitive

  • New features improve clarity for first-time users (map on the store finder, color picker on product pages, etc.)

Recommendations

  • Further user testing once the new design goes live

  • Accessibility feature testing on live site

  • Retain some features from the current live site, such as the contact buttons being in the top menu

Check my other projects as well! πŸ”­

CLEAR-COM β†—

A UX overhaul that improved website usability by 30%

SHOPPING QUEST β†—

Enhancing the physical shopping experience through AR and Gamification

GOLAZO – IOS APP β†—

Helping fans stay updated, engage in meaningful football conversations and strengthen Connections