HomeAboutProjectsContact
2026
OTCX

Cinematic recon into a fractured exoplanet

Roles

Frontend Developer & Designer

Client

OTCX

Next.jsTypeScriptTailwind CSS

Overview

OTCX is a cinematic game marketing site built as a tactical HUD experience. Full-bleed recon imagery, neon-green system metadata, and sharp Play Now / Watch Trailer CTAs pull players into a classified operation narrative across world, characters, media, and news sections.

The Challenge

Game marketing sites often fight their own art — UI chrome steals focus from the world. OTCX needed to feel like an in-universe terminal while remaining readable and conversion-ready.

The Solution

We treated the UI as part of the fiction: monospaced status text, lime accents, and sparse navigation sit on top of cinematic stills. Primary actions stay large and high-contrast so the story never buries Play Now.

Design Screens

Tech Stack

Next.jsTypeScriptTailwind CSSFramer Motion

Features

  • 01

    Immersive full-bleed hero with classified-op storytelling

  • 02

    HUD-style system metadata framing the composition

  • 03

    Gameplay and world sections with live-feed visual language

  • 04

    High-contrast neon CTAs for play and trailer conversion