Resonate portfolio template

Turning my own GitHub-based portfolio into two public-facing templates through curiosity, chaos, and clean design.

img_Resonate Preview

Overview

Resonate is a handcrafted HTML/CSS portfolio framework that began as my personal site and evolved into a system of three modular templates - Resonate Lite, Resonate UX Starter and Resonate Mini. What started as an untrained experiment — without frameworks, tools, or templates — became a well-received system among designers looking for clarity, simplicity, and structure.


My Role

Product Designer, UX Systems Architect, Frontend Implementer

Key Contributions


Performance Summary

Tracking on Github (3/25 - 4/30)

Tracking on Google Analytics (4/7 - 4/30)


Clarification

Resonate is not the whole story — it's just one slice.
It was built as a UX performance lab, not a complete portfolio. The core of my product thinking, behavior design, and system logic lives in real-world projects.


Design Intent

This project was not about launching a product line — it was about testing how messaging, layout, and structural hierarchy influence user behavior. I approached it like I would a real product: thinking in systems, optimizing flows, and tracking live metrics to iterate.
0→1, from structure to story — this is how I build real products inside teams that care about clarity and outcomes.


Explore the Product Demo

UX Video Demo – A guided walkthrough of all templates, optimized for mobile and desktop.
※ Currently in production. The full demo will be available soon.


Copyright & Fair Use

As of April 16, 2025, the Resonate Portfolio Template is filed under USPTO Class 009. Please do not copy, redistribute, or reuse these formats outside of hiring or evaluative contexts.