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
#Day 15/30 - UX LAW: Goal Gradient Effect 🥅
The closer people get to a goal, the more motivated they become to reach it.
That’s why seeing progress can be incredibly powerful.
⸻
🦉 Real-world example: Duolingo
Duolingo uses streaks, progress indicators, and milestones to make users see how close they are to their goal.
The closer you get, the harder it feels to stop.
⸻
🔥 Design & Product Tips
✅ Break big goals into micro-goals: Small wins make bigger tasks feel achievable.
✅ Make progress visible: Use progress bars, streaks, milestones, or step indicators to show users how far they've come.
✅ Make the finish line easy: As users get closer, remove friction from the final steps. A complicated checkout after someone has almost completed their purchase can still cause them to drop off.
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
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Beacon – Mobile App Redesign
The Client
A mental health startup building a social platform where people can share moods, “light a beacon” when they need support, and connect with an empathetic community.
Problems
The product needed a clearer user experience and stronger emotional design to ensure safety, trust, and intuitive navigation for users who may be in vulnerable states.
Goals
Create a calm, supportive app experience that makes emotional expression simple, encourages meaningful community interaction, and builds user trust.
Solution
Led the full UX/UI design process, from product audit and research to user flows, wireframes, and high-fidelity screens, creating a clear, cohesive, and empathetic mobile experience.
Looks great !
Amazing product.
When designing a consulting agency website, most people lead with services.
We usually do too. It feels like the logical starting point.
But when we worked on Orvian Labs, we tried something different.
Instead of opening with what they do, we led with what the client actually needs to feel before they read anything clarity and trust.
The hero doesn't list services. It just says "We Bring The Clarity Your Business Needs." And the rest of the page builds the case quietly a scrolling industry list, a three-card value section, 120+ projects as a single trust signal, and a dark manifesto block that finally tells you who they are.
The testimonial comes last. By that point, the visitor already believes it.
What we noticed was that leading with feeling before features made the layout decisions much easier. Every section had a clear emotional job to do, not just an informational one.
This was one of our website layouts to work through. Hope you like it.
#web design # ui-ux design
Premium quality work.