Introduction
Hexagon is the global leader in measurement technologies, providing the confidence vital industries rely on to build, navigate, and innovate. From microns to Mars, Hexagon’s solutions ensure productivity, quality, safety, and sustainability in everything from manufacturing and construction to mining and autonomous systems.
As a company defined by precision and reliability, Hexagon recognized that its digital presence had to meet the same high standards as its physical products. This meant moving beyond the traditional notion of “functionally correct” and embracing a new standard of visual perfection. The digital landscape has evolved from simple websites to complex, responsive UIs across countless devices. With users forming opinions about a website in as little as 0.05 seconds, a modern application that looks broken—even if it works perfectly—is a failure. This case study details how Hexagon partnered with BrowserStack to ensure every digital interaction is as flawless as the technology it represents.
The Challenge
Why ‘functionally correct’ was no longer good enough
Hexagon, known for its technology solutions that deliver precision, accuracy, and reliability to customers, recognized the need for its digital landscape to meet the same high standards. As Vindhya explains, user expectations have evolved dramatically. “In the past,functional testing was enough,” she notes, but the landscape has shifted from simple websites on a few browsers to complex, responsive UIs on a multitude of devices. A modern application that functions perfectly but looks broken fails in the user’s eyes.
Statistics support this urgency: a user forms an opinion about a website in just 0.05 seconds, and 88% of users are less likely to return after a single bad experience. Hexagon recognized that traditional, logic-based automated tests were blind to critical visual issues, such as:
- Misaligned elements and broken layouts across different viewports.
- Font and color inconsistencies between devices.
- Unexpected UI shifts caused by dynamic content or CSS changes.
- The high volume of false positives from traditional pixel-by-pixel comparisons, which created noise and slowed down review cycles.
Hexagon needed a new standard for quality—one where visual correctness was treated with the same importance as functional correctness. “Our goal is to eliminate misaligned elements and broken layouts entirely,” Vindhya states, emphasizing the importance of a flawless user experience.
