JaiConstructions
Build. Interiors. Properties. One studio, three divisions.
- Client
- Jai Constructions (fictional)
- Industry
- Construction, interiors and real estate
- Scope
- Strategy, UI design, Development, Content, Interaction design
- Type
- Concept project
- Stack
- Next.js, TypeScript, Tailwind, GSAP, Lenis
- Location
- Coimbatore, 2026
The brief
A construction firm that also designs interiors and sells property needed one site where three very different customers each feel it was made for them, without the divisions blurring together.
The approach
Separate each division by colour, process and content model. Treat projects (finished work) and properties (for sale) as different things. Lead with imagery and calm, editorial pacing.
Three divisions, one brand
Build, Interiors and Properties each get their own ground, process and language, under one shared grid.
Proof over promises
Finished projects tell their own story with before and after, size, city and duration.
Calm, editorial design
Serif headlines, generous space and slow, deliberate motion suit a decision this big.
Signature interactions
Before and after slider
Renovation stories open with a draggable comparison, so the change is seen rather than described.
Try it in the tile
BEFOREAFTER↔Interactive floor plan
Each room highlights and explains itself in an SVG plan, with area and use called out.
Try it in the tile
Living room · 24 sq m. South light, teak floor.
The design system
Display: Cormorant Garamond
Aa Bb Cc
Body: DM Sans
The quick brown fox jumps over the lazy dog. 0123456789 ₹1,24,999
Radius, shadow and surface
- Corners stay near-square at 2px, in keeping with drawn plans and joinery.
- No drop shadows: hairline rules and tonal grounds separate content.
- Each division owns one background: charcoal, ivory or forest.
Pages and features
Pages
- Home
- Build (4 services)
- Interiors (4 services)
- Properties
- Projects (6)
- About
- Journal
- Contact
Property features
- Listings
- 8 detail pages
- EMI calculator
- Interactive floor plan
Motion
- Before and after slider
- Division colour transitions
- Editorial scroll pacing
Screens
Let’s build yours.
Tell us about your business. We’ll reply on WhatsApp.