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
Here's a Coffee Shop Landing Page I designed in Figma to explore how dynamic motion can transform a simple layout into a memorable user experience.
🎯 Design Focus:
• Smooth parallax scrolling effect
• High-contrast split-screen hero layout
• Structured, clean product grid hierarchy
• Immersive, premium visual storytelling
The goal was simple: Make a standard coffee shop website feel highly engaging without distracting from the content. Great animations don't compete for attention—they enhance it.
Coffee Shop Design, Parallax Scroll Animation, Web Design, UI Animation, Motion Design, Landing Page Design, Interactive UI, Micro-Interactions, Animation Design, User Interface Animation, Creative Motion, UI Design, UX Design, Product Design, Interaction Design, Visual Hierarchy, User Experience, Digital Product Design, Web Animation, Frontend Animation, Cafe Website Design
hashtag#UIUXDesigner hashtag#UIDesign hashtag#UXDesign hashtag#ProductDesign hashtag#InteractionDesign hashtag#UIAnimation hashtag#CreativeDevelopment hashtag#WebDesign hashtag#DesignCommunity hashtag#PortfolioProject hashtag#ProductDesign hashtag#UIDesign hashtag#UXDesign hashtag#MotionDesign hashtag#InteractionDesign hashtag#DesignCommunity
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
If you had to choose one option to present your brand without actually talking to the users, what would you choose?
Lately, I've been pushing myself to explore what's possible with Figma Motion and see just how far I can take animations without leaving Figma.
I recently came across a really smooth WhatsApp animation and thought, why not recreate it? So I challenged myself to build it from scratch, paying close attention to the timing, easing, and micro-interactions.
It's been a fun way to learn, experiment, and sharpen my motion design skills.
How do you think it turned out? 👀
I'd love to hear your feedback!
23 voted
79%
6 voted
21%
29 votes
Closed
Animated visuals makes the user stay, while static will not attract much
This is Amazing
𝗧𝗼𝗱𝗮𝘆 𝗶𝘀 𝗻𝗼𝘁 𝗮𝗻 𝗼𝗿𝗱𝗶𝗻𝗮𝗿𝘆 𝗱𝗮𝘆 🥹❤️. Most people know me as a designer and art director, but in reality, a huge part of what I do is education
For the past 4 years, I’ve been building my own design school Hyperactive Education where we teach UI/UX design,...
Most check-ins ask how people feel. STARTFIELD asks what the room has capacity for.
Two minutes before a workshop or team session, a facilitator often has to decide whether to begin as planned, slow down, add context, or reduce the scope.
STARTFIELD turns three anonymous, temporary responses into a tactile collective field:
Ready to dive in
Need a slower start
Need context first
No names. No personal profiles. No historical tracking. No automated recommendation.
The field makes the group’s current capacity visible, while the final decision remains human.
Built as Day 12 of my 30 Days of Real Business Problems challenge, using Figma Make, original 3D token assets, and Animos for the presentation film.
The room resolves before the session begins.
Live prototype:
https://shrub-gong-08594418.figma.site
How should a facilitator read the room without turning a check-in into surveillance?
No names and no historical tracking is what makes this actually usable instead of another mood tracker nobody trusts. My guess on your own question: as long as the field only shows aggregate state and resets every session, it stays a tool instead of a record. Did anyone in testing push back on that assumption anyway?