Skip to main content

meet the humans who built this →

Frontend Team · UI & Interactions
F

Frontend Team · UI & Interactions

Backend Team · APIs & Infrastructure
B

Backend Team · APIs & Infrastructure

Design Team · UX & Visual Design
D

Design Team · UX & Visual Design

DevOps Team · CI/CD & Deployment
D

DevOps Team · CI/CD & Deployment

QA Team · Testing & Quality
Q

QA Team · Testing & Quality

Ecoliving

Ecoliving

this crew shipped Ecoliving

Ecoliving homepage hero
Ecoliving AI space preview
Why Ecoliving section
Ecoliving transformation plans
Ecoliving services comparison
Ecoliving customer stories
Ecoliving product catalogue
Ecoliving commercial spaces page

The Brief.

Working with Mr. Uttam Kumar, the Shark Tank India–backed founder, on the website where Ecoliving designs, installs and maintains green spaces

Ecoliving (also written Eco Living) designs, installs and maintains green spaces for balconies, terraces, courtyards and villa gardens, and does the same for hotels, offices and other commercial spaces. Xenotix Labs is working with Mr. Uttam Kumar, Ecoliving's co-founder and CEO, whose earlier venture SoupX was backed on Shark Tank India. The Ecoliving website at eco-living.co was designed and developed by Xenotix Labs, Ecoliving's technology partner. It is where a customer sees their own space reimagined, picks a plan, adds plants and planters from the catalogue, and books a site survey.

CLIENT

Company

Ecoliving

Industry

Home & Lifestyle

Location

Gurugram, India

Type

Home & Lifestyle, Website

Ecoliving homepage heroHomepage — where spaces come alive
Ecoliving AI space previewAI preview — one photo, several looks
Why Ecoliving sectionWhat comes with every Ecoliving space
Ecoliving transformation plansTransformation plans by space type

the build log →

Phase 01

The Problem We Solved

A green space is hard to buy online. Customers cannot picture the result, prices depend on the space, and most providers disappear after installation. Ecoliving needed a site that shows the outcome before any work starts, makes pricing readable per space, and sells care as part of the plan rather than an afterthought.

Homepage — where spaces come alive
H

Homepage — where spaces come alive

Phase 02

Our Engineering Solution

We built the site in Next.js on Ecoliving's brand system — deep burgundy, olive green and warm beige, set in Poppins with DM Serif Display. The homepage leads with the AI preview, then walks through plans, process and customer stories. Plans, the catalogue and survey booking share one add-ons cart, so a visitor can move from a preview to a priced plan without starting over. Residential and commercial journeys are kept separate, and the whole site is built mobile-first.

Ecoliving AI space preview

AI preview — one photo, several looks

Phase 03

Key Features & Capabilities

AI Space Preview

Upload one photo of a balcony or terrace and compare several looks for the same space, from a few greens to a fully furnished, evening-lit version.

Transformation Plans by Space

Six plans from Lite to Signature, priced per space type — balcony, terrace, courtyard or villa garden — each with its own inclusions and warranty.

Maintenance Plans

Three recurring care plans covering scheduled visits, pruning and feeding, pest checks and a photo report after every visit.

Product Catalogue & Plan Add-ons

Plants, planters, furniture, lighting and decor with filters for collection, price and size. Anything added collects in the customer's plan.

Survey & Consultation Booking

A short form by city and space type books a ₹99 expert visit or a free consultation, with a WhatsApp fallback.

Commercial Enquiries

A separate flow for hotels, offices and retail that captures space type and area and returns a proposal.

What comes with every Ecoliving space
W

What comes with every Ecoliving space

Phase 04

Impact & Results

  • eco-living.co — Live At
  • 6 — Transformation Plans
  • 3 — Maintenance Plans
  • 4 — Space Types
Transformation plans by space type
T

Transformation plans by space type

Phase 05

A Shark Tank India–Backed Founder

Ecoliving is led by Mr. Uttam Kumar, co-founder and CEO. Before Ecoliving he co-founded SoupX, the food brand that pitched on Shark Tank India. Working with a founder who has already taken one consumer brand to a national stage shaped this build: every screen had to explain the offer in seconds and move a visitor to a booked visit.

The SoupX founders on Shark Tank India
SoupX on Shark Tank India
Ecoliving services comparison

Transformation and maintenance, side by side

Ecoliving services comparison
Ecoliving customer stories
Ecoliving product catalogue
Ecoliving commercial spaces page
Ecoliving about page
Ecoliving mobile homepage

how it’s wired up.

The technologies we chose and how they fit together to build Ecoliving.

Next.jsReactAI image generationResponsive web
Ecoliving product catalogueProduct catalogue with plan add-ons
Ecoliving commercial spaces pageCommercial spaces enquiry
Ecoliving about pageAbout — how it started

the artifacts.

figma wireframes, mockups, live screenshots, the whole journey →

Ecoliving homepage hero
Homepage — where spaces come alive
Ecoliving AI space preview
AI preview — one photo, several looks
Why Ecoliving section
What comes with every Ecoliving space
Ecoliving transformation plans
Transformation plans by space type
Ecoliving services comparison
Transformation and maintenance, side by side
Ecoliving customer stories
Customer stories and the price calculator
Ecoliving product catalogue
Product catalogue with plan add-ons
Ecoliving commercial spaces page
Commercial spaces enquiry
Ecoliving about page
About — how it started
Ecoliving mobile homepage
Mobile homepage
Ecoliving brand guidelines cover
Ecoliving brand guidelines
Ecoliving logo and monogram
Identity stack — wordmark and monogram
Ecoliving colour palette
Colour palette
Ecoliving brand pattern design
Brand pattern
Ecoliving stationery
Stationery
Ecoliving signage
Signage
SoupX pitch on the Shark Tank India set

The SoupX pitch

the receipts.

6

build phases documented

4

technologies orchestrated

—

weeks from kickoff to launch

17

design artifacts produced

Ecoliving about page
Ecoliving mobile homepage
Ecoliving brand guidelines cover
Ecoliving logo and monogram
Ecoliving colour palette

questions we hear a lot.

The Ecoliving website at eco-living.co was designed and developed by Xenotix Labs, a software development company in India, working with Ecoliving's co-founder and CEO, Mr. Uttam Kumar.
Xenotix Labs is the technology partner behind Eco Living's website. The team built the AI space preview, the transformation and maintenance plan pages, the product catalogue and the survey booking flow.
eco-living.co was developed by Xenotix Labs. You can reach the team at xenotixlabs.com/contact-us.
The Ecoliving website is built with Next.js and React, with an AI image feature that previews a customer's own balcony, terrace or courtyard in several styles.
Ecoliving is led by co-founder and CEO Uttam Kumar, who earlier co-founded SoupX, the food brand that appeared on Shark Tank India, alongside co-founder Krishan Kumar.
A visitor uploads one photo of their balcony, terrace or courtyard and sees the same space in several styles before any work begins, then chooses the one they want built.
Yes. Xenotix Labs builds service and commerce websites with plan pricing, catalogues, booking flows and AI-assisted previews. Contact us at xenotixlabs.com/contact-us.

What Directors Say

About Our Team.

Video reviews, WhatsApp screenshots, and written testimonials — straight from founders who built with us.

Read Client Reviews
Xenotix Labs team — 110+ shipped products, client reviews
Ecoliving brand guidelines coverEcoliving brand guidelines
Ecoliving logo and monogramIdentity stack — wordmark and monogram
Ecoliving colour paletteColour palette
Ecoliving brand pattern designBrand pattern

if you liked this →

got something
to build?