[ 01/09 ] Award
1st Place · Money Agent Hackathon
5 hours to build, 5 minutes to pitch. I designed the full flow, wireframed it, then built a working prototype with Claude in 90 minutes.
Role
Product Designer
Year
2026
Build an AI agent that goes out and gets customers
Money Agent Hackathon Round 3 (Belgrade AI Hub, May 15, 2026). The prompt: build an AI agent that autonomously acquires customers — by creating campaigns, writing outreach, testing ad creatives, or any go-to-market play.
5 hours to build. 5 minutes to pitch. One demo at the end. That was it.
Our idea: test your post before you pay for it
We called it Synthie. It validates marketing campaigns on synthetic respondents — AI personas that stand in for your real audience — before you spend anything on real reach. Once the strongest variant is found, the agent publishes it and runs the campaign.
Contribution
Design, Prototype, Presentation, Vibe coding
Duration
5 hours
Event
Belgrade AI Hub · May 15, 2026
Me
Design, prototype, presentation
Owned the full UX flow, fast wireframes, the working prototype, and the pitch deck.
My teammate
Engineer — backend
Built the AI agent logic, persona generation, scoring, and onchain pieces.
CJM & flow — together
We mapped the user journey and the agent's decision flow on a shared canvas — what the user sees, what the agent does in the background, where they meet.
~45 min · both of us
Wireframes — solo
From the shared flow, I sketched fast low-fi screens. No styling, no copy polish — just the structure of what goes where, screen by screen.
~30 min · just me
Working prototype — with Claude
I handed wireframes to Claude and we built a real React prototype — animations, brand styling, working interactions. Wireframe to clickable demo in 90 minutes.
~90 min · me + Claude
Polish & presentation
Extended the flow (dashboard, calibration), refined the visuals, built a keyboard-navigable HTML slide deck, rehearsed the pitch.
Remaining time
Customer Journey Map (a plain-language sketch of the user's path + the agent's role at each step) — click to enlarge
Drag the handle on each screen to slide between the fast wireframe and the Claude-built final. Five key screens from the flow.
Project creation
Chat context
Audience segmentation
Ready personas
Content & agent reasoning
1st
Place at Money Agent Round 3
Belgrade AI Hub, May 15, 2026.
5h
Total build time
Flow → wireframes → working prototype → pitch deck.
90m
Wireframes → working prototype
Real React, real animations, real interactions — built with Claude.
Flow first, UI second
The thing I keep coming back to: as a designer, the full flow and the UX have to be solid first. That part is mine. Claude can't do that for me — and shouldn't.
But once the flow is clear, once I know what every screen needs to do, Claude becomes a massive UI accelerator. Especially under a 5-hour clock. What would have been a static Figma file became a clickable, animated React app — and we had time left over to polish, extend, and rehearse.
Synthie isn't a one-off. I'm continuing to work on it. Demo video coming soon.
Thanks for looking at my case study!
Want to see the live demo or hear how the prototype was built? Let's talk.
Back
All casesNext case
AI Delivery — DreamBiz