Exploring dynamic transitions and visual depth in a responsive hero slider concept. šāØ
For this iteration, I wanted to see how a high-impact, tall display font could interact with iconic structural imagery to create a true sense of scale and architectural depth. By precision-masking the typography behind the landmarks, the layout achieves an immersive 3D parallax feel while maintaining a locked structural component grid across different global destinations.
šÆ Key Updates & Focus:
Cinematic Motion: Implemented an atmospheric fade-in intro to immediately capture user attention and establish mood.
Component Synchronization: Synced the micro-interaction of the card progress indicator and tracking bar to mirror live app logic.
Visual Hierarchy: Maintained strict text readability and contrast transitions against shifting sky backgrounds.
Built completely from scratch and animated within Figma.