League of Legends
High-fidelity promotional landing page
Role
Frontend Developer
Timeline
2025
Stack
HTML5
CSS3
JavaScript
Overview
A visually stunning, high-performance web experience designed to showcase game features, champion rosters, and patch updates.
The Challenge & Architecture
This project pushed the boundaries of standard DOM rendering by integrating heavy multimedia assets and complex CSS animations while maintaining a 60fps frame rate.
Rather than relying on heavy JavaScript frameworks, the architecture intentionally leverages pure Vanilla HTML5, CSS3, and native JavaScript.
This approach ensured maximum performance and SEO capabilities while executing highly complex, scroll-linked animations directly in the browser's native rendering engine.
System Architecture
Vanilla HTML5Semantic Structure
Vanilla CSS3Transforms & Animations
Vanilla JavaScriptScroll Listeners
Native Browser Engine60fps DOM Rendering