Developer Onboarding

Developer Onboarding

I designed a developer onboarding experience that meets developers where they are — reducing friction across setup and activation, and driving a 2× increase in API key activations and SDK downloads.

My Role

Lead designer, Research (self-led), Product strategy + UX, Post-launch iteration

Context

Magic is a Web3 company that provides blockchain SDKs for developers to build wallet solutions in their applications. While Magic offers multiple products for different use cases, we identified two key issues:

  • Developers struggled to understand our product offerings and how they differed.

  • Product data showed low API key activations, with unclear drop-off points throughout the onboarding flow.

These signals indicated that our onboarding experience was not effectively guiding developers from discovery to activation.

Old design

Project Highlights

  1. Developer Empathy

    As a non-developer, I needed to understand how developers evaluate, adopt, and integrate new SDKs. I focused on core questions such as:

    • What information do developers look for when evaluating a new SDK?

    • How do they try or build with a new SDK?

    • Where do they go when they face technical issues?


  2. Solving the Right Problem

    I was initially scoped to redesign the signup page to improve conversion. However, after gaining a fuller understanding of the user journey, it became clear that a single-page redesign would not solve the underlying issues. I reframed the problem and proposed a more holistic approach—examining the entire developer journey from discovery to first successful integration.

  3. Building Context Through Cross-Functional Insights

    To ground my designs in real developer needs, I conducted developer interviews and partnered closely with the sales team. These conversations surfaced common questions, objections, and product differentiators discussed during sales calls. I translated these insights directly into the onboarding experience to better align product messaging with developer expectations.

Deliverables

End-to-end developer journey maps used as a cross-functional communication tool to visualize pain points, drop-offs, and opportunities across the onboarding funnel.

Information architecture redesign for Developer Docs, including a new Quick Start guide to help developers move from setup to first success with Magic CLI.

Redesigned dashboard onboarding experience, covering account signup, app creation, and building a working demo using the Magic CLI.

Redesigned dashboard onboarding experience, covering account signup, app creation, and building a working demo using the Magic CLI.

Welcome email onboarding, delivering the right documentation and resources at the right moment to support developers beyond the product UI.

Impact

272%

API Key Activations

2x

SDK Downloads

Acknowledgements:

All of the brand & visual assets were made by my amazing colleague Alex Torres.

Thanks for stopping by!

Want to learn more about this project? Send me an email