Media Storm CreativeMSC

Selected work / 01

MSC v2 + Intro

Our own story, reimagined as a place you can step inside.

Explore the project
Media Storm Creative’s opening title surrounded by a luminous field of particles on deep forest green

A wider field of work

Quiet websites. Living systems. Playable worlds.

MSC moves from identity and story to the infrastructure of an entire digital business—and beyond, into applications, games, economies, and persistent narrative places.

2000
Building for the web since
2012
MSC studio founded
One practice
Strategy through launch
Media Storm Creative’s opening title surrounded by a luminous field of particles on deep forest green

01 / Studio website & interactive motion

MSC v2 + Intro

Our practice, made visible

A complete studio reinvention, from a cinematic forest world to an opening made of living particles.

The site you’re exploring is itself an MSC project. We brought our story, visual identity, portfolio, and journal into one cohesive experience shaped by the Pacific Northwest. The animated introduction turns scrolling into a journey: a field of particles gathers into natural forms for each part of the studio, responds to the pointer, and opens into the site. Responsive layouts, a Sanity-powered journal, and reduced-motion alternatives bring the same care to the systems beneath the atmosphere.

Scope

  • Visual identity
  • Narrative web design
  • Interactive intro
  • Motion & accessibility

System

  • Next.js
  • React
  • Canvas 2D
  • Sanity
Visit live project Experience the intro
Hands writing thoughtfully in an open notebook at the forest edge

02 / Narrative brand platform

Touching Truth

Quiet persuasion

Brand, story, and a gentle path from curiosity to committed participation.

An embodied communication platform shaped around the emotional reality of difficult conversations. MSC developed the complete visual language, narrative structure, responsive site, and ConvertKit waitlist for an intimate cohort-based practice.

Scope

  • Brand identity
  • UX & story
  • Web design
  • Launch strategy

System

  • Next.js
  • Tailwind CSS
  • ConvertKit
  • Vercel
Visit live project
A rain-dappled burgundy flower opening on the mossy forest floor

03 / Commerce & learning ecosystem

West Coast Tantra

Complexity made calm

A full digital infrastructure for education, booking, commerce, and community.

A technically ambitious platform serving couples, women, and men through distinct journeys. It combines in-person booking, gated courses, e-commerce, editorial content, authentication, and a Supabase-backed data architecture without losing the warmth of the practice.

Scope

  • Experience strategy
  • E-learning
  • E-commerce
  • Content system

System

  • Next.js
  • Supabase
  • PostgreSQL
  • Stripe
Visit live project
A handcrafted lunar calendar wheel on a moonlit cedar table

04 / Interactive progressive web app

The Lunar Almanac

Old knowledge, new form

A thirteen-month calendar with living moon data, Celtic lore, and offline capability.

This installable PWA converts Gregorian dates into a complete lunar system. Real-time moon phases, a Celtic zodiac wheel, event management, festival highlights, theme controls, and offline access make an unusual idea genuinely useful.

Scope

  • Product design
  • Calendar logic
  • Interactive lore
  • Offline experience

System

  • React
  • Python
  • Flask
  • PWA
Visit live project
A rain-darkened old-growth forest opening toward a luminous future city

05 / Living interactive universe

Eclipsed Realities

A platform that behaves like a place

World-building at platform scale: stories, systems, play, and a persistent digital place.

MSC’s most expansive work: Neon City, 2087. Seventeen districts, more than thirty-five characters, live in-world journalism, an archive, four playable arcade titles, a credit economy, unlockable cosmetics, and AI-powered narrative adventures form one continuously growing universe.

Scope

  • World-building
  • Game systems
  • Product architecture
  • AI narrative

System

  • Next.js
  • Supabase
  • React
  • Real-time systems
Visit live project

The capability spectrum

From seed to system.

The tools change with the problem. The through-line is a direct, story-first practice that can hold both the emotional idea and the technical machinery behind it.

  1. 01

    Identity & Experience

    Brands, interfaces, motion systems, and responsive experiences with a coherent emotional logic.

    • Brand systems
    • UI/UX & prototypes
    • Motion direction
    • Accessibility
  2. 02

    Platforms & Infrastructure

    The architecture beneath a digital business, from content operations to transactions and accounts.

    • Custom applications
    • CMS architecture
    • Commerce & Stripe
    • Auth & databases
  3. 03

    Interactive & Immersive

    Playable, persistent, and narrative systems that invite participation rather than passive viewing.

    • Browser games
    • Real-time data
    • Digital economies
    • AI adventures
  4. 04

    Story & Growth

    The words, structures, and ongoing systems that help a strong idea find and keep its people.

    • Brand voice
    • Content strategy
    • Email systems
    • SEO & performance

Small studio. Agency-scale possibility. Direct collaboration throughout.