HD — Folio ©2026Based in Pakistan
%

Move to play · click to skip

Loading
Skip to content

Work — Case Studies: Next.js Platforms, Real-Time 3D WebGL Configurators, Laravel & Headless Shopify Commerce

05 case studies

Things I'veshipped& obsessed over

Headless commerce, real-time WebGL, corporate platforms and client experiences — each one engineered from a blank file, with performance budgets set before the first component.

Case studies

Desktop monitor and tablet displaying responsive interface layouts

01Digital Revamp

TouchPoint

A full-scale digital revamp re-architected as a high-performance, interactive web platform — modular content, motion-led storytelling and a front end engineered for speed at every breakpoint.

Role — Lead full-stack engineering, front-end architecture, motion system

  • Next.js
  • TypeScript
  • GSAP
  • Headless CMS
Headphones product shot on a plain studio backdrop, representing a headless storefront catalogue

02Headless Commerce

Headless Commerce Architecture

A custom headless storefront built on the Shopify Storefront API with an API-driven store locator and conversion-tuned UI — high-velocity product storytelling engineered without theme bottlenecks.

Role — Headless architecture, Storefront API integration, custom API store locator, CRO UI

  • Shopify Storefront API
  • Next.js
  • TypeScript
  • Tailwind CSS
  • Maps API
Two white smartwatches rendered on a soft grey studio backdrop

03Real-time WebGL

3D Configurators

Real-time product configurators built on Three.js and React Three Fiber — custom lighting rigs, constrained camera controls and bespoke material shaders that respond instantly to every choice.

Role — WebGL engineering, shader authoring, scene & performance tuning

  • Three.js
  • React Three Fiber
  • Drei
  • GLSL
White angular modern architecture against a pale sky

04Corporate Platform

Haprow

A corporate digital platform with a bespoke UI system, considered micro-interactions and relentlessly optimised Core Web Vitals — brand precision without the performance tax.

Role — UI system engineering, micro-interactions, CWV optimisation

  • Laravel
  • PHP
  • MySQL
  • GSAP
Design workstation showing interface mockups on a large display

05Client Experience

GoPhygital

A modern, interactive client experience platform bridging physical and digital touchpoints — fluid interfaces, live states and an architecture built to scale with the business.

Role — Full-stack development, interaction design engineering

  • React
  • Next.js
  • Laravel
  • REST APIs

Your project, next

Got something
worth obsessing over?