Dcentralab
Dcentralab
Launching an API: A Product Plan for Web3 professionals
Launching an API: A Product Plan for Web3 professionals
Dcentralab is building tools for developers and marketers to create and monetize AI agents and APIs. As a Product Manager intern reporting to the Head of Design, I owned the UX for the AI Agent Builder and helped define and launch the new API Index product from concept to first paying customers.
Dcentralab is building tools for developers and marketers to create and monetize AI agents and APIs. As a Product Manager intern reporting to the Head of Design, I owned the UX for the AI Agent Builder and helped define and launch the new API Index product from concept to first paying customers.
Role | Product Manager intern (reporting to Head of Design)
Role | Product Manager intern (reporting to Head of Design)
Scope | UX flows, wireframes, PRD co‑authoring, pricing page, and GTM strategy.
Scope | UX flows, wireframes, PRD co‑authoring, pricing page, and GTM strategy.
Scope | UX flows, wireframes, PRD co‑authoring, pricing page, and GTM strategy.
Problem & Context
Problem & Context
An intuitive AI Agent Builder that could simplify a complex, technical configuration process.
A clear value proposition and pricing experience for a new API Index that would convince early customers to pay and integrate.
An intuitive AI Agent Builder that could simplify a complex, technical configuration process.
A clear value proposition and pricing experience for a new API Index that would convince early customers to pay and integrate.
Research & Insights
Research & Insights
Competitive Research
Analyzed leading AI tooling platforms (agent builders, API marketplaces) to understand common patterns for complex configuration flows.
Identified best practices for: step‑by‑step builders, previewing agent behavior, and exposing advanced options without overwhelming users.
Stakeholder & Internal User Input
Worked closely with the Head of Product and engineering to clarify edge cases and technical constraints.
Collected feedback from early design partner conversations to understand what “success” looked like for their teams (e.g., “build an agent in under 10 minutes without reading docs”).
Competitive Research
Analyzed leading AI tooling platforms (agent builders, API marketplaces) to understand common patterns for complex configuration flows.
Identified best practices for: step‑by‑step builders, previewing agent behavior, and exposing advanced options without overwhelming users.
Stakeholder & Internal User Input
Worked closely with the Head of Product and engineering to clarify edge cases and technical constraints.
Collected feedback from early design partner conversations to understand what “success” looked like for their teams (e.g., “build an agent in under 10 minutes without reading docs”).
Competitive Research
Analyzed leading AI tooling platforms (agent builders, API marketplaces) to understand common patterns for complex configuration flows.
Identified best practices for: step‑by‑step builders, previewing agent behavior, and exposing advanced options without overwhelming users.
Stakeholder & Internal User Input
Worked closely with the Head of Product and engineering to clarify edge cases and technical constraints.
Collected feedback from early design partner conversations to understand what “success” looked like for their teams (e.g., “build an agent in under 10 minutes without reading docs”).
UX Design & Iteration (AI Agent Builder)
UX Design & Iteration (AI Agent Builder)
User Flow & UX Architecture
Mapped the end‑to‑end flow of creating an AI agent: define goal → configure data sources → set behavior → test → deploy.
Prioritized clarity and progressive disclosure so non‑technical users could start simple and gradually access advanced configuration.
Wireframes & High‑Fidelity Designs
Designed low‑fidelity wireframes to explore different layouts for the builder (single page vs. multi‑step).
Converged on a multi‑section layout that grouped related settings and reduced cognitive load.
Delivered design‑ready high‑fidelity screens and interaction specs, including edge states and empty states to minimize ambiguity for development.
Design Handoff
Created a clear design spec guidelines with flows, component behavior, and annotations so the development team could implement the builder with minimal back‑and‑forth.
User Flow & UX Architecture
Mapped the end‑to‑end flow of creating an AI agent: define goal → configure data sources → set behavior → test → deploy.
Prioritized clarity and progressive disclosure so non‑technical users could start simple and gradually access advanced configuration.
Wireframes & High‑Fidelity Designs
Designed low‑fidelity wireframes to explore different layouts for the builder (single page vs. multi‑step).
Converged on a multi‑section layout that grouped related settings and reduced cognitive load.
Delivered design‑ready high‑fidelity screens and interaction specs, including edge states and empty states to minimize ambiguity for development.
Design Handoff
Created a clear design spec guidelines with flows, component behavior, and annotations so the development team could implement the builder with minimal back‑and‑forth.
User Flow & UX Architecture
Mapped the end‑to‑end flow of creating an AI agent: define goal → configure data sources → set behavior → test → deploy.
Prioritized clarity and progressive disclosure so non‑technical users could start simple and gradually access advanced configuration.
Wireframes & High‑Fidelity Designs
Designed low‑fidelity wireframes to explore different layouts for the builder (single page vs. multi‑step).
Converged on a multi‑section layout that grouped related settings and reduced cognitive load.
Delivered design‑ready high‑fidelity screens and interaction specs, including edge states and empty states to minimize ambiguity for development.
Design Handoff
Created a clear design spec guidelines with flows, component behavior, and annotations so the development team could implement the builder with minimal back‑and‑forth.
Product Strategy & GTM (API Index)
Product Strategy & GTM (API Index)
Defining the “What” and “Why” (PRD)
Co‑authored the Product Requirements Document with the Head of Product.
Defined: target users, key use cases, feature set, API structure, and success metrics (adoption and revenue).
Aligned design, engineering, and marketing on a single source of truth before development.
Designing the Pricing & Point of Sale
Designed the pricing page for the API Index, focusing on clearly communicating tiers, value, and differentiation.
Ensured the page aligned with the use cases and success metrics defined in the PRD.
Go‑to‑Market Strategy
Created the “Design Partner Program” playbook to recruit early, high‑value customers.
Defined the outreach strategy, qualification criteria, and feedback loops so the team could learn quickly and iterate.
Defining the “What” and “Why” (PRD)
Co‑authored the Product Requirements Document with the Head of Product.
Defined: target users, key use cases, feature set, API structure, and success metrics (adoption and revenue).
Aligned design, engineering, and marketing on a single source of truth before development.
Designing the Pricing & Point of Sale
Designed the pricing page for the API Index, focusing on clearly communicating tiers, value, and differentiation.
Ensured the page aligned with the use cases and success metrics defined in the PRD.
Go‑to‑Market Strategy
Created the “Design Partner Program” playbook to recruit early, high‑value customers.
Defined the outreach strategy, qualification criteria, and feedback loops so the team could learn quickly and iterate.
Defining the “What” and “Why” (PRD)
Co‑authored the Product Requirements Document with the Head of Product.
Defined: target users, key use cases, feature set, API structure, and success metrics (adoption and revenue).
Aligned design, engineering, and marketing on a single source of truth before development.
Designing the Pricing & Point of Sale
Designed the pricing page for the API Index, focusing on clearly communicating tiers, value, and differentiation.
Ensured the page aligned with the use cases and success metrics defined in the PRD.
Go‑to‑Market Strategy
Created the “Design Partner Program” playbook to recruit early, high‑value customers.
Defined the outreach strategy, qualification criteria, and feedback loops so the team could learn quickly and iterate.
Outcomes & Impact
Outcomes & Impact
Shaped Product Definition
PRD became the foundation for design, pricing, and technical scope, reducing uncertainty across teams.
Accelerated Development
Developer‑ready assets and clear flows allowed engineering to start implementation earlier and with fewer blockers.
Acquired First Revenue
The GTM strategy and pricing work contributed to signing the first paying customers for the API Index and validating the product’s market potential.
Shaped Product Definition
PRD became the foundation for design, pricing, and technical scope, reducing uncertainty across teams.
Accelerated Development
Developer‑ready assets and clear flows allowed engineering to start implementation earlier and with fewer blockers.
Acquired First Revenue
The GTM strategy and pricing work contributed to signing the first paying customers for the API Index and validating the product’s market potential.
Shaped Product Definition
PRD became the foundation for design, pricing, and technical scope, reducing uncertainty across teams.
Accelerated Development
Developer‑ready assets and clear flows allowed engineering to start implementation earlier and with fewer blockers.
Acquired First Revenue
The GTM strategy and pricing work contributed to signing the first paying customers for the API Index and validating the product’s market potential.
Learnings & Reflections
Learnings & Reflections
A well‑structured PRD is one of the most powerful UX tools because it aligns the experience, business, and technical constraints.
For complex AI products, UX decisions and product strategy are deeply intertwined—good design is impossible without a clear understanding of the business model and technical capabilities.
