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
This prototype explores an emotion-aware system built in Figma Make - a dark, cinematic interface that adapts in real time to scroll speed, hesitation, hover duration, and movement intensity.
The UI doesn’t react to who you are.
It responds to how you move.
Motion softens when you slow down. Layout tightens when you accelerate. Idle moments trigger ambient shifts.
An exploration of behavioral sensitivity as a core design principle.
Built entirely in Figma Make.
Live project:
https://eat-revel-28832930.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
Designing for mental health requires a subtle balance between clarity and comfort. 🧠✨
For the Mindra web app dashboard, my main focus was crafting a clean, low-stress UI that seamlessly integrates therapist connections, mood trends, and daily reflections.
Check out the full showcase on my Contra profile! 👇
So true - clarity + comfort is the hardest balance in mental health design. Love that you focused on low-stress UI for Mindra.
Integrating therapist connections, mood trends, and daily reflections without feeling overwhelming is a real challenge. Would love to see how you handled the dashboard hierarchy. Important work!
Realistic AI Talking Head Video with Emotional Lip SyncAI
Video Creator | Character Generation, Lip Sync, Sound & Editing
The client needed a 30-second cinematic AI talking-head video featuring one woman delivering the same line, "I'm fine," with six distinct emotions. I created the character visuals, generated and refined the performances, and handled lip sync, sound and editing. The focus was consistent identity and room details, realistic skin, subtle facial expressions, natural body movement and believable emotional transitions.
Same line six times is a tough brief, since the words can't carry any of it and everything sits on the face. With recurring characters, identity usually slips first on the strong expressions, not the calm ones. Did you lock her with one reference set across all six emotions, or adjust refs per emotion?
iPhone Duo — UI Motion Design Study
Overview
An independent UI motion design experiment exploring minimalist interface elements through geometric shapes, circular motion, and smooth transitions.
The Concept
This project explores how simple interface components can become visually engaging through motion. The visual system includes Wi-Fi symbols, circular dots, cellular signal elements, and battery-inspired shapes
Design Focus
Minimalist UI composition
Circular dot animation
Wi-Fi symbol and battery icon design
Geometric transformations
Motion timing and transitions
Clean visual hierarchy
My Role
UI Design and Motion Design Experimentation
Tools
Figma and
Project Type
Independent concept project created for portfolio development and creative exploration.
Objective
To explore the relationship between simple interface elements and motion, creating a clean, cohesive visual experience.
This is a self-initiated concept project and is not affiliated with or endorsed by Apple.
Nice work
