Independent web studio — Hyderabad, IN

Wemaketheinternetfeelexpensive.

JW Studio is a one-person design & development practice building cinematic, motion-led websites — and the occasional real product that ships to the App Store.

04
Selected works
1
Founder, end to end
Pixels obsessed over
Scroll
Web DesignArt DirectionMotionWebGL / 3DFull-StackNext.jsGSAPInteractionWeb DesignArt DirectionMotionWebGL / 3DFull-StackNext.jsGSAPInteraction

Selected work

Five builds, no filler.

Every project below is a real repository — the descriptions, tech stacks and standout details are pulled straight from the code, not invented. Expand any row.

Ten art-directed sections built around a real-time 3D hero. The ring renders live via React Three Fiber, layered beneath a GSAP + Lenis scroll choreography so type, imagery and the 3D layer move as one composition. Not a static landing page — the WebGL layer is client-only and only exists once the site is running.

The standout

A live, client-only (ssr:false) WebGL ring driving the hero — the flagship 3D build, tuned so the scroll pipeline and the render never fight each other.

Full case studyVisit live siteumajewellers1990.vercel.app
umajewellers1990.vercel.app
Uma Jewellers — website preview

Uma Jewellers · Hyderabad, est. 1990

Uma Jewellers

View live ↗

Discipline

Art DirectionWebGL / 3DMotion

Built with

Next.js 15React 19TypeScript 5React Three Fiber 9dreithree.js 0.185GSAP 3 · ScrollTriggerLenis 1.3Tailwind CSS 4Turbopack

A study in art-directed restraint. An earlier dark, WebGL-choreographed version was deliberately torn down and rebuilt around real editorial photography because no procedural render cleared the photoreal bar. Warm ivory grounds, near-black type, nacre-rose and antique-gold reserved strictly as accents. Hero → collections carousel → spotlight → craftsmanship split → heritage timeline → FAQ → atelier CTA.

The standout

Knowing when to remove the 3D. Kept to a 159 kB first-load budget — Lenis is dynamically imported post-hydration — and reduced-motion safe throughout.

sadaf-zeta.vercel.app
SADAF — House of Pearls — website preview

SADAF · heritage pearl house (demo)

SADAF — House of Pearls

View live ↗

Discipline

Art DirectionEditorialMotion

Built with

Next.js 15TypeScriptTailwind CSSGSAP 3 · ScrollTriggerLenis (lazy post-hydration)Archivo / Playfair Displaynext/font

A sticky, non-pinned hero (a 3,600px-tall section with a full-viewport sticky stage inside it) choreographs masked cloud layers parting to reveal the house as the wordmark crossfades from drawn outline to solid mark. Every animation is pulled from a shared motion-preset library rather than inlined per component, with a dedicated matchMedia pass for the mobile hero and a reduced-motion fallback throughout.

The standout

The cloud parting itself — nested transform layers (ambient drift on the outer div, scroll-scrubbed parting on the inner) that compose instead of fighting, so the reveal stays buttery at any scroll speed.

Full case studyVisit live sitefrontiers-infra-demo.vercel.app
frontiers-infra-demo.vercel.app
Frontier Infra — website preview

Frontier Infra · real estate (demo)

Frontier Infra

View live ↗

Discipline

Art DirectionMotionFront-End

Built with

Next.js 15React 19TypeScript 5GSAP 3.13 · ScrollTrigger · SplitTextLenis (desktop, gsap.ticker-driven)Tailwind CSS 4Turbopack

Not a landing page — a working product. Guests book tickets and pay via UPI manually; an admin verifies the payment screenshot; a QR-coded ticket is generated and emailed automatically. Client-side image compression on screenshot upload, schema-validated forms, and an in-browser QR scanner for door check-in.

The standout

The full manual-UPI → verification → QR-ticket-by-email flow, wired on Supabase with Resend — real product logic and door-side scanning, not a mockup.

houseofhangouts.com
House of Hangouts — website preview

House of Hangouts · live jam sessions

House of Hangouts

View live ↗

Discipline

Product DesignFull-StackSystems

Built with

Next.js 14TypeScriptTailwind CSSSupabase · Postgres / Auth / StorageResend (QR ticket email)zod · react-hook-formhtml5-qrcode

The proof that this studio ships real products, not just sites. A full multi-tenant SaaS: an admin portal for institutes plus an Expo parent app on iOS and Android. Institute-level data isolation enforced by 52 RLS policies over 18 database functions, AI-generated progress reports, signed-URL study materials and push notifications — built solo in roughly six months, live on the App Store.

The standout

Multi-tenant isolation done properly: 52 row-level-security policies, staging/production separation, Sentry monitoring and a full CI/CD pipeline — one founder, end to end.

Full case studyVisit live sitecosmostutorial.com · App Store
cosmostutorial.com
Cosmos Tutorial — website preview

Cosmos Tutorial · B2B SaaS

Cosmos Tutorial

View live ↗

Discipline

ProductFull-StackMobileInfra

Built with

Next.js 14Expo React Native (iOS + Android)Supabase · 52 RLS policiesPostgreSQLGemini AI (reports)Expo PushGitHub Actions · EAS · VercelSentry

What the studio does

Three disciplines, one person, one point of contact.

01

Web Design & Art Direction

Type-led, cinematic layouts designed section by section — never a template. Editorial rhythm, real negative space and a considered palette, whether the brief is heritage-luxury or a product launch.

Visual identityEditorial layoutDesign systemsPrototyping
02

Development & Full-Stack

Production Next.js front-ends and, when a project needs a real backend, the whole thing — Supabase, auth, payments, multi-tenant data, mobile apps and CI/CD. Sites that ship, and products that scale.

Next.jsTypeScriptSupabase / PostgresExpoVercel
03

Motion & Interaction Design

The layer that turns a page into an experience: scroll choreography, magnetic cursors, page transitions and real-time WebGL — all reduced-motion safe and tuned to stay fast.

GSAP · ScrollTriggerLenisReact Three FiberWebGL

The studio

A one-person studio, run by a founder who also ships.

JW

JW Studio

Independent · Hyderabad, India

6 mo
Solo SaaS, 0→App Store
52
RLS policies shipped
100%
Reduced-motion safe

I design, build and ship the web end to end — usually solo. JW Studio is where that turns into client work: premium, luxury web design in Hyderabad for people who want their corner of the internet to feel expensive.

One brain, whole build

Design, front-end, backend and deploy all live in one head — so nothing gets lost in a hand-off and the vision survives to production.

A studio that ships products

Not an agency that only talks. Cosmos Tutorial is a live multi-tenant SaaS on the App Store — the same hands that art-direct your site also shipped real software.

Motion with restraint

Heavy motion when it earns its place, and the discipline to strip 3D out when photography does the job better. Every build is reduced-motion safe.

Start a project

Let's make
something
worth staring at.