MẠNH TRẦN // PRODUCT DESIGNER & BUILDER · HANOI

I DESIGN SYSTEMS.THEN I MAKETHEM REAL.

[ CAPABILITIES ]

I TURN AMBIGUOUS DOMAINS INTO PRECISE INTERFACES AND REAL PRODUCTS.

// 01 SYSTEMS DESIGN

COMPLEX SYSTEMS & WORKSPACES

Designing dense information architecture, real-time operating cockpits, and spatial interfaces where cognitive load must remain low.

// 02 PRODUCT CRAFT

EDITORIAL & INTERACTION CRAFT

Sculpting typographic restraint, responsive grid discipline, and micro-motion systems that make functional tools feel authored and permanent.

// 03 ENGINEERING RIGOR

PRODUCTION IMPLEMENTATION

Writing clean, performant TypeScript, React, and CSS architecture. Bridging the gap between conceptual design and shipping software.

const render = () => { deployTokens({ theme }); return <ProductionSystem />;};
[ BY THE NUMBERS ]

VERIFIABLE PRODUCTION BENCHMARKS.

5+
YEARS PRODUCT DESIGN LEAD
[ MOBILITY · FINTECH · WORKSPACES ]
4
SHIPPED INDEPENDENT TOOLS
[ MACROLENS · MEMO · FARELY · PROPLENS ]
100%
END-TO-END EXECUTION
[ CODE · DESIGN · ARCHITECTURE ]
SYSTEM ARCHITECTURE DENSITY & EXECUTION RELIABILITY INDEX
[ PROCESS ]

HOW I APPROACH COMPLEX PRODUCT CHALLENGES.

01 DISCOVER

Domain Immersion & Mental Models

Mapping operator workflows, telemetry, and business invariants before touching Figma.

02 DEFINE

Information Architecture & Invariants

Structuring data hierarchy, state machines, and core interaction loops with zero ambiguity.

03 BUILD

Interface Craft & Production Code

Building high-fidelity components, fluid responsive grids, and design tokens in code.

04 LEARN

Real-World Feedback & Continuous Polish

Measuring operator throughput, latency, and edge cases to refine the tool.

GOOD DESIGN MAKES COMPLEX SYSTEMS USABLE. GREAT DESIGN MAKES THEM OBVIOUS.
MẠNH TRẦN // PRODUCT DESIGN PRINCIPLE
[ PRODUCTS ]

INDEPENDENT PRODUCTS

DESIGNED, BUILT AND CONTINUOUSLY IMPROVED.
// MACROLENSLIVE WORKSPACE

GLOBAL MACROECONOMIC INTELLIGENCE

  • ■Cross-country indicator correlation & multi-series charting
  • ■Data provenance verification with real-time FRED & World Bank pipelines
  • ■Dense tabular workspace designed for economic researchers
[ PROVENANCE: 100% · FRED + WORLD BANK · DENSE MATRIX ]
macrolens.manhtx.comSTATUS: OPERATIONAL
GLOBAL MACROECONOMIC INTELLIGENCE
// MEMOVOCABULARY SRS ENGINE

SPACED REPETITION FOR REAL CONTEXT

  • ■Contextual sentence extraction & dynamic decay intervals
  • ■Minimalist keyboard-first review ergonomics
  • ■Offline-first persistence with zero latency friction
[ FSRS ALGORITHM · ZERO ANXIETY · KEYBOARD DRIVEN ]
memo.manhtx.comSTATUS: OPERATIONAL
SPACED REPETITION FOR REAL CONTEXT
// FARELYFLIGHT VOLATILITY ENGINE

ROUTE GRAPH & DURATION OPTIMIZATION

  • ■Multi-city graph traversal with layover friction scoring
  • ■Net duration vs fare volatility matrix visualization
  • ■Architectural booking timeline with zero distraction
[ ROUTE TRAVERSAL · NET DURATION · ZERO AD NOISE ]
farely.manhtx.comSTATUS: OPERATIONAL
ROUTE GRAPH & DURATION OPTIMIZATION
// PROPLENSGEOSPATIAL INTELLIGENCE

MAP-FIRST URBAN PLANNING WORKSPACE

  • ■Multi-layer transit isochrones & urban zoning boundaries
  • ■Parcel intelligence with sub-second vector tile rendering
  • ■Spatial data aggregation for site selection decisions
[ VECTOR GIS · TRANSIT ISOCHRONES · SUB-SECOND TILES ]
proplens.manhtx.comSTATUS: OPERATIONAL
MAP-FIRST URBAN PLANNING WORKSPACE
[ EXPERIENCE ACROSS ]
GSM (XANH SM)
VINFAST
FGF MOBILITY
VIETNAM AIRLINES
MINISTRY OF TRANSPORT
[ WE REPLY WITHIN A DAY ]

LET'S BUILD SOMETHING USEFUL.

Available for select product design advisory, design system leadership, and high-stakes digital product initiatives.

hello@manhtx.com ↗
● AVAILABLE FOR SELECT PROJECTS · BASED IN HANOI