Available for New ProjectsTristan MZ - Creative Director & Engineer

Hi, I'm Tristan. I engineer digital products with editorial art direction.

You shouldn't have to choose between technical excellence and high-end visual craft. I partner with founders and design leads to build web experiences that perform flawlessly and refuse to look like off-the-shelf templates.

Web DevelopmentWeb DesignUI DesignBrandingLogo DesignGraphic Design
Kinetic Sculpture - Interactive
Pointer Aware
SYSTEM // 3D.READY
Interact & Drag to Explore
Based in Indonesia / Remote
Scroll to explore portfolio
01. Statement & Ethos

About Me

Designing digital artifacts that reward curiosity and endure past trend cycles.

Design and engineering are not separate disciplines. They are two languages describing the same intent.

Most digital products suffer either from being engineered without aesthetic soul, or designed without technical feasibility. My practice lives in the synthesis.

Every layout decision is grounded in typographic rhythm and visual tension. Every line of code is structured for durability, speed, and fluid micro-interaction.

I prioritize quiet confidence over loud noise: smooth interpolation, deliberate whitespace, and kinetic details that reward curiosity.

07
Disciplines
Design & Development across the creative stack
100%
Craft Standard
Bespoke code, zero generic templates
Calm
Philosophy
Restrained motion with intentional hierarchy

Engineered Feasibility

Code designed with clean modularity, strict types, and robust accessibility standards.

Editorial Art Direction

Typographic hierarchy and whitespace compositions that create enduring emotional resonance.

Spatial & 3D Systems

Interactive graphics that enhance narrative depth rather than merely decorating the screen.

Sub-second Velocity

Optimized asset pipelines, minimal bundle footprints, and 60 FPS motion damping.

03. Capabilities & Disciplines

Services & Expertise

End-to-end creative execution across digital product strategy, visual identity, and modern engineering.

Modern full-stack frontend engineering with Next.js, React, TypeScript, and Three.js. Crafting scalable architectures with fluid micro-interactions, sub-second performance, accessible semantic HTML, and custom WebGL shaders.

Precision in code, fluidity in interaction.

Core Tools & Technologies:
Next.jsTypeScriptReactLaravelTailwind CSSPHP
Key Deliverables:
  • Full-stack Next.js & React Applications
  • Interactive 3D / WebGL Scenes with Three.js
  • Fluid Motion & Physics-based Interactions
  • API Integration & CMS Architectures
  • Performance & SEO Optimization (Core Web Vitals)
04. Methodology & Workflow

How I Approach Projects

A disciplined, iterative cycle from initial strategic discovery to production-ready digital deployment.

Phase 01 Overview

Discover Mapping context, objectives, and creative territory.

Deep dive into project scope, audience expectations, technical constraints, and brand philosophy to uncover the core thesis of the digital experience.

Key Milestone Outcome:Strategic Brief & Project Direction
Stage Activities & Focus:
  • Strategic alignment & stakeholder briefing
  • Competitive benchmarking & territory mapping
  • Audience persona & user flow definition
  • Technical feasibility & platform audit
Personal Ethos - 2026
I believe digital products should feel like intentional physical objects. Balanced, calm, responsive to human touch, and built with uncompromising technical precision.
Tristan MZMultidisciplinary Digital Creative
05. Initiate CollaborationAvailable for commissions

Let's make something worth remembering.

Whether you are launching a new digital brand, engineering an interactive web experience, or reimagining your visual identity system, let's talk.

Direct Inbox:
tristanmz359@gmail.com
Quick Inquiry

Start a Conversation