Ishika Desale

Web Design & Build

GreenWind

A dark, motion-led marketing site for GreenWind, an Indian manufacturer of evaporative air coolers. I turned a well established twenty five year industrial brand into a credible, modern web presence built to win the trust of factories, showrooms and homeowners alike.

Role
Designer & Front-end Developer
Client
GreenWind Coolers
Year
2026
Category
Web Design & Build
greenwind-seven.vercel.app
Open ↗

Live site. Scroll and click around inside the frame

Disciplines

  • Art Direction
  • Web Design
  • Design System
  • Responsive Design
  • Front-end Development
  • HTML, CSS & JavaScript
  • Scroll Interaction
  • Vercel Deployment

GreenWind manufactures evaporative air coolers in Akola, India. The business carries more than twenty five years of engineering, over ten thousand installations across the country, and a sixty thousand square foot facility where every unit is built in house. Their previous website did nothing to communicate that scale or that quality, so the brief was to design and build a web presence that finally matched the company standing behind it.

I led the project end to end, from art direction through to production code. The visual language is dark and engineered, pairing a green and charcoal palette with editorial typography so that a technical business to business story reads as confident rather than dry. I structured the page as a guided journey: an animated hero introduces the brand, the product range and the in house manufacturing story build credibility, a clear three step process explains how a project actually runs, and service coverage, a gallery of real installations and a closing quote request move the visitor toward getting in touch.

On the engineering side I hand coded the entire front end in HTML, CSS and vanilla JavaScript, with no page builder and no heavy framework, which keeps the site fast and easy to maintain. I wrote a custom scroll interaction layer from scratch. An IntersectionObserver drives every section reveal, the headline statistics animate and count up the moment they enter the viewport, the primary call to action is magnetic and eases toward the cursor, and the hero centrepiece is a hand built animated SVG fan. The build is fully responsive from wide desktop down to small phones, where the navigation folds into a custom slide in drawer that locks background scrolling while it is open.

I configured the project for continuous deployment on Vercel, so that every push ships automatically. The site is live and still in active development as the client's final product data and photography come in.

Motion in action

The small motions that make it feel alive.

Captured straight from the live site. Every one of these is hand built in code, not a template.

Milestone figures count up from zero as the section scrolls in.
A hand built animated SVG fan turns continuously in the hero.
A client marquee scrolls endlessly above the footer.
A GreenWind product detail page shown on a laptop

Every cooler gets its own spec forward product page. Each one lays out airflow, area coverage, motor and cooling pad data, the available variants and a direct route to a quote, all in the same dark, engineered layout system I built for the rest of the site.

Built responsive

The same site, sized to the screen.

Every section reflows cleanly from wide desktop down to a phone. The navigation folds into a slide in drawer, the grids restack, and the scroll driven motion keeps its rhythm at every size. What you see on the right is the real, live site running at a mobile viewport, not a screenshot.

Built to convert

Every path on the site leads to one place: a quote.

The GreenWind quote request form

The whole journey closes on a turnkey quote request. I built the form in plain JavaScript with clean client side validation and a space-type selector, so a factory, showroom or homeowner can describe their space and get a sized recommendation, a budget and an installation timeline back within two working days.