From conceptual wireframes and Figma design tokens to scalable Next.js and TypeScript engineering, I am dedicated to bridging creative intuition with rigorous software craftsmanship to build seamless, high-performance web applications that leave a lasting impact.
Quick Snapshot
- Name:Jheryco Takizawa
- Location:Depok, Indonesia (UTC+7)
- School:SMK Negeri 1 Depok
- Program:PPLG (Software Eng)
- Focus:Next.js 15 • UI/UX • TS
- Design Tool:Figma
Scroll through to see each word illuminate with real-time scrub physics powered by GSAP.
SMK Negeri 1 Depok — PPLG
Immersed in a comprehensive software engineering curriculum covering modern web engineering, relational database normalization, RESTful API architecture, Object-Oriented Programming (OOP), and user-centered design paradigms.
Core Competencies & Modules:
SMK Negeri 1 Depok — Software Engineering (PPLG)
Focusing on Fullstack Web Engineering, Relational Databases (MySQL), OOP, and UI/UX System Architecture.
Frontend & UI/UX Specialization
Intensive mastery in Next.js App Router, React 19, Tailwind CSS Design Tokens, and Interactive Prototyping.
Open Source & Web Craft Community
Building community web platforms, custom component systems, and accessible dark-mode design systems.
From Tokens to Next.js
- 01.Audit & Prototype in FigmaStrict 8px layout grid, content hierarchy, and interactive prototypes.
- 02.Design Tokens & WCAG ContrastSemantic color tokens, legible typography scales, and accessible focus states.
- 03.Modular Next.js 15 & React 19Zero-clutter component structure, Tailwind v4 styling, and Server Actions.
- 04.Micro-interactions & PerformanceFluid GSAP animations, optimized assets, and 99+ Lighthouse performance scores.
Skills & Technology Stack
15+
Web & UI Projects Built
99%
Lighthouse A11y & SEO Standard
100%
Responsive & Mobile-First
24/7
Clean Code Obsession
Engineering Values & Standards
Pixel Precision
Every margin, radius, and line-height adheres to an intentional 8px system grid with strict design tokens.
Accessibility (a11y)
WCAG 2.1 AA compliant color contrasts, semantic HTML landmarks, and natural keyboard navigability.
Zero-Bloat Speed
Leveraging Next.js 15 Server Components, tree-shaken dependencies, and optimized web vitals.
Fluid Motion
Meaningful GSAP micro-animations that communicate spatial state and heighten perceived responsiveness.
Workstation & Development Tools
Core Editor & Shell
VS Code • Antigravity
Custom dark themes, strict TypeScript ESLint config, and PowerShell automated developer tooling.
Design & Prototyping
Figma
Component systems, interactive UI prototypes, and design tokens mapping 1:1 to Tailwind CSS v4 variables.
Deployment & Cloud
Vercel • Supabase • Git
Automated CI/CD deployments, edge caching, serverless relational databases, and version control.
Interested in collaborating on your next project?
Feel free to reach out directly via email or drop a note on the guestbook.