Designed the mobile app Contra by Muhammed AhmedDesigned the mobile app Contra by Muhammed Ahmed

Designed the mobile app Contra

Muhammed Ahmed

Muhammed Ahmed

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
Like this project

Posted Jul 30, 2026

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. S...