Sector01
Motion earns the frame
Transitions should explain hierarchy, feedback, or continuity. If they only decorate, cut them.
STRATEGIC DISCIPLINES
CINEMATIC FRONT-END
Front-end Developer / Ha Noi, Vietnam
TranNam Phong
Strategic
Disciplines
On product
Cinematic UX with production React systems.
On chain
DeFi surfaces, wallet flows, and data-heavy frontends.
On systems
ERP discipline, maintainability, and delivery cadence.
- Years shipping
- 02
- TVL touched
- $20M+
- Stacks
- 03
- Mode
- Build
Opening thesis / Sector 01Doctrine next
Chapter 02 / Operating doctrineHold the frame
Reference-led practice
Build doctrine
The interface direction is sharpened through critique loops, restrained motion, trustworthy patterns, and components that hold together when the happy path breaks.
- Loop
- Shape / critique / polish
- Bias
- Trustworthy before flashy
- Guardrail
- Keyboard + reduced motion
Sector02
Patterns carry proof
Interface patterns are chosen for the job they solve, then pressure-tested against real product behavior.
Sector03
Clarity survives stress
Components need focus paths, reduced-motion fallbacks, and enough disclosure to stay legible under edge cases.
What's Up On Socials
Capturing the intersection of engineering and design.
Editorial proof, not filler
This chapter needs one frame with enough weight to stop the scroll before the smaller references and links take over.
Lead proof
Cinematic Dashboards
Signal readout
The proof chapter needs one frame with enough weight to stop the scroll before the smaller references and links take over.
Proof 02
Engineering Flow
A supporting frame that reinforces the same authored system without competing with the lead proof image.
Proof 03
Strategic Precision
A supporting frame that reinforces the same authored system without competing with the lead proof image.