Case study

Ingrolab

A 3D printing lab that takes companies all the way to validating their first industrial prototype.

Industry
Industrial 3D printing
Based in
Genoa
What we built
Website and 3D scenes
The Ingrolab website on desktop
The Ingrolab website on a smartphone

Before and after

Where we started.

The previous website presented the services clearly. What it didn't show was what makes Ingrolab unique: 3D to see and explore.

  • A classic layout, built as a list of services
  • Plenty of content, all to be read
  • 3D told through photos
The new home page: “Non stampare un'ipotesi. Validala.” with the wireframe component
The home page of Ingrolab's old website: the headline on a blue background and the 3D Ingrolab logo
BeforeAfter

Drag the line to compare before and after.

The goal

Show the 3D, don't just talk about it.

Rebuild the website from scratch, with 3D inside the experience and a story to follow: from the first doubt to a validated prototype.

  1. 01

    Restyling

    A new design, from the home page to the last page.

  2. 02

    3D at the core

    The kit and the guide can be explored in 3D, right on the site.

  3. 03

    A journey

    The website guides you from doubt to prototype validation.

What we built

3D, where it counts.

One component, seven stages.

On the home page an industrial component follows the scroll and changes shape at every section, all the way to the finished part: seven stages, each with its own card. No real-time 3D here, to keep the home page light and fast.

  • Wireframe
  • Printed
  • Exploded

The kit, in 3D.

A real-time 3D scene: the validation kit box opens and shows the tools inside, one by one.

The 3D kit scene: the box opens and the tools come out one at a time

The guide, in 3D.

The guide to the seven mistakes that make a prototype fail, in a real-time 3D scene: you see it as a real object, and you want to download it.

The 3D scene of the guide to the seven mistakes, with its cover and inner pages

Built with

  • Three.js
  • React Three Fiber
  • Blender
  • GSAP ScrollTrigger

The website

Open an image to see it full size.

  • Home page, guide, kit and journey
  • Home page, the validation kit
  • Validation journey page
  • Journey page, the costly mistakes
  • Technologies and materials
  • Case studies page
  • Cases, the stranded ship
  • Cases, the generator
  • Contact page

Next project

Back to projects

Impresa Bacchelli

Construction, Website

A Modena construction company since 1958: residential building, renovations, urban regeneration and industrial works.

See the project: Impresa Bacchelli
The Impresa Bacchelli website on desktop
The Impresa Bacchelli website on a smartphone

Your project could be next.

Tell us how your website works today and what isn't working. We'll start from there, with no commitment.

Let's talk