I worked for them as a product manager on several projects, including InstaGlass, an advanced search interface designed to better showcase their construction projects.

Problem

The team that called me for this project sells large amount of custom glass for massive construction projects (skyscraper, airports, shopping centers etc.). Each year, they used to send a paper catalog to architects and promoters to showcase their last projects but until 2020, they had no online presence.

Starting with just a spreadsheet storing almost 100 detailed projects, Saint-Gobain needed an intuitive website to showcase them.

The project

Saint-Gobain was only looking for an agency to deliver the design part of the project; their internal IT team would take care of the technical development. They had a tight budget so we had to be even more creative than usual to deliver a first class product with few resources. I also was recommended by another Saint-Gobain team so they had high expectations.

I worked with only one product designer on this project. He managed the conception alone and I helped him during the user research, user test and discussions with the IT phases. We successfully ran this project in less than 3 months covering these steps:

  1. Research
    1. User research (we talked to about 15 customers)
    2. Recommendations
  2. Design
    1. Design constraints
    2. Feature lists
    3. Desktop design
    4. Responsive design
    5. Pre approval by IT team
  3. User test
    1. We tested the product with the same customers over Figma
    2. Recommendations to the marketing team
  4. Iterations & delivery
    1. Final design
    2. Design system
    3. Functional specifications

Delivery

We delivered 2 versions of the product:

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FGWHj5kKeSU2kMasa8U7kt5%2FSaint-Gobain-Façade%3Fnode-id%3D784%253A1579%26scaling%3Dscale-down%26page-id%3D2%253A16%26starting-point-node-id%3D784%253A1579

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FGWHj5kKeSU2kMasa8U7kt5%2FSaint-Gobain-Façade-Design-System-Copy%3Fnode-id%3D2%253A21%26scaling%3Dscale-down%26page-id%3D2%253A17%26starting-point-node-id%3D2%253A21

What happened after the delivery

I provided detailed screens, a full UI library and functional specifications to my customer and in a few months the product was fully developed by the IT team.