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
Is motion on a pricing page persuasive or distracting?
Genuinely don't know. Built one to find out.
Fantastic! Enjoyable hover playing๐
Nice design
I think this one's a great example, adding a nice interaction without being distracting ๐
This is cool how i love those interactions when you overlay
Great work, keep it up!
It can be distractive.. but here it is persuasive.
This looks nice beyond debout
Micro-interactions matter more than people think. Nicely done, Alex๐
absolutely amazing design
The typographic pacing on your primary heading is beautiful.
This is such a fascinating UX experiment! Motion can definitely be persuasive when used subtly โ it draws attention to value propositions without overwhelming the user. The key is purposeful animation that guides rather than distracts. Would love to see the conversion data once you have results!
I really love the overall look and feel! ๐ฅ
Motion on the pricing page is good, but this one might be quite distracting because of the cloud, which doesn't allow user to see the text clearly.
it depends but, I love that one, why 0$ instead of $0?
Great background, looks nice!
That's Fasinating.
I feel a little motion is persuasive, pricing cards don't feel flat and it adds a premium vibe to it.
Super work
This is cool one bro!
that looks amazing. its persuasive.
as a blanket answer, i think it definitely depends on the motion, but the one shown here is actually really complementary & almost calming. a super nice touch!
love the structure
Looks really good
This is clean work.
With the asthetic view of yours, i think is a go because this is looking wow and great Alex
Very good! I would only suggest, different pictures for each plan and a fade-in and fade-out on the animation, otherwise is awesome!
IMO. Its cool, but distracting. You want the buyer to be able to read what they are buying. Don't make them think more than what they need to. Maybe make the border change color on hover. And add a popular choice on one of your tiers and make the background a different color so...
Creative hovering effect!
Good job!
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
Did you know your home reflects how much you read?
Not a metaphor. A literal one.
Add a book. Set a timer. Watch your apartment slowly come alive as you read. Dust clears in real time. Rooms bloom from neglect to warmth. Stop reading and watch it all fade back.
The Problem
Most reading trackers are lists. Cold. Forgettable. They record what you have not done without making you feel anything about it. You open the app, see a number, close the app. Nothing changes inside you.
Shelf Life is built around a different belief. Your habits should live somewhere. They should breathe. They should have consequences you can see.
Your bedroom holds the book you read before sleep. Your kitchen holds the article you meant to finish over coffee. Your study holds the essay you keep putting off. Read consistently and each space blooms back to life through an organic dust clearing animation driven by your actual reading time. Neglect your reading and the dust returns. Your home becomes a mirror of your habits. Honest and quiet and impossible to ignore.
I deliberately chose not to let users upload or read books inside the app. The moment you can read inside a tracker it stops being a tracker and starts competing with the experience of actually holding a book. Shelf Life honours the ritual of reading without replacing it.
How It Was Built
I started with a design philosophy before I started with a prompt. Warmth. Craft. Human first. Every decision was made to make the user feel something not just complete a task.
The isometric apartment and all ten room images including the neglected and bloomed states for each of the five rooms were generated entirely using Figma Weave. I used Figma for rapid design ideation and layout exploration before moving into Figma Make.
In Figma Make I built the full app in React and TypeScript. The core technical challenge was the dust clearing animation. It uses an SVG mask system with organic circular spots growing via requestAnimationFrame running in parallel with the reading timer. Each spot has its own delay and duration so the reveal feels natural and alive rather than mechanical. The same spots reverse in mirror order when the room returns to neglected. The animation runs both ways. Forward when you read. Backward when you stop.
Room specific ambient music plays in each space. The bedroom has soft rain and piano. The kitchen has morning acoustic warmth. The living room has fireplace crackle. The study is near silence. Each room sounds like it feels.
Tools Used
Figma Weave for AI image generation across all ten room backgrounds
Figma for design ideation and layout
Figma Make for the full app built in React and TypeScript
The Moment That Matters
Start a reading timer. Watch your room slowly clean itself in real time. Organic dust spots grow across the image revealing the bloomed version beneath. It is not a progress bar. It is not a percentage. It is your home breathing back to life because you chose to read.
When the timer ends the room holds its bloomed state then gradually returns to neglect. The direction of the animation tells you everything about your relationship with reading that week.
Most people go quiet when they watch it happen for the first time.
Excellent presentation ๐
I love the dark version. It's cool
SMALL MOCKUP TEST. BIG DIFFERENCE. ๐
Same AI Travel App UI.
I changed only the background.
Not the UX.
Not the flow.
Not the product logic.
Just the visual context.
And the darker version instantly made the app feel more premium, focused, and easier to read.
That is why presentation matters in mobile app design.A weak frame can make good UI look average.
A strong frame can make the product feel more valuable before the user even taps anything.Expected impact:`
+35-45% first-screen engagement
+25-30% trip card interaction
+20-28% faster package discovery
+30-40% perceived product value
Sometimes design is not about adding more.Sometimes it is about removing what steals attention.
๐ข Book a Mobile App Strategy Session
https://calendly.com/asol_design/book-diagnostic-call-linkedin-clone
26 voted
67%
13 voted
33%
39 votes
Closed
Love this approach. It's fascinating how design can completely change how people feel while using a product.
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?