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
Back to feedPost
Nat Geo interactive carousel made in a glassmorphism HUD style.
Basically, I wanted to explore for the Hana @Contra challenge a highly visual way of how National Geographic could present a summary of some species in a modern UI with targeting overlay vibes, using glass with a high aberration effect for a subtle moment during interactions, and keeping the immersive feeling with micro motion.
Design and interactions done with @Spline Hana:
-Liquid Glass
-3D transforms
-Autolayout
-States and Events
...and more
You can test and inspect the project HERE
*Aside from the carousel component, there is also an extra animated thumb I created, used in a previous sneak peek post.
this is super sick
Excellent, I love it.
Thank you
such a treat to watch the process !
Thx, glad you like it!
wonderful design!
Appreciate it!
This deserve 1000 likes...
😂 thanks man
no words, it's simply amazing
Thanks for the kind words Aarav
Solid work in Spline Hana😍
Thanks!
That look amazing man!
Hey Thanks!!
so good! I love this idea for National Geographic 🔥
This is beautiful.
The HUD direction works really well for Nat Geo. It feels immersive without overpowering the content. The glass distortion during interaction is a subtle but strong touch.
absolutely nailed it man
This is awesome
The levels of details!
Amazing!
This is pretty cool 💯
wow...very intuitive
I don't think I've seen anything better on Contra yet. This is amazing!
This is great. Everything looks perfect
Cool work
Out of the box concept!! great!
Wow!
Wow, this is really good
looks good....!
This is really cool, I love everything I'm seeing!
looks awesome!
This is just amazing!
This is really cool, what tool did you use
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
Related posts
Imagine treating scroll like an instrument, not a wheel.
For #FigmaMakeathon I built ScrollFolio in #FigmaMake. A scroll focus portfolio where scrolling and mousing becomes navigation, pacing, and focus, with “sticky” moments that lock in and release cleanly. Also works with simple keys (← → ↑ ↓ and Spacebar) to open/close items.
I leaned into what Make is good at: fast iteration on interaction timing, responsiveness, and polish. The goal wasn’t a static layout, it was a working fast interaction that feels physical across devices in a single view.
Published project on Desktop and Mobile (has it's own swipe integrations): https://scrollfolio.figma.site
Stop doomscrolling — go out with friends tonight. ✨
Tonight shows you what’s happening. No endless searching, just simple matching and sharing plans with friends. 🥳
This prototype was fully designed and built in Figma + Figma Make, and honestly it’s wild how much has changed since Figma Makeathon 1.0.
Back then I was impressed because Make could interpret Figma designs, not just images.
Now I can basically prompt what’s in my head and Make turns it into a working prototype almost 1:1. 🤯
Try the prototype here. 👈🏻
Looooks so good 😍
Just entered the #FigmaMakeathon 🚀
Building Cultural Heritage Atlas NG — an interactive platform to explore Nigeria’s traditions, festivals, historical sites, and indigenous stories through immersive maps and storytelling. @Contra HQ
Swipe through regions, discover culture, and experience stories in a whole new way. https://sculpt-river-58381287.figma.site/
Loving how Figma Make brings ideas like this to life so fast.
Which part of Nigerian culture would you love to explore first? 👇
this is SICK!!!
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?