← Nikhil Rathi

Case study · Quattro

Say hi

Quattro

Website design for Quattro Spaces, a commercial real-estate developer and operator in Gurugram: a calm, architectural site that lets the buildings do the talking.

Role
Website design
Client
Quattro Spaces, Gurugram
Platform
Web · desktop & mobile
Deliverables
Page designs · Responsive layouts · UI components
Designed at
studioMOrph ↗
Quattro website hero: an office tower at dusk with Corporate Office Space in Gurugram

The brief

Quattro has been building and running offices in Gurugram since 2013. The site had to feel like its buildings: solid, quiet, well made.

Full-bleed building photography, light oversized type, a slate-and-orange palette, and a page that moves from proof (clients, spaces, buildings, a 60-day turnaround) to properties to the one-lease promise.

The website, live

quattrospaces.com

The window below is the real site, so scroll inside it and switch to mobile. Saved screens are kept alongside.

Open quattrospaces.com ↗
Loading the live site…

Home page · section by section

Proof, then place, then promise

The home page reads top to bottom as an argument: who Quattro is, the numbers behind it, the buildings, and why one lease covers everything.

Home page: Hero: corporate office space in Gurugram
Home page: About: developing and operating since 2013
Home page: Proof: 250+ clients, 550+ spaces delivered
Home page: A 60-day turnaround, then featured properties
Home page: Property: Quattro 63, with location and type tags
Home page: Property: Quattro UNO
Home page: Property: Quattro Tech Park
Home page: Why Quattro: everything under one lease
Home page: Craft, care and flexibility
Home page: Footer: locations, updates and contact

On mobile

The same calm at phone width: stacked counters, full-height building cards and a thumb-friendly menu.

Mobile screen
Mobile screen
Mobile screen
Mobile screen
Mobile screen
Mobile screen

What I did

Page designs

The home page and its sections, from hero to footer.

Responsive layouts

Desktop and mobile versions of every section.

UI components

Property cards with location tags, counters, service rows and calls to action.

Visual direction

Light oversized type, slate and orange, and full-bleed architecture photography.