Designed the mobile app Contra never built 20+ screens, one Flowstep canvas, zero guesswork.
Contra's an all-in-one freelance platform, but it's web-only. So for the #FlowstepChallenge I designed the entire thing as a native mobile app onboarding, home feed, messages, wallet, payments, discover, jobs every screen prompted directly on the canvas.
Mapped every desktop flow to real mobile patterns: two-column messages → single-column with push navigation. Side panel AI assistant (Co-Agent) → on-demand bottom sheet. Side-by-side wallet cards → stacked with balance as the hero. Every layout decision justified by mobile ergonomics, not just shrunk down from web.
Locked in one design system across every screen unified nav bar, one icon set, consistent tokens, working back navigation, and smooth transitions end to end. No dead clicks, no inconsistent icons between screens, no "looks like 7 different apps stitched together.
The workflow:1 Prompt Flowstep canvas per section 2 Batch-fix consistency across screens 3 Wire up navigation + animation 4 Full click-through test
One canvas, one system, a fully connected mobile Contra.
THE OG TOOL —
@Flowstep x
@Contra HQ
#buildinpublic #AIworkflow #FlowstepMCP #ContraApp #MobileDesign #ProductDesign