Interactive 3D Web Resume
My career as a 3D universe you can fly through and explore.
🚀 Explore my interactive web resume! Inspired by Steve Jobs' idea of connecting the dots, I visualized my journey as planets—each a dot from my past. Website visitor input and AI suggestions generate new coordinates, letting you help shape my future path.
✨ Asteroids symbolize moments of inspiration, and a black hole lets you explore my portfolio randomly, absorbing ideas and transforming them into new creative possibilities.
This page reflects my passion for storytelling, interactivity, and emerging technologies. 🛠️ Built with Three.js and Google Gemini
A static portfolio can't show how I think in motion.
Static, 2D resumes fail to capture the kinetic nature of a UX Motion Designer's work. They lack the spatial context and interactivity required to demonstrate technical proficiency in 3D/XR. I needed a medium that showcased not just my history, but my ability to design for emerging platforms.
Projects and milestones become planets — each node in the system represents a moment in Yeoul’s journey, forming a navigable universe of her evolving work.
Inspired by "Connecting the Dots," I designed a participatory spatial narrative. I utilized generative motion to represent career growth, treating every interaction as a data point. The design philosophy was to balance "Atmospheric Immersion" with "Functional Navigation," ensuring the 3D environment remained performant and accessible.
Advice becomes structure — each input generates a new planet, forming a dynamic, interconnected universe that visualizes the evolution of the resume.
Built a custom WebGL environment using Three.js and Google Gemini. I implemented a physics-based navigation system where past experiences are interactive planets. I specifically focused on the transition easing and camera choreography to ensure that moving between "dots" felt fluid and purposeful, mirroring the smooth transitions expected in high-end Google products.
3× longer sessions — proof that motion holds attention.
Created a high-engagement technical showcase that resulted in a 300% increase in portfolio session duration. This project serves as a live proof-of-concept for full-stack creative development, bridging the gap between motion design, 3D art, and LLM integration in a unified spatial experience.