Hire me

06 · Industrial website

Stingray EarthingIndustrial Brand Website

A framework-free site for an earthing-equipment manufacturer, with a scroll-driven scene that explains the product.

Role
Designer & front-end developer – design, motion, asset pipeline, build
Type
Industrial website
Stack
TypeScript · GSAP · Vite
Stingray Earthing website hero with the headline We Deal Economic Engineering and an earthing electrode scene

01

Problem

An earthing-equipment manufacturer in Rajkot needed a premium site that explains what its products actually do.

02

What I built

I designed and built it framework-free in Vite + TypeScript, with a scroll-driven science scene where a canvas renderer shows fault current flowing from the electrode into the soil.

It has a GSAP SplitText intro and parallax, Lenis smooth scroll, product drawers built from the catalogue and code-split sections.

A Python image pipeline produces AVIF and WebP cut-outs, colour grading and soil textures. The static build hosts anywhere.

03

Stack

  • TypeScript
  • GSAP
  • Vite
  • Python
  • Responsive Design
Visit stingrayearthing.com

04

Screenshots

  1. Stingray Earthing product carousel showing earthing electrodes and accessories
    02 · Product carousel
  2. Scroll-driven scene showing fault current flowing from an electrode into the soil
    03 · Scroll-driven earthing science scene
  3. Stingray Earthing applications section listing the industries served
    04 · Industries served
  4. Stingray Earthing about section headed Engineered for a Safer World beside a transmission tower photograph
    05 · About section