Frontend · UI/UX · Product
Building products with
a better experience
And also
As a frontend engineer, UI/UX designer, and planner,
I constantly strive to build products that deliver a better user experience.
Planning, design, and engineering handled as one flow
- Frontend Development
- UI/UX Design
- Publishing
- Database
- SEO
About
A frontend engineer who sees both the user and the product
I understand product intent, consider the design context, and connect both through reliable code. I focus on creating experiences that feel natural to understand and dependable over time.
More About MeWhat I Do
Not just one screen — the whole way it gets built
Frontend Engineering
Building screens is
where I start, not stop
I set the rules with types, cut repetition with components, and check performance as I go.
The bar is simple: leave code the next person can pick up and change.
- React · Next.js
- TypeScript typing
- Responsive · a11y
- Performance · SEO
1export default function ProjectCard
2({ title, tags }: Props) {
3return (
4<article className="card">
5<h3>{title}</h3>
6{tags.map(...)}
7</article>
8);
9}
Preview
Portfolio Renewal
Web Development
UI/UX Design
I do not just receive
designs — I shape them
With color, spacing, and states captured as tokens, the rules hold as screens multiply.
It gives designers and engineers one shared language to work from.
- Figma design system
- Component states
- Korean readability
- Design QA
Color tokens
seagull-500
seagull-700
gray-950
gray-200
Button states
Spacing
Plan to Deploy
From planning to release,
I run the full cycle
It starts with what and why, and ends only after checking whether it is actually used.
The less that has to be handed off midway, the faster decisions land.
- Requirements
- API design
- Firebase · deploy
- Post-launch care
Career
The path so far
Started in design and publishing, then grew into engineering. The full record lives on the about page.
See full history2024.03 – Present
EducationBS, Computer Science
Korea National Open University
2025.03 – 2025.08
EducationFrontend Developer Bootcamp
Oz Coding School
2023.01 – 2025.03
CareerUI/UX Designer · Publisher
Coresoft
2021.10 – 2022.12
CareerUI/UX Designer · Publisher
KNL Information Systems
Selected Work
Recent Projects
A selection of recent work shaped from problem definition through delivery.
Capabilities
Skills
A balanced toolkit for shaping, building, and shipping complete products.
Frontend
React, Next.js, TypeScript, Tailwind CSS
Backend
Node.js, Express, Firebase
Design
Figma, UI/UX
Tools
Git, Docker, Vercel, AWS
How I Work
How the work actually goes
Rather than transcribing a request, I first align on the problem it is meant to solve.
- Step 1
Agree on the problem
What we are building, why, and how we will know it worked.
Output
Problem statement · success criteria
- Step 2
Set the rules
Color, spacing, and component states become tokens so the system holds as it grows.
Output
Design tokens · component list
- Step 3
Build in small pieces
Split into reviewable units instead of shipping everything at once.
Output
Reviewed PRs · verified behavior
- Step 4
Ship, then refine
Release is not the end — watch the real flow and fix what catches.
Output
Release · follow-up issues
Open to new opportunities
Contact
Let’s Work Together
I’m open to new opportunities!
I look forward to hearing from you.
- Full-time or contract roles
- Project-based collaboration
- Questions about my work or background
or reach me directly jngmnj4@gmail.com