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
The checkout said €171.
The final payable total was €218.
That €47 gap wasn’t a calculation error. It was interface design.
Honest Mode is a concept for a browser-side decision layer that helps people see how an interface is shaping their choices before they complete a purchase.
In this fictional airline checkout, the user wants one economy flight with cabin baggage only, no insurance, and no paid seat. Yet the original experience preselects €42 in optional extras, delays €47 in mandatory charges until the final step, introduces unverified urgency, and gives accepting extras far more visual weight than declining them.
Honest Mode first lets the user experience the problem.
Then it scans the interface, identifies five manipulative patterns, connects each finding to visible evidence, separates measurable financial cost from possible behavioral influence, and explains what changed.
But detection is only half of the product.
Honest Mode rebuilds the same booking around the user’s stated intent. Mandatory charges are shown immediately, optional extras are presented transparently, accept and decline receive equal visual weight, cancellation terms are clarified, and every explicit decision is recorded in an Honesty Receipt.
Original payable default: €218
Honest total: €176
Optional defaults removed: €42
Mandatory charges revealed late: €47
The result is not simply a cheaper checkout. It is a decision the user can understand, verify, and confidently own.
Honest Mode is a six-screen high-fidelity prototype built in Flowstep, covering:
01 — Intent capture
02 — Manipulative checkout
03 — Diagnostic scan
04 — Evidence-based X-Ray
05 — Transparent rebuild
06 — Honesty Receipt
The prototype includes connected navigation, selectable findings, dynamic pricing states, explicit consent, and an end-to-end interactive walkthrough.
Public Flowstep file:
https://app.flowstep.ai/file?activeFileId=21d203bd-9dc9-41b0-b3b7-f04a1a603fb3
Built with Flowstep, Flowstep MCP, ChatGPT, and Codex.
Honest Mode is built around one belief:
Interface design should not only optimize conversion.
It should protect the quality of the decision.
Social post:
https://x.com/hmcrafted/status/2083442151824740505
The €171 to €218 reveal is such a strong way to frame the problem. I really like that Honest Mode doesn’t just flag dark patterns, but rebuilds the same flow around the user’s actual intent. The Honesty Receipt is a great ending too it makes the decision feel clear and accountable. Good luck
Thanks Faadil, appreciate the thoughtful feedback!
I wanted Honest Mode to go beyond simply calling out problems and actually rebuild the decision flow around user intent. Glad the Honest Receipt ending resonated with you.
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
“The Contra mobile app!”
That was my immediate answer to Flowstep's challenge to build the product I've always wanted but never existed.
Together with Flowstep’s agent, I designed screens: Home, Challenges, Profile and Messages.
I exported the designs to Figma and began experimenting with assets from Contra’s brand identity system, created by Smith Diction (🤌).
I then brought these explorations back into Flowstep, added the finishing touches, and linked everything together to create a working prototype.
Very good odea and i like the execution. Fits the Contra's art style very well!
Hi everyone! I'm Yuri, and this is my project for the Flowstep Challenge by Contra!
I have many volunteer friends around the world working in places where disasters have struck, and people need help. I often hear from them that they use different tools in their work, but they still really lack full automation to connect coordination centers with individual volunteers. This request inspired me to do this project!
I took a tool one of these volunteer organizations already uses and built out the parts it's missing:
- For coordinators (desktop) - all incoming requests with their statuses, warehouse state, the stats they actually need, and a map view of where every request is coming from.
- For volunteers (mobile) - a new request with its status, the full details, and a simple accept or decline.
Now, the fun part: how it was made. I ran Claude Code + Flowstep together over MCP. First, I wrote out a spec of everything the product needed to do and handed it to the setup. Then I went through the existing tool and documented its design system - this turned out to be the smartest thing I did, because it kept every screen consistent instead of feeling like ten different products. After that, I generated prompts in Flowstep, one dedicated prompt per user flow. I refined each screen with prompts, and honestly, most of the time it landed on the first or second try. The few tiny things left over I just nudged by hand right in Flowstep.
And I'm genuinely happy with how it came out. Doing all of this manually would've cost me a solid 6–8 hours. This took me a bit over two.
And the agent messages provided for the challenge were enough for me to finish. I was only 1 short - to adjust an icon on the last screen (hope you won’t blame for that).
🔗 The result of my work in Flowstep: https://app.flowstep.ai/file?activeFileId=0c294720-d873-4ced-b99c-e6f20f818209
Thank you all so much for checking it out, and I'd be grateful for your feedback and comments!
#FlowstepChallenge # #Flowstep #Claude #ClaudeCode #Weavy #UX/UI #ProductDesign #Saas #Dashboard
This CrisisCoord concept is brilliant.
The dashboard + mobile + warehouse flow feels so real and needed.
Love how you handled the urgency with the timers and priority system.
Great execution!
I asked myself a simple question:
"When is human, human enough?"
And believe it or not, this challenge completely changed the way I think about creative thinking and AI assisted workflows.
Over the past few days, I have been sharing my journey here on @Contra and on X, asking people to contribute their thoughts on ideation, visual direction, and refinement. From classic pen and paper brainstorming to a fully realized product, every step happened within the limited timeline of the @Envato Challenge.
'Pause' is the brand I created for this challenge, it is the result of human creativity steering AI capabilities and the outcome goes far beyond simply generating visuals, it demonstrates what happens when intentional thinking guides powerful tools.
Using Envato's AI Suite, I built an entire brand from the logo and visual assets to the product campaign and even a motion design video. The experience exceeded every expectation I had.
The tagline, "PAUSE THE NOISE," was written by me. It does not just define the brand. It also reflects what I believe is the real message behind this challenge: pausing the noise around the idea that AI is here to replace creatives.
The human contribution was never just writing prompts. It was constantly questioning assumptions, pivoting from one idea to another, exploring different visual languages, selecting the strongest assets, directing the product campaign, shaping the motion design, and refining every output until it aligned with the vision. AI generated the assets. Human creativity gave them purpose.
I am so proud of the final result that I am now turning Pause into a detailed Contra case study.
My two cents:
AI is a tool. Like a sword, it is only as powerful as the person wielding it. In the hands of someone without vision, it loses its edge. In the hands of a creative thinker, it becomes a force multiplier. The future does not belong to AI alone. It belongs to people who know how to think, direct, and create with it.
Sound on 🔊
Scroll through the comments to explore all the visuals and the complete motion design videos.
Tools Used -
Envato
My own Vibe coded text behind video & Video editing apps
envatochallengebranddesigncreativeaiflowAI Video ProductionAI ArtAI VIsual DesignerProduct DesignEnvato
