Explore Immersive 3D Hero Slider with Figma AnimationExplore Immersive 3D Hero Slider with Figma Animation
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
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. I’d love to hear your thoughts on the motion pacing—would you prefer a faster snap transition or this smooth, atmospheric slide?👇 #UIUX #ProductDesign #FigmaAnimation #WebDesign #InteractionDesign #TravelUI #MotionDesign #UserInterface
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started