---
title: "Hardik Bhansali — My Development Case Study | Ameen Abdullah"
description: "Ameen Abdullah’s lead frontend and 3d developer work on Hardik Bhansali, using Vue, threejs, GSAP, Media Pipe. Explore my development case study."
canonical_url: "https://ameen-abdullah.dev/projects/hardik-bhansali"
meta:
  author: "Ameen Abdullah"
  "og:description": "Ameen Abdullah’s lead frontend and 3d developer work on Hardik Bhansali, using Vue, threejs, GSAP, Media Pipe. Explore my development case study."
  "og:image": "https://ameen-abdullah.dev/og-image-light.jpg"
  "og:image:alt": "Ameen Abdullah — Creative Developer Portfolio"
  "og:title": "Hardik Bhansali — My Development Case Study | Ameen Abdullah"
  "twitter:description": "Ameen Abdullah’s lead frontend and 3d developer work on Hardik Bhansali, using Vue, threejs, GSAP, Media Pipe. Explore my development case study."
  "twitter:image": "https://ameen-abdullah.dev/og-image-light.jpg"
  "twitter:image:alt": "Ameen Abdullah — Creative Developer Portfolio"
  "twitter:title": "Hardik Bhansali — My Development Case Study | Ameen Abdullah"
---

> Index of every page on this site: [llms.txt](https://ameen-abdullah.dev/llms.txt)

# Hardik Bhansali — My Development Case Study | Ameen Abdullah

Role

Lead frontend and 3D Developer

Year

2025

Duration

6weeks

Tech Stack

Vue / threejs / GSAP / Media Pipe

A personal portfolio of Hardik Bhansali, a designer who creates cinematic web experiences.

My development case study for the Hardik Bhansali portfolio. The whole website lives inside a TV with fluid distortion that mimics an old CRT screen bulge, and TV channels change on scroll for each section. Audio has that vintage walky talky feel to give it the retro vibe. Balancing the visual effects with performance was challenging, but it taught me a lot about optimization and working with WebGL.

![Hardik Bhansali desktop screenshot](https://ameen-abdullah.dev/projects/hardik-bhansali/hardik-1.webp)

![Hardik Bhansali mobile screenshot](https://ameen-abdullah.dev/projects/hardik-bhansali/hardik-mobile-1.webp)

![Hardik Bhansali mobile screenshot](https://ameen-abdullah.dev/projects/hardik-bhansali/hardik-mobile-2.webp)

## Awards & Recognitions

**Site of the Day**

#### Awwwards

2025

**Site of the Day**

#### The FWA

2025

**Website of the Day**

#### CSSDA Awards

2025

**UI Design**

#### CSSDA Awards

2025

**UX Design**

#### CSSDA Awards

2025

**Innovation**

#### CSSDA Awards

2025

## Sitemap

See the full [sitemap](https://ameen-abdullah.dev/sitemap.md) for all pages.