WORK INDEX

CASE STUDY / 01

Cadence

ONLINE
ROLEUI/UX / FRONTEND / FULL STACK
CATEGORYPRODUCT DESIGN / FULL STACK
YEAR2026
01 / CadenceUX / UI / DEVELOPMENTSCROLL TO INSPECT

Overview

Cadence explores how screenwriting software can feel less like technical formatting software and more like a focused writing environment. The project combines interface design, document editing, screenplay structure, local persistence, and full stack application development.

Context

The product brings writing, screenplay structure, and project organization into one calm workspace for writers working across languages and formats.

Problem

Screenwriting tools often expose too much complexity to the writer. Cadence focuses on reducing that friction while still supporting the structure and formatting required by screenplay writing.

PROBLEM STATEMENT / 001How might the interface make a complex system feel direct, legible, and satisfying to use?

UX Thinking

The interface is designed around keeping the writer focused on the document. Formatting behavior, scene organization, character workflows, and navigation should feel predictable without constantly demanding attention.

User Flow

A writer opens a project, orients around the current scene, edits the document, checks structure, and returns to the story without losing context.

01ENTRY
02ORIENT
03SELECT
04ACTION
05RESULT

Wireframes

Early structure keeps the document central, with navigation and project tools available without competing with the writing surface.

Visual Design

The visual system uses quiet surfaces, clear hierarchy, and compact controls so the writing space stays legible while the product still feels distinct.

PRIMARY#9d7cff
SURFACE#0B0E16
TYPE#EEF1F6

Interaction Design

Focused states, predictable formatting behavior, and lightweight scene navigation keep frequent actions close to the document.

REST01 / 120MS
FOCUS02 / 120MS
SELECT03 / 120MS

Development

The project combines a modern web interface with structured document editing, persistent project data, testing, and application architecture designed for increasingly complex writing workflows.

01component.interface()READY
02responsive.layout()READY
03data.connect()STAGED

Technical Architecture

The architecture separates the editor experience, structured screenplay data, persistence, and application services so each layer can evolve without making the writing surface harder to use.

Challenges

The main challenge is balancing screenplay rules and multilingual workflows with an interface that remains calm and direct.

Result

Cadence is a focused product direction for writing, formatting, and organizing screenplays in one connected workspace.

END OF CASE01

What I Learned

Complex tools become easier to approach when the interface protects the primary task and makes advanced structure available at the right moment.

Future Improvements

Future work can deepen collaboration, expand formatting coverage, and make long-form project navigation even more flexible.

NEXT CASE / 02

Galactico11