← Back to home04 / 04

CASE STUDY — 2020

Saint-Gobain Seals

B2B digital experience simplifying complex technical products and information.

Year
2020
Timeframe
3 months
Category
UX/UI Design, Design System
Tools
User interviews, Usability studies, Figma
Saint-Gobain Seals mockup
Fig. 00 — UX/UI Design, Design System

↳ The problem

“Essential product information was difficult to find within the website and was often hidden across PDF documents. Sales representatives had to spend time searching through these documents to find the details they needed. The absence of industry-specific pages also made it harder to navigate from a particular industry to the relevant products.”

01

Overview

Saint-Gobain Seals is a global manufacturer of high-performance sealing solutions for B2B industries. Its website was primarily used by sales representatives who needed to quickly understand products and communicate accurate information to customers.

I redesigned the experience around their real-world workflows, making essential product information easier to find and reducing the need to rely on separate PDF documents. Through international user testing, workshops and iterative design, I restructured the information architecture, introduced industry-based navigation and created a clearer hierarchy for complex technical content.

Saint-Gobain Seals screen 1
Saint-Gobain Seals screen 2
02

Solution

I conducted user testing and analysed the results to identify the key pain points in the existing experience, then created personas and user flows to guide the redesign. I restructured the information architecture around how users searched for products, introduced industry-level navigation, and brought essential technical information directly into the website.

I developed and tested wireframes with existing users before moving into the final visual design in collaboration with the Art Director. Once the experience was validated, I also created a comprehensive design and brand guidelines system covering typography, colour, components, CTAs, inputs and interaction states to ensure consistency across the digital experience.

Saint-Gobain Seals screen 3
Saint-Gobain Seals screen 4
NEXT PROJECT
Triple P →