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
Built this interactivein Framer.
Each bold title sits on black, and hovering one reveals its image, which fades in and follows your cursor with smooth inertia and a subtle tilt, swapping instantly as you move between titles.
Cinematic, hover-driven motion that makes any "selected work" section feel alive.
The cursor-following image with the subtle tilt is a detail that makes portfolio sites feel considered rather than just built. That inertia on transition is what separates it from a basic hover reveal.
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
Powerful concept work!
Proud to share my submission for the #configMakeathon 🦋
Design has one job — make people feel something before they think something.
For the #ConfigMakeathon, I built a complete digital campaign experience for Butterfly Conservation's "Britain's Favourite Butterfly" — taking a public vote and transforming it into something people actually want to be part of.
The challenge wasn't technical. It was human. How do you make someone genuinely care about a species they've never noticed? How do you turn conservation data into something personal? How do you design an experience that moves people from passive viewers to active participants?
The answer was architecture — three distinct experiences working as one:
🗳️ Results Explorer — A fully filterable species discovery system built around personality vibes, wing colours, and rarity. Not a leaderboard. A world worth exploring.
🧬 Personality Quiz — A matching experience that gives every user a butterfly identity rooted in real behavioural traits. Flashy. Feisty. Adventurous. Rare. When someone sees themselves in a species, the relationship changes entirely.
🌿 Conservation Narrative — A story-first approach to ecological data that earns its urgency rather than demanding it. The stakes land harder when you already have a favourite.
This is the kind of work I find most meaningful — where design isn't decoration, it's the strategy itself.
🔗 Prototype:Prototype
Built with Figma · Figma Make · MCP
#ConfigMakeathon #Figma #UXDesign #ProductDesign #DesignForGood #ButterflyConservation @Figma @Contra @Contra HQ
Pretty Good!
Most AI products show you results.
I wanted to show you the process.
So I built MIRROR — a cinematic AI surveillance interface designed entirely in Figma Make.
Instead of static sections and generic cards, every interaction reveals how the system thinks:
• Real-time identity analysis
• Object detection overlays
• Behavioral tracking
• Detection systems and capabilities
• Live subject profiling
• Technical specifications
• Interactive data visualizations
• Hover states, reveals, and system reactions
The goal wasn't to design another dashboard.
The goal was to create an experience that feels like you're inside a classified intelligence system.
Every screen was designed to feel alive.
Every section responds.
Every interaction reveals something new.
Built with Figma Make as part of the Config Makeathon.
Would love to hear what feature or interaction you'd add next.
The level of detail in this is insane. Every section feels like it belongs to the same universe.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?