0
Loading
Back to Works
Case Study
2025

Zero's Portfolio

A playful, interactive portfolio showcasing personality through motion.

Zero's Portfolio

Role

Design & Development (Kars)

Client

Zero

Stack

Next.jsTailwindFramer Motion

The Goal

A portfolio should be more than a resume; it should be an introduction. For Zero, the goal was to create a digital space that felt personal, playful, and distinctly "him."

Designed and developed by Kars, the site needed to balance professional showcase with creative expression. We wanted to avoid the "stiff" corporate feel of many developer portfolios and instead embrace the web as a creative medium.

Design & Interaction

We used Framer Motion to inject life into every element. The site is filled with micro-interactions that reward curiosity. For example, clicking the avatar triggers a playful animation—a small detail that adds significant character.

Avatar micro-interaction

We also implemented custom tooltips on links, ensuring that navigation felt guided and informative without being intrusive. These tooltips follow the cursor with a smooth spring animation, adding a layer of fluidity to the user experience.

The Project Drawer

Instead of a standard grid, we built a custom "projects drawer" that slides into view. This keeps the main interface clean while making the work easily accessible. This drawer pattern allows users to quickly browse work without leaving the context of the current page.

The Projects Drawer

Reception

The portfolio has been viewed over 6,700 times, serving as an effective hub for Zero's work and a strong example of Resynced's design philosophy: performance meets personality. It stands as proof that personal sites don't have to be boring to be professional.

Next Case Study

Termed

Start Project