Portfolio ’26Toronto, Canada

MadisonMarino

I design and build playful digital worlds—websites, games, and visual instruments that invite people in.

Five projects. Five worlds. Each one changes the rules.

Director’s monitorBrand system · Web direction
Calin Creative cinematic homepage
01 · Brand entrance
Calin Creative portfolio sequence
02 · Work archive
Calin Creative service and contact sequence
03 · Conversion scene
  • DirectCinematic pacing
  • DesignEditorial system
  • BuildResponsive motion
  • MarketClear service path

Portfolio

Calin Creative

A studio identity cut like a film: strong entrance, paced work archive, and a clear path from atmosphere to inquiry.

Role
design, build, art direction
System
brand, motion, portfolio strategy
Open full site

13 authored worlds

3D procedural environments

∞ physics outcomes

Game

Orbricks Toppler

Orbit the real Coral Depths world—a repository-native 3D environment from a thirteen-world physics puzzle.

Context
a browser physics puzzle
Role
game design & Three.js engineering
Try it
drag to orbit the reef
Open the full game
Watch-party product flowRoom → Swipe → Match
Popcorn Picks group creation screen
  1. 01Create a private room
  2. 02Swipe together
  3. 03Reveal the match

App

Popcorn Picks

A social decision flow that turns group indecision into a quick, playful movie match.

Role
product, design & front-end
System
rooms, realtime votes, shared result
Open full app
Data story · Greenhouse intelligenceEvidence → Insight → Impact
IUNU and Bushel Boy case study opening
Story framing
IUNU greenhouse challenge section
Problem clarity
IUNU measurable results section
Measured impact
  • 500×crop coverage
  • 20%time savings
  • 10%fertilizer savings

Data story

IUNU × Bushel Boy

Dense agricultural data shaped into a human story with evidence, interaction, and measurable business outcomes.

Role
storytelling, design & front-end
System
narrative, data viz, case-study strategy
Visit IUNU
Visual instrument · Product systemSignal in / Worlds out
Lightbridge live visual instrument introduction
Product positioning
Lightbridge audio routing interface
Audio routing demo
Lightbridge professional workflow features
Workflow system
AudioMIDIShaderProjection

Live visual instrument

Lightbridge

A product story that explains a complex visual instrument through live-feeling demos, workflow design, and precise positioning.

Role
product, interaction design & engineering
System
WebGL, audio routing, product marketing
Get Lightbridge

A little about me

Serious craft.
Playful results.

Hi, I’m Madison. I like turning the “what if?” part of an idea into the part people can click, play, and share. I move between design and code, so the original spark survives all the way into the tiny details.

01

Imagine

Concepts, art direction, stories, and the strange first sketch worth chasing.

What if?
02

Make

Interfaces, games, creative code, and polished systems that actually ship.

Make it real.
03

Tune

Motion, rhythm, colour, feedback, and the details that give a project personality.

One more pass.

Tools and technologies

  • GSAP
  • Three.js
  • JavaScript
  • TypeScript
  • React
  • WebGL
  • Canvas
  • Electron
  • Rust / WGPU
  • Figma