Skip to content

Design Engineer  based in NJ / NYC

Building interfaces
for the difficult cases.

Design←  →Engineering

Unlocking data-dense complexity. Scaling global UI infrastructure.
I architect the vision, then I engineer the reality.

React·Next.js·TypeScript·Figma·Design Systems·CSS / Sass·PHP · WordPress·D3·Motion Design·Accessibility·Cross-cultural UX·UX Research·Prototyping·Team Leadership·React·Next.js·TypeScript·Figma·Design Systems·CSS / Sass·PHP · WordPress·D3·Motion Design·Accessibility·Cross-cultural UX·UX Research·Prototyping·Team Leadership·

Case Studies

01

Just Intelligence v2

AI Platformpresent+

Architecting the v2 evolution of the Just Intelligence AI platform. In partnership with backend LLM engineering, I lead the design-to-code infrastructure and the integration of generative features, transforming complex datasets into conversational, intelligence-driven interfaces.

Product DesignAI / MLFront-End Dev
View Case Study
02

Netflix & Disney+

Netflix / Disney+2018–present+

Leading Design Operations for global interfaces and I architect the multilingual frameworks required to maintain visual integrity across 7 key markets, bridging brand standards.

Design OpsTypographyTeam Leadership
Global Markets
Typography
View Case Study
한국어
Español
Français
日本語
عربي
Deutsch
N

2018–present

Multilingual Ops

03

StoryCorps

StoryCorps2021+

Sole product designer for the end-to-end mobile ecosystem redesign, partnering with NPR and agency leadership to translate brand vision into functional technical specs. I architected the cross-platform component library for React Native and overhauled the onboarding logic to streamline the user experience, ensuring 1:1 visual parity across iOS and Android.

Product DesignCross-Platform ArchitectureSystems Strategy
App Store rating
Product Designer
View Case Study
StoryCorps
App Redesign
REC
iOS &
Android
Shipped
Echobind · 2021
04

Just Capital Website

CMS Engineering2026+

Engineered a modular, component-based WordPress infrastructure to facilitate high-velocity content publishing. Developed a custom library of 35+ reusable modules, bridging a complex design system into a flexible, performant CMS environment with 1:1 visual fidelity.

Front-End DevWordPress CMSDesign SystemsPerformance Optimization
Custom Modules
Design-to-Code
View Case Study
WordPress CMS
35 Modules / production
~99%
fidelity
JUST
RankingsDataResearch
Sign In
hero
card-grid
stat
quote
CTA
+30 more
PHPHTML/CSSJS (ES6)ACF Pro
8 wks · 2026
05

Just Intelligence

Data Platform2025+

Designing and engineering the primary interface for institutional market analysis. Bridging the gap between raw data sets and intuitive, interactive visualization systems.

Product DesignData VisualizationFront-End Dev
Companies Tracked
Data Visualization
View Case Study
JUST IntelligenceQ4 2024
S&P 500 / 500 cos.
ESG Score87.4
Workers94.1
Community72.8
Gov.88.5
06

IATA Training

IATA2023+

Cross-Cultural UX · WeChat

Cross-Cultural UXMobile DesignGrowth
WeChat-native patterns
spec languages
View Case Study
IATA Training · WeChat
航空训练课程
Aviation Training
Formation IATA
WeChat flow ✓
WeChat
CROSS-CULTURAL UX

The Interaction Laboratory

High-fidelity chaos and experimental interaction. My personal playground for what production won't let me do, yet.

Next.js · React

Archive

Six case studies and five interactive demos, hand-engineered in Next.js. The portfolio is also the proof of the work.

The portfolio is a design artifact — every decision here ships to production.

Three.js · Rapier

Particle Engine

Five case studies rendered as physics bodies in 3D space. Drag, throw, and collide — click any object to open the work inside.

Testing Rapier WASM as a portfolio navigation layer — no menus, just objects you can touch.

Framer Motion · Web APIs

Micro-Interactions

Linear-style industrial minimalism meets developer-centric brutalism. Four production-ready interactions in one playground.

Testing Framer Motion spring configs that feel premium at 60fps on low-end devices.

D3.js · Next.js

Graph Demo

Force-directed node graph you can drag. Every item is physically connected, and moving one ripples through the network.

Experimenting with WebGL-accelerated force layouts for high-density ESG data viz.

React · CSS

OS Dashboard

Game-engine UI meets tactile skeuomorphism and command-line aesthetics. Draggable windows, terminal panels, retro chrome.

Prototyping windowed UI patterns for multi-panel analyst dashboards.

HTML · CSS · JS

Betjeman & Barton

Luxury tea house e-commerce. Cursor-follow previews, dropdown nav, product hover overlays.

Cursor-driven interaction models for high-end e-commerce. No framework dependencies.

About

Complexity is the baseline.
Clarity is the achievement.

Most design engineers favor either the canvas or the codebase. My career is built at the exact intersection of both. I don't just hand off specs; I architect the system and engineer the production code.

I build infrastructure for high-stakes environments, ranging from global UI frameworks supporting 7 languages to data-dense research tools for institutional market analysis. Whether establishing scalable design tokens or executing complex mobile motion, I close the gap between visual vision and technical execution.

Off-hours: movie and coffee lover. Also: Instagram storytelling, Etsy product concepts, logo designs, and hunting for new learnings every day. Based in New Jersey, shipping in NYC.

// about.tsx
const
Jinju
= {
role: "Design Engineer",
location: "New Jersey / NYC",
focus: [
"Design Systems Architecture",
"Data Visualization (D3)",
"Dense Data → Clear Systems",
"Cross-cultural UX at Scale"
],
shipped: true
};
8+
Years Bridging Design & Engineering
50+
Data-Driven Components
Scalable
UI Infrastructure
FigmaSystemic DesignHigh-FidelityUX ResearchPrototypingSystem Audits

How I Work

Audit & Strategy

  • Conducting cross-functional stakeholder interviews to align technical constraints with user needs.
  • Performing systemic heuristic audits to identify UX debt and architectural inconsistencies.
  • Market analysis focused on token-driven scalability and design-to-code parity.

Systemic Design

  • Engineering-first component logic that prioritizes programmatic state over static mockups.
  • Architecting automated design-to-code pipelines using semantic token structures.
  • Defining motion choreography through high-fidelity, code-based interactive prototypes.

Technical Delivery

  • Executing production-ready pull requests, bridging the gap between design spec and deployment.
  • Enforcing rigorous accessibility standards through automated testing and manual assistive tech audits.
  • Optimizing runtime performance and asset delivery for high-density applications.
  • Post-launch governance to ensure system integrity and long-term component health.

Contact

The right role is one where design and engineering share a wall.

  Available for Senior & Staff IC roles