Skip to content
enhcStart a project
Web developmentAutomationConstruction

Architectural Firm Website

A studio site for a Gandhinagar architecture practice, built so full-bleed project photography loads fast and reads well at any size.

The Innovatiq Architects homepage: the headline "Design beyond the human experience" set over a dusk photograph of a landscaped high-rise residential approach
100/100
Best practices
Lighthouse · Jul 2026
99/100
Accessibility
Lighthouse · Jul 2026
1.6s
Largest paint
Lighthouse · Jul 2026
0ms
Blocking time
Lighthouse · Jul 2026
0.014
Layout shift
Lighthouse · Jul 2026
Overview

The brief

Innovatiq Architects is a multidisciplinary studio founded in 2018, working across high-rise residential, commercial, private homes and interiors from Gandhinagar. An architecture portfolio is judged on its imagery, so the site had to carry large photography without the wait that usually comes with it.

The problem

What was in the way

TODO-COPY. Describe what the studio needed that they did not have — how they were showing work before, what was losing them enquiries, and what the site had to do differently. The scope and the measurements below are confirmed; this is not.

What we built

The build

What we built

A portfolio organised the way the studio talks about its work: architecture, interior and landscape, with projects grouped as residential, workplace, objects and landscape.

The home page leads with a single project in focus rather than a grid, so a visitor sees one building properly before choosing where to go next.

TODO-COPY: expand with the specifics. The above is read from the live site, not from the brief.

The Innovatiq Architects homepage: the headline "Design beyond the human experience" set over a dusk photograph of a landscaped high-rise residential approach
The homepage, captured at 1440×900 DPR2

How it is built

A React front end served by nginx. It scores 100 for best practices and 99 for accessibility, with largest contentful paint at 1.6 seconds and zero total blocking time — on a page whose main content is full-bleed architectural photography, which is the hard case for both.

TODO-COPY: add the stack detail behind the front end, and how the imagery is processed and served.

How it’s built

data

  • MongoDB

infra

  • Cloudinary
  • nginx

frontend

  • React

backend

  • Node.js

ai

  • Claude
Results in detail

What shipping actually changed

Every number below carries the tool it came from and the date it was measured.

100/100
Best practicesLighthouse · Jul 2026
99/100
AccessibilityLighthouse · Jul 2026
1.6s
Largest paintLighthouse · Jul 2026
0ms
Blocking timeLighthouse · Jul 2026
0.014
Layout shiftLighthouse · Jul 2026
More work like this

Projects in the same space

  • The Rama Realty listings page
    Web development

    Rama Realty · Real estate · 2025

    AI-Powered Property Listing Platform

    Rebuilt a property listing platform around map search and CRM sync. Enquiries more than doubled in the first quarter.

    +118% EnquiriesGA4 · 2026
  • The Sulit DecoHub product grid
    E-commerce

    Sulit DecoHub · Retail · 2025

    Cutting checkout abandonment from 78% to 41%

    Rebuilt a home decor store around a single-page checkout that shows shipping cost before it asks for an account.

    78% → 41% Checkout abandonmentGA4 · 2026

Need a website like this?

Tell us your product, stage and outcome. We'll come back with a technical approach in 24 hours.