MediaDock — Think in Moves
Work — web, video and design
The web builds below are live pages, not screenshots. They are concept pieces built in house to show front-end capability — self-initiated demos, not client engagements.
Web & interactive
Spatial tech · Flagship build · Concept
The proof piece: a real 3D scene rendered on the GPU that answers both the scroll wheel and the pointer, in real time.
- Procedural icosphere — 1,280 triangles generated in the browser, no model file
- Phong lighting with a fresnel rim; the light source tracks your cursor
- 2,000 GPU particles positioned entirely in the vertex shader
- Scroll drives camera distance and rotation; pointer drives tilt and light
- Custom magnetic cursor, magnetic buttons, pointer-tracked card sheen, text scramble
- Zero libraries and zero CDN calls — raw WebGL in a single 30KB file
Skincare · D2C · Concept
A serum brand where the product has to feel expensive before anyone reads a word of copy.
- Bottle rotates on the scroll position, not on a timer — the user drives it
- Ingredient markers fade in against the rotation at fixed angles
- CSS 3D transforms only; no WebGL, no model files, ~14KB total
Restaurant · Hospitality · Concept
Fine dining, where the job of the site is to make someone hungry and then make booking trivial.
- Four depth layers moving at independent rates against scroll
- Menu items reveal their dish on hover, tracked to cursor position
- Reduced-motion aware — parallax disables cleanly rather than breaking
Architecture · Real estate · Concept
A developer's project page that has to sell scale and finish without a site visit — every frame is GPU-composited.
- A noise map warps outgoing and incoming frames in opposite directions — a tear, not a cross-fade
- Chromatic dispersion: R, G and B sampled at different offsets during the transition
- All five frames drawn procedurally to canvas at load and uploaded as textures — no image files
- Scroll drives the transition; pointer shifts the displacement sampling
Fitness · Membership · Concept
A gym page built to convert on intensity rather than on discounting.
- Marquee speed and skew respond to actual scroll velocity
- Split-flap counters animate digit by digit on entry
- Type set in variable-weight steps for the heading transitions
Fintech · SaaS · Concept
A B2B product page where the interface itself has to do the explaining.
- SVG charts draw themselves via stroke-dashoffset on entry
- Working tab switcher with animated indicator and real state
- Counters ease to value with locale-correct number formatting
Jewellery · Luxury retail · Concept
High-value retail, where the product has to look genuinely expensive — so the stone is physically simulated, not photographed.
- The stone is a signed distance field — octahedron intersected with a sphere, 96 ray steps per pixel
- Rays refract twice, entering and leaving, via Snell's law at the surface normal
- R, G and B refract at three different indices — that split is what makes the fire
- Total internal reflection handled; cursor turns the stone, scroll deepens the cut
Home · Services · Work · Learn · Start a project · Careers
MediaDock — Elegance Building, Opp. Swami Samarth Math, Palghar Mahim Road, Palghar West 401404, Maharashtra, India · contact@mediadock.in · +91 9673770308
Google Business Profile · Instagram · YouTube · LinkedIn · X