02 — Shopify Build / 2026

JINS ×
The Ghost
in the Shell

Custom Shopify Liquid landing page — built for a worldwide limited-edition cyberpunk collab.

Role / Shopify Developer + Creative Year / 2026 Platform / Shopify Dawn

Brief + Role

Where creative vision meets Liquid architecture.

Shopify Liquid Dawn Theme Custom CSS Animation Responsive Build Asset Switching QA Testing JP → US Adaptation

The Ghost in the Shell is one of the most visually complex IP in anime history. When JINS partnered with the franchise to launch a worldwide limited 1,000-pair collection, the brief demanded a landing page that lived up to the aesthetic — cyberpunk precision, cinematic pacing, and a product story that could carry a $390 price point.

I built the US landing page from the ground up within Shopify's Dawn theme — translating Japan HQ's creative direction into custom Liquid sections, CSS animations, and a fully responsive layout that switches assets cleanly between desktop and mobile.

The complexity wasn't in any single element — it was in making all of them work together without breaking the Dawn architecture.

Technical Build

Complex by design. Precise by necessity.

Building inside a live Shopify storefront means every decision has a downstream consequence. The Ghost in the Shell LP pushed the Dawn theme to its limits.

Custom CSS Animations — Ticker text, section reveals, scan-line effects and cinematic transitions built without external libraries.

Liquid Section Architecture — Each page section built as a modular Dawn-compatible Liquid block, schema-defined for content flexibility.

Desktop / Mobile Asset Switching — Responsive image pairs (`.webp`) served conditionally per viewport — hero, product, accessories all switching cleanly.

YouTube Embed Integration — Autoplay muted loop embed with custom controls surfaced within the Shopify page template.

Multi-round QA Testing — Cross-browser and device testing across multiple rounds before launch to ensure animation and layout stability.

3D Product Interaction

Beyond the
flat screen.

One of the most technically demanding sections of the build — a 3D interactive product viewer embedded within a Shopify Liquid section. The glasses respond to cursor movement in real time, letting users examine the frame construction and hinge detail from any angle.

Integrating a WebGL-based 3D viewer within the Dawn theme's rendering pipeline required careful scoping of JavaScript, custom CSS isolation, and multiple QA passes to ensure consistent behavior across browsers and devices.

WebGL / 3D Viewer / Shopify Liquid Integration