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
I designed a concept portfolio website for a fictional creative studio — but instead of building a traditional scroll-based layout, I reimagined the entire navigation system.
The website is structured as an interactive 3D cube. Each face represents a page.
Users navigate using arrow keys on desktop (← → ↑ ↓) and swipe gestures on mobile.
When the cube scales down, its behavior changes. It stops being page navigation and becomes a category selector — dynamically switching design directions and updating project previews.
This project explores:
• Spatial navigation in web interfaces
• State-based interaction systems
• Responsive interaction logic
• Gesture-driven UX
Published project: https://clone-sable-13437751.figma.site/
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
Sapiens: Defeating the Bot Invasion 🛡️👁️
Social platforms are flooded with bots. The "Like" is now a fake, scripted signal. I built Sapiens for the #FigmaMakeathon to prove that humanity is the only verified currency.
The Solution: Proof of Soul
Using Figma Make, I engineered a "Human Firewall":
The SAP (Emotional Resonance): No more cold clicks. Interact by showing your true self via real-time facial expressions or body gestures.
Gestural Stories: Reimagined "Story Likes." You must hand-draw a heart, an analog signature no script can replicate. ❤️
Human-Only Dessert: Hidden "Easter Egg" games inside the progress bar. Playful challenges that only a real person can appreciate. 🎮
Let's reclaim the internet for Sapiens. Leave a Like to support! ❤️
Try it here!
https://art-trace-27187066.figma.site/
🔊 Sound On
Such an interesting concept of implementing physical emotions to convey how you feel about something!
Wouldn't it be funny to see people out in public expressing their likes this way 😂
Out of curiosity, where would other forms of facial expressions like deadpan/confused sit...
SAY NO TO WAR🕊️
At a time when the world feels increasingly divided, this is a small space bringing people together.
HANDS FOR PEACE is a live global canvas where anyone can leave a permanent handprint for unity.
Built using Figma Make for the Makeathon, this project explores how interaction can become cultural expression, turning individual gestures into a collective monument shaped by people across the world.
👉 Add your hand at https://hands4peace.figma.site/
Try it now.
_
here's my social submissions link: https://www.instagram.com/reel/DVVUT7xCR9i/?igsh=dHhvZHAyMDFpNjE2
Note: Supabase can’t remain connected in community submissions due to a Figma limitation. I’ve shared the editable Figma Make link via email if needed.
_
#FigmaMakeathon #HandsForPeace #SayNoToWar #Makeathon #FigmaMake #DesignForPeace #TogetherWeStand
Re:Act - Reimagining Digital Reactions
Live Prototype: 🔗 https://piece-aloft-24889674.figma.site/
Re:Act is an experimental interaction prototype built entirely with Figma Make during the official Makeathon window.
It reimagines one of the most iconic patterns of modern interfaces: the reaction.
Instead of tapping a like button, users press around Nuri. Instead of scrolling endlessly, speed affects balance. Instead of passive playback, acceleration changes emotional state.
Re:Act transforms familiar digital behaviors into visible consequences.
Scroll too fast - Nuri falls. Increase video speed - Nuri becomes overwhelmed. Draw a reaction - and intention matters.
This project explores how interaction design can shape culture by making behavior visible.
Built, animated,and prototyped fully in Figma Make.
Not a feed. A mirror.
Really powerful exploration. Turning reactions into consequences shifts users from passive consumption to conscious interaction love the thinking behind this.
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?