Starting at

$

100

/hr

About this service

Summary

I create Magic Path prototypes — vibe-coded blueprints that don’t just show what your product could look like, but also set you up for seamless development. Designed to feel real and expressive, your prototype can always be connected to Cursor for further build-out, making this the perfect middle ground between napkin sketch and production-ready app.

Process

Week 1 – Exploration & Alignment
Intake & Vibe Session – 30-min kickoff to clarify vision, product goals, and the “vibe” you want to capture.
Concept Capture – I’ll map your core flows (onboarding, dashboard, key interactions).
Initial Vibe Draft – First pass at the Magic Path prototype, sketching flows and aesthetic direction.
Week 2 – Prototype Build & Delivery
Prototype Build (Magic Path) – Full vibe-coded prototype created, blending structure + feel.
Cursor-Ready Prep – Prototype configured for smooth connection into Cursor for future development.
Walkthrough Delivery – Loom walkthrough (10–15 minutes) or live call showing flows, design choices, and next steps.
Revisions – 1 light round of tweaks to flows or vibe direction included.

FAQs

  • How long does the project take?

    The sprint runs 2 weeks end-to-end. Week 1 focuses on ideation and alignment, Week 2 on prototype build and delivery.

  • What tools do you use?

    Primarily Magic Path for prototypes, with Cursor as the next-step handoff. Supporting visuals may be done in Figma or Craft.

  • Can I expand the prototype later?

    Yes — your Magic Path prototype is built to evolve. You can connect it into Cursor for ongoing development or extend with additional flows.

  • What if my idea is still raw?

    That’s perfect — vibe coding thrives on early ideas. The sprint turns rough concepts into flows and a tangible product preview.

  • Can I use the prototype with my team or investors?

    Absolutely — the deliverable is clickable, expressive, and presentation-ready for pitching or testing.

What's included

  • Focused Design Session

    Hands-on design and strategy work tailored to your goals — whether refining a UX flow, exploring brand visuals, or shaping a new product concept.

  • Real-Time Collaboration

    Collaborative design sessions in Figma or Craft, with live updates, shared feedback, and ongoing iteration throughout your booked hours.

  • Visual or Prototype Deliverables

    Depending on your focus, you’ll receive polished design assets, visual concepts, or interactive prototypes ready for next-phase development.

  • Outcome Summary

    A concise wrap-up of what was accomplished, including design decisions, insights, and recommendations for next steps.

Recommendations

(5.0)

Amber Fields • Black UX Labs

Client • Jul 31, 2024

Jonathan was great to work with! Organized, clear and concise. He kept the team updated and engaged as a strategic thinker. Look forward to working with him again.

Chris Petescia

Client • Jun 30, 2023

Jonathan has a natural, and well-honed intuition for user experience -- not just UX, but the needs, intentions and experiential desires of *humans* using technologies. With a design background as well, Jonathan's capability spans the development visual design language to product strategy. He knows how to work with full stack developers (to speak the language, and know their needs) to affect collaboratively-build wins. And, he's a good guy.


Skills and tools

Vibe Coder

Product Designer

UI Designer

ChatGPT

ChatGPT

Figma

Figma

Lovable

Lovable

MagicPath

MagicPath

Industries

Fitness & Wellness

More services

STARTING AT

$100/hour

hourly rate