enfer.studio

Web design & development · 2026

Websites that move

I design and build sites end to end — interactive portfolios, Shopify stores and the tools that run a business behind them. Same eye as the films: motion, type and the small details people feel before they notice.

BuildsPortfolio & brand sites, Shopify stores, web apps Built withHTML/CSS/JS, WebGL, Shopify Liquid, Cloudflare IncludedDesign, build, copy, domain & hosting setup LiveThis site · trabear.com
01

enfer studio

Portfolio · custom build · the site you're on

enfer studio home page with an LED-wall hero
enfer studio on a phone

A studio site that behaves like the work it shows. The showreel plays through a real-time LED-wall shader that reacts to the cursor; the intro turns the wordmark into LED dots and spreads them across the screen.

Hover previews on every project, a scroll-scrubbed take-off sequence, drag-to-compare product shots, English and Chinese, and a step-by-step enquiry form that lands on my phone in seconds. Heavy video only loads on fast connections.

02

TRABEAR store

Shopify · theme customisation · trabear.com ↗

TRABEAR Shopify home page
TRABEAR store on a phone
TRABEAR collection page with consistent product photos

A vintage label taken from an empty Shopify account to a live store: brand colours, logo, a scrolling announcement bar, drop pages and a product grid where every photo matches.

Built on Shopify's Horizon theme and edited in code, so it stays easy for the owner to update — new drops, prices and products — without touching a line.

03

TRABEAR concept

Landing page concept · generative WebGL · open live demo ↗

TRABEAR concept landing page with a flowing line sculpture

An early direction for the label: a quiet, editorial page where a sculpture of fine lines drifts and folds behind the wordmark.

The form is generated in real time and follows the cursor, so no two visits look the same. Open the demo and move your mouse.

04

Shopify case study

One-page case study · editorial layout · case.trabear.com ↗

A one-page case study about building the TRABEAR store

A long-form page that walks through how the store was built — role, platform, stack, timeline — with the screenshots doing most of the talking.

A deliberately different look from the brand itself (pine green, cool paper, a newspaper serif), so the page reads as the builder's notes, not an ad.

05

TRABEAR OS

Web app · internal tool · private

Brand library screen
Brand library
Brand colours screen
Brand colours
Content results screen
Post results

The back office for the label: inventory and costs, listings across Shopify, Grailed, eBay and Depop, a to-do list fed by buyer messages, a weekly report and a brand library — installed on the phone like an app.

Built on Cloudflare Workers with a database and photo storage, behind a login. Shown here with the business screens left out.