Define what must 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.
Portfolio showcase · scroll through selected scenes
Full size ↗ART DIRECTION / 2026Studio Falts
Make every frame work.
The estimate becomes the first useful scenario, while project dossiers and junction control explain how design, production and installation connect.
SCREEN / MOTION / DETAILThe working showcase is connected 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
Trust comes from visible decisions, junctions and an understandable estimate — not from the word quality.
Have a task
with similar potential?