I Built My Developer Portfolio as a Pixel-Art World

说明与用途

一款互动像素艺术作品的个人作品集，岛屿代表经验、项目和技能，兼顾创意与可用性。

问题

Traditional developer portfolios are static and fail to convey personality while remaining easily navigable.

结果

An interactive, pixel‑art portfolio that balances creativity with clear presentation of experience, projects, and skills.

工作流

• 1. Designed concept of island map with distinct areas for education, work, projects.
• 2. Built initial side‑scrolling prototype and evaluated usability.
• 3. Scrapped prototype, re‑engineered layout to island map.
• 4. Implemented navigation, animations, audio, and content using Next.js, TypeScript, Tailwind CSS, PixiJS, Framer Motion, Howler, and Zustand.
• 5. Tested usability and performance, iterated on mobile experience.
• 6. Deployed on Netlify and shared publicly.

证据

I wanted someone to be able to explore the world if they wanted to, but also quickly find my experience, projects, skills, and background.

来源

The first version didn’t work. I originally built a side‑scrolling coastal town, but after spending time with it, I realized it wasn’t communicating my experience clearly enough.

来源