What needed to change.
Show engineering competence and budget logic before a sales call without repeating the standard construction landing-page formula.
02 / Website + calculator / 2026
Studio Falts
Roofing as an engineered system, not an advertising image.
deyz / 02◎
A multi-page standing-seam roofing website with a live preliminary estimate, project evidence and an explicit chain from design to production and installation.
- Role
- Strategy · art direction · UX/UI · frontend · calculation logic
- Outcome
- A working price range before the lead
- Scope
- Website · Calculator · Next.js · Lead flow
SHOWCASE / 02
See more than a cover.
Scroll through selected website scenes, switch to the phone and inspect the product logic without leaving the case.
VISUAL SYSTEM / 2026Studio Falts
How the interface was built.
The estimate becomes the first useful scenario, while project dossiers and junction control explain how design, production and installation connect.
KEY SCREENSOpen the complete showcase above
A useful action comes first.
Visitors can set area, roof shape, pitch and material, see an indicative range, and only then decide whether to request a detailed estimate.
Price promised after a call
→This projectA clear range before sharing contact details
parameters update the preliminary estimate in the opening screen
The calculator shows the budget range before a call; the project dossier explains where the quality comes from.
Working on
a similar task?