As a Product and UX Designer with 4.6 years of hybrid experience across product interaction, landing pages, graphic design, and event design, I needed a portfolio that didn't just tell my story—it had to let users experience it.

I designed and developed "Sartisticway," an immersive, gamified portfolio built in Framer. By blending clean UX with spatial interactions, gamification, and cinematic motion, I transformed a standard case study repository into an interactive digital playground that showcases my ability to make emerging technology feel intuitive and meaningful.

To break away from rigid grid layouts, I engineered a continuous, scroll-driven SVG path animation that dynamically "untangles" as users navigate the site. This visual thread literally connects my professional product case studies with my personal design philosophy ("Untangling Future Products" to "Untangling My Story"). It acts as a natural guide for the user's eye, controlling the pacing of the page while adding a premium, custom-coded feel.

For the work presentation, I built a fluid horizontal scrolling experience. Complex, multi-stakeholder projects like NrityAR (an AR spatial choreography app), SelectRight, and UCO are displayed in clean, striking cards that balance detailed text with bold 3D mockup visuals.

The "Untangling Beyond Products" section transitions into a cinematic, scroll-driven gallery for experimental work—featuring WebAR concepts, XR gameplay, and 3D motion design. This layout allows hiring managers to easily scan my capabilities without leaving the main viewport.

To create an unforgettable user experience, I integrated a custom 3D WebGL mini-game directly into the browser called Skill Run. Instead of just reading a list of my software skills, users can pilot a ship through a futuristic tunnel, dodging obstacles and collecting points representing my capabilities (Framer, XR Design, AI-Assisted Design). This demonstrates high-level interactive development and creative technology skills far beyond traditional web design.

The best interface design relies on memorable micro-interactions. I incorporated a reactive hover state on my portrait featuring a neon-glowing topological outline and the revealing text: "The Sky Isn't The Limit, It's Just A Beginning." These polished micro-interactions ensure the site feels alive and responsive to the user's presence.

Ready to Collab: Strategically designed a high-contrast, dark-mode footer with a custom cursor element and clear, immediate CTAs (Email, LinkedIn, Instagram) to reduce friction for freelance inquiries.

100% Responsive Design: Engineered custom breakpoints so the complex SVG animations, gamified elements, and horizontal scrolls work flawlessly across desktop, tablet, and mobile.

Performance Optimization: Built using clean, native Framer components to ensure smooth 60fps animations and lightning-fast loading speeds despite the heavy use of interactive elements.