SLIXEL: Interactive Product Design Portfolio

Project description

SLIXEL is an independent product design portfolio built as an interactive digital system rather than a static showcase. It brings together mobile products, SaaS, web work, and experiments through a single visual language shaped by editorial layouts, spatial navigation, motion, and real-time 3D. The site was designed in Figma and built in Framer. Custom WebGL experiences use Three.js and React Three Fiber, with 3D assets and character animation prepared in Blender and integrated as optimized GLB models. Framer CMS structures the project content, while custom code components handle media, transitions, interaction states, and responsive behavior. Performance was treated as part of the design: 3D states are reused instead of loading separate environments, mobile effects are simplified where needed, and off-screen processes are paused to keep the experience responsive across devices. The result is a portfolio that works both as a client-facing product and as an ongoing experiment in interaction, 3D, and creative development.