PunGrumpy
Natthaphong's portfolio
Cinematic crimson meets DevOps precision—a portfolio that commands attention before the first line of code is even read

Client

Natthaphong Phongjarumanee


Year

2026


Category

Website Dev


Live Project

natthaphong-preview.png

Concept

/// A bold, video-driven portfolio website designed to position a backend engineer as a world-class talent. Built with cinematic visuals, elegant typography, and seamless performance to turn a static resume into a lasting first impression


Challenge

/// Natthaphong wanted a portfolio that matched his ambition: "world-class programmer." But most dev portfolios look like GitHub READMEs with extra steps. He needed something that felt premium—like an invite to an exclusive tech talk—while still loading fast and staying accessible

natthaphong-1.png

Solution

/// I crafted a cinematic one-pager anchored by a moody crimson video background that pulses like a heartbeat. Elegant serif italics handle the headings, giving the site a refined editorial feel. Projects are laid out in a clean two-column rhythm—tags on the left, story on the right—so recruiters scan fast but stay curious

natthaphong-2.png

Development

/// Built on Next.js with Tailwind 4 for utility-first styling and Base UI (Shadcn) for headless, accessible components. Lenis powers butter-smooth scrolling, Motion handles entrance animations, and the hero video is lazy-loaded to keep LCP under 2 s. Deployed on Netlify with instant rollback and branch previews

natthaphong-3.png
Logixlysia

Logixlysia

///Open Source

Teachin's portfolio

Teachin's portfolio

///Website Dev