Case study · 2026

Personal portfolio

An editorial personal site for a BSIT graduate and vibe coder — job-ready sections, dark mode, case studies, and zero framework bloat.

Role: Design + front-end Stack: HTML · CSS · JavaScript Type: Personal brand

Problem

Needed a credible home on the web for recruiters and clients — not a template clone, and not a heavy SPA. Something fast, elegant, and easy to host on XAMPP or static hosting.

Solution

Designed a typography-led system with warm stone palette, dark mode, project cards, case-study pages, contact form, and resume path. Shipped with plain HTML/CSS/JS for maximum portability.

  • Light / dark theme with localStorage
  • Recruiter-focused about + resume CTA
  • Case study structure (problem → solution → result)
  • Accessible nav, reduced-motion support

Result

A living portfolio that doubles as a craft sample: layout taste, responsive UI, and attention to detail — useful when applying for junior frontend or web developer roles.

Live demo GitHub All work