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
I built Unscatter for the @Bubble Prompt and Circumstance Challenge.
It is an ADHD-friendly focus dashboard that turns messy voice or text brain dumps into a prioritized task queue, then protects you from the noise by showing only one task at a time.
The flow is simple:
You dump everything on your mind.
AI turns it into clear tasks with tiny first steps.
You review and reorder the queue.
Then Unscatter locks the chaos away and gives you one next thing.
It's not a productivity system. Not another task list.
Just one calm place to unload, sort, and start.
Built on top of a Bubble AI-generated foundation, then shaped by hand:
→ Started with one prompt to Bubble AI
→ Bubble generated the base pages, UI, and data structure
→ Rebuilt the workflows into a real end-to-end app
→ Added voice transcription
→ Added AI task sorting from messy brain dumps
→ Added queue approval and reprioritization
→ Added One Thing Mode
→ Added task progression, queue history, loading states, and a softer pastel interface
What I love about this build is that it does not try to help you manage your whole life. It simply helps you begin.
Because sometimes the problem is not that you are lazy.
Sometimes your brain just needs the world to get quieter for a minute.
Try Unscatter.
Built with Bubble AI, OpenAI, and a deeply personal amount of debugging.
Walkthrough video and AI baseline video in the comments.
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
Still can't believe this is fully native.
With the Framer 3.0 update I rebuilt this viral landing page using Opus 4.8. The result is insane.
Edit every layer on the canvas or just ask Claude
Check it live https://lumio.framer.media/
How would you compare this to a website built using only claude code and pulling from something from say, the Figma MCP?
Family Yoga Studio — Hero Section Design
A landing page concept designed for a family-focused yoga studio. The goal was to create a calm, welcoming first impression while maintaining a clear visual hierarchy and intuitive user experience.
Goal
Design a hero section that communicates the studio's atmosphere, establishes trust, and encourages visitors to take action without overwhelming them with information.
Design Approach
• Clean and minimal layout focused on readability and clarity
• Strong visual hierarchy that guides attention from the headline to the primary call-to-action
• Custom image masking and typography to create a distinctive brand presence
• Carefully balanced supporting visuals that reinforce the message without competing for attention
Outcome
The result is a modern, aesthetically balanced hero section that highlights the studio's identity while making it easy for potential clients to explore classes and get in touch.
Tools
Figma
Keywords
#WebDesign #UIUXDesign #LandingPage #HeroSection #WellnessDesign #YogaStudio #MinimalDesign #Figma #ProductDesign
What I find interesting about hero sections is that users decide within seconds whether a product feels right for them.
Creating a sense of trust, clarity, and calm while still encouraging action is much harder than it looks. Nicely thought through 👏
Fluxo | Personal Finance Dashboard 💵
Finance apps are one of the hardest UX challenges in product design.
It's working with stress, numbers, and decisions people actively avoid making. The design has to build trust — creating an app where users feel comfortable enough to hand over their most sensitive numbers.
What I look for in a well-designed money dashboard:
Clarity over completeness — show the 3 numbers that matter, not all 47 Visual hierarchy that guides — your eye should land on the most important data first Emotional tone — dark, clean, premium = I trust this with my money Micro-context — not just €5,210 spent, but -3% vs May tells a story
This Fluxo concept gets a lot right. Cash flow visualization, spending donut, saving goal progress — all scannable in under 5 seconds.
Yes, it's just a concept. But it's built on real interaction logic between a user and a product.
What types of financial products have you worked with? 💰
#FinTech #UXDesign #ProductDesign #UIInspiration #DashboardDesign
Great breakdown. "Clarity over completeness" is the golden rule for dashboards. The high-level metric cards and subtle data comparisons make the interface feel alive and actionable, rather than just a wall of numbers. Looks incredibly clean!
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?