Stone Hands

Rebrand · UI/UX · MERN Development · Water Infrastructure · B2G

Rebrand · UI/UX · MERN Development · Water Infrastructure · B2G

How Stone Hands made underground infrastructure impossible to ignore

How Stone Hands made underground infrastructure impossible to ignore

How Stone Hands made underground infrastructure impossible to ignore

Stone Hands builds German-engineered stormwater systems that sit under roads, parks and temple tanks across India. The work is invisible the moment it’s done, and so was their website. We rebranded the company and built a custom, interactive platform that shows city officials what happens beneath the surface, why it beats concrete drains, and how to get it done.

2.5x More Qualified Enquiries · 3x Longer Time on Site · 68% of Leads Arrive Pre-Educated

Brilliant engineering, buried twice

India loses over 2,700 billion cubic metres of rainwater a year and harvests less than 8% of it. Stone Hands had a real answer: modular, German-engineered infiltration systems that sit under roads, parks and temple tanks, carry up to 60 tons, and send stormwater back into the ground instead of the drain.

They had the proof too: 1,000+ projects, 10,000+ structures, front-page coverage across Chennai and Coimbatore. But their old website read like a product catalogue. It listed what they sold without explaining why it mattered, and several pages didn’t work at all.

That’s a serious problem when your buyer is a city. A municipal engineer can’t approve what they can’t picture. Every new conversation started from zero, with the sales team explaining “what’s a sponge city?” before they could talk about the project.

Project details

  • Client: Stone Hands Projects & Consultancy Pvt. Ltd.

  • Industry: Water & stormwater infrastructure

  • Company size: 1,000+ projects · offices in India, Sri Lanka, Singapore, UK

  • What we built: Rebrand, UI/UX, custom MERN web platform with CMS

  • Timeline: 14 weeks

  • Audience: Municipal corporations, Smart City SPVs, developers

In B2G, the website isn’t the pitch. It’s the briefing note.

We started with the old site’s data and a round of conversations with the Stone Hands team. One pattern stood out. Government deals aren’t won in one visit. A link gets forwarded from an engineer to a commissioner to a Smart City board, and each person needs to understand the idea on their own, without a salesperson in the room.

So the site didn’t need to sell harder. It needed to teach better. We set one rule for the project: show what happens underground, don’t just describe it.

Who we designed for

  • Commissioners and officials: proof that it works and that peers trust it. We built a press wall, a city-by-city project map and case studies.

  • Municipal and consultant engineers: load capacity, materials, maintenance and monsoon fit. We built technical specs, FAQs and product detail pages.

  • Developers and CSR teams: where it fits on their site and what it achieves. We built use-case pages for apartments, IT parks, parks and temple tanks.

  • Citizens and media: why sponge cities matter. We built the homepage scroll story and impact counters.

How we worked

  1. Audit: reviewed every page of the old site, its broken flows and where visitors dropped off.

  2. Market scan: studied how concrete-drain contractors and global stormwater brands explain their work. Most lead with product, almost none with the problem.

  3. Content architecture: reorganised the site around a story: Challenges, Solutions, Proof, Contact.

  4. Brand and design: rebuilt the identity, then designed every interaction to explain one idea.

  5. Build: a custom MERN platform with a CMS, so the team can publish projects and press without us.

Built like infrastructure. Felt like water.

The old identity said “contractor.” Stone Hands is closer to a climate company. We kept the name and leaned into both halves of it: stone for engineering that lasts decades under a road, hands for the people who build it and the communities it protects.

The ripple became the core motif. It shows up in the logo, the section transitions and the motion system, and it anchors the line “Impacting lives, one ripple at a time.” Deep water blues carry the brand; earthy neutrals ground it, so the work reads as public infrastructure rather than a tech startup.

Deliverables: brand strategy, logo refresh, colour and type system, iconography, motion language, brand guidelines.

Every scroll explains one thing

We treated each section as a lesson a city official could understand in under a minute.

  • The scroll that goes underground: the homepage opens on rain hitting a city, then a cross-section reveals the modules beneath, filling and recharging the groundwater.

  • The problem, in numbers: live counters (100M litres conserved a year, 10,000+ structures, 1,000+ projects) set the stakes before the product appears.

  • Four challenges, four answers: evaporation, wasted runoff, dry soil and floods, each mapped to the solution that fixes it.

  • The pipeline journey: an animated pipe carries the visitor through Planning, Design & Permitting, Technology and Purification.

  • Projects on the map: an interactive map of Chennai and Coimbatore shows units installed, litres stored and projects delivered.

  • The press wall: a carousel of newspaper coverage, because “the Corporation already did this” is the strongest argument in government sales.

  • Specs without the PDF: load capacity, materials, maintenance and monsoon readiness, written for engineers.

  • A smart enquiry form: visitors pick their category, solution and site location, so every lead reaches the right person with context.

Custom-built, so the team can run it

We built the platform on the MERN stack (MongoDB, Express, React, Node) rather than a template, because the interactions demanded it. A custom admin panel lets Stone Hands publish case studies, press coverage and product pages in minutes. The site is mobile-first, compresses heavy video and imagery, and is structured for search terms like sponge city, stormwater infiltration and rainwater harvesting.

The website now does the first meeting

Results, 6 months after launch:

  • 2.5x more qualified enquiries, most from municipal bodies and Smart City projects.

  • 3x longer time on site, as visitors explored the interactive explainers.

  • 68% of new leads arrived already understanding the technology, cutting first-meeting education time.

Before, Stone Hands’ team spent the first call explaining what an infiltration tank is. Now officials arrive having already scrolled through it.

The site has also become a tool the team uses in the field. Engineers share project pages before site visits. Proposals link to the specs instead of attaching PDFs. And with nine case studies and 30+ press features live on a CMS they control, the proof keeps growing without us.

  • Shorter sales conversations: officials arrive already understanding the technology.

  • A single link the team shares in tenders, proposals and follow-ups.

  • Content the team publishes themselves, with no developer needed.

  • A brand that finally looks as credible as the cities it works with.

LET'S TALK

LET'S TALK

LET'S TALK

Doing important work that’s hard to explain?

We turn complex products into stories people understand, and websites that sell them.

Get a Similar Estimate

Life Designer Logo - Elevating Digital Experiences with Innovative Design and Technology.

All Rights Reserved to Life Designer Private Limited.

Life Designer Logo - Elevating Digital Experiences with Innovative Design and Technology.

All Rights Reserved to Life Designer Private Limited.