A personal portfolio designed and developed in Framer as an exploration of advanced interaction, motion and custom frontend development.

The project combines editorial art direction with custom React components, scroll-driven effects, WebGL experimentation and responsive performance.

The final experience was designed to feel cinematic and highly interactive while remaining clear, responsive and production-ready.

Interaction was treated as part of the visual identity rather than decoration. Scroll depth, hover states, cursor-following imagery and staggered transitions were used to create movement without overwhelming the content.

Several interactions were built beyond standard Framer controls using custom React and TypeScript components. This included scroll-based animation logic, custom cursor behavior, media interactions and experimental WebGL effects.

Role Creative Direction · UI/UX Design · Framer Development · Frontend Development

Development Framer · React · TypeScript · JavaScript · WebGL

Focus Interaction Design · Motion · Responsive Design · Performance