Jan Franko
✦ Personal Redesign Concept
A fresh, interactive platform concept for the archery academy, transforming its online presence with clean program hierarchies, smoother schedules, and an engaging user experience.
Technical Highlights & Architecture
Project Overview
A custom, immersive web presence designed for Jan Franko, a traditional archery academy focusing on structured training programs, cultural heritage studies, and historic archery expeditions.
Cinematic Route Interception
Engineered a global PageTransitionWrapper utilizing the capture phase of browser click events. By preventing Next.js default page swaps and driving GSAP transition timelines programmatically, the site achieves completely custom entrance/exit overlays with a 90ms hydration buffer that eliminates unpainted DOM flashes.
Multi-Layered Mouse Parallax
Developed a rich, responsive mouse-move parallax hero banner. Using layered vector SVGs representing background, middle, and foreground mountains, the interface dynamically shifts coordinate offsets relative to cursor movements to simulate depth, all while constraining the main portrait image to prevent bottom cutoff.
Program & Expedition Timelines
Designed interactive layout blocks detailing academy expeditions, regional studies, and training programs, helping prospective archers understand the curriculum through a highly structured and visual chronological roadmap.
Interface & Design Gallery
