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
Overlay Navigation Reveal, rebuilt in Next.js + Motion.
Spotted this on fluid.glass while browsing Awwwards. Sticky nav at the bottom, bar shrinks into an X when you open it, panel grows right out of the bar.
One of those interactions that feels simple until you build it.
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
Challenges
View all
Related posts
Animated Fintech UI for pie showing portfolio performance, Investment income, Investment advisory, and smart advisory features through interactive financial visualization
A motion exploration for Pie, bringing key wealth-management features to life through animated UI components.
The concept explores how portfolio performance, investment income, investment advisory, and smart advisory can be presented in a clear and engaging way while keeping the overall experience simple and premium.
A look at how motion can make financial products feel more intuitive, modern, and easier to understand.
The motion-led charts make a dense wealth-management story feel approachable; the distinct panels give each metric room to breathe while still reading as one system.
A short motion spec ad for Muji (personal project).
Design, animation and sound design by me :)
Inspired by: Kinisi, Sebastien Camden
Motion DesignmotiongraphicsAnimationAdobe After EffectsAdobe IllustratorAdobe Premiere ProIllustration
the stool tucking into the muji logo at the end got me. how long did the sound design take?
A calm interface doesn't have to feel static.
With RISE, the interactions are deliberately restrained.
A subtle hover gives just enough feedback to make the interface feel responsive, without breaking the slower, more considered visual language.
No big effect.
Just a small response at the right moment.
Restraint like this is way harder to pull off than a flashy effect, most sites can't resist doing too much. Was there an interaction you built and then cut because it felt like it was showing off?