Product direction · Design system · Front-end development · Content and deployment
Built with
React · TypeScript · Three.js · GSAP · Firebase
mikestaniforth.com / desktop
The portfolio homepage establishes the cinematic work and personal point of view.
The same editorial hierarchy, recomposed for tablet.
A focused mobile reading and browsing experience.
Work / commercials and shorts
The work page brings commercial campaigns and award-winning shorts together as detailed production proof.
Mike Staniforth homepage portrait and theme interaction
A short interaction study: the portrait responds while the site moves between visual themes.
02 / Studio website and case-study system
Vertical Haus
Live build / currently heldverticalhaus.ai
A motion-led studio website for an AI production business, structured around clear services, commercial work and interactive product proof.
Mike’s role
Creative direction · UX and visual design · Front-end development · Case-study system
Built with
HTML · CSS · JavaScript · AOS · Firebase Hosting
verticalhaus.ai / desktop
The studio homepage balances a direct commercial proposition with moving-image identity.
A tablet composition that preserves the scale and pace of the desktop direction.
The studio proposition reduced to an immediate mobile sequence.
Work / project index
A dedicated work index turns project imagery into structured commercial proof.
The Calling: La Santa Furia / case study
The Calling: La Santa Furia shows how a produced AI micro-drama pilot becomes an editorial case study.
A focused mobile service page for the Micro Drama Studio offer.
03 / Multiplayer AI story game
Family Adventure
Private prototypePrivate browser application
A private, two-or-three-player browser role-playing game where a parent and children share an original AI-guided fantasy campaign across separate devices.
Mike’s role
Product and game design · Parent and child UX · Full-stack development · Safety architecture
Built with
React · TypeScript · Firebase · Cloud Run · Gemini
Dad / desktop game view
The parent view keeps the shared scene, current turn and available actions legible together.
The game remains a shared-table experience at tablet scale.
Finn's mobile view gives the active young adventurer one clear turn at a time.
Welcome / choose a role
A role-first welcome flow separates parent controls from the child experience.
Family Adventure parent-to-child turn handoff
A live handoff across two browser sessions moves the campaign from Dad's action to Finn's turn.
04 / Creative production workspace
SeenMade Motion Engine
In developmentPrivate browser application
A browser production workspace for image workflows, motion graphics, captions, timeline edits and trusted local or cloud rendering.
Product direction · Interaction and system design · Full-stack development · Render architecture
Built with
React · TypeScript · Remotion · IndexedDB · Google Cloud
Canvas / desktop workspace
Canvas provides a node-based workspace for building and running image workflows.
The project workspace remains inspectable at tablet scale.
Mobile is deliberately a responsive read-only preview, not a full editing surface.
Motion / composition workspace
Motion turns trusted declarative plans into an editable composition preview.
Timeline / edit and render
Timeline brings captions, motion timing and render preparation into one production view.
05 / Interaction and motion experiments
Web Experiences
Live lab experimentstransmission-01.mikestaniforth.com
Browser-native lab experiments that turn everyday moments into memorable experiences: arriving at a page, exploring an interface and watching a contact form become a cinematic signal.
