RoofCraft

RoofCraft: a 3D roof configurator and price calculator

For RoofCraft we built a website where the customer chooses roof materials and colours step by step, sees the roof in 3D at the same moment and gets the price.

Technologies
Laravel Vue Three.js
RoofCraft: a 3D roof configurator and price calculator
3D real-time roof model
m² price calculated per square metre
3 languages

The challenge

The price of a roof depends on many choices: material, colour, thermal insulation, extra elements. The customer could not see the result in advance or understand how much it would cost.

Our solution

  • A 3D roof model that can be rotated, with materials and colours that change in real time.
  • A step-by-step configurator with required and optional steps.
  • Price calculation based on area (m²) and the selected materials.
  • Saving the configuration, a callback request, an order and a cart.
  • A portfolio of works, a map and a job application form.
  • An admin panel where the company manages the steps, materials and prices itself.

The result

Before calling, the customer sees their roof and knows the approximate price, and the company receives a ready request with the selected materials.

Have a project?

We will tell you which technology fits your project and estimate the timeline and cost.