Empowering Teams with Agentic Tooling

Summary

I led the design of StationOne, an enterprise-grade desktop hub for centralizing LLM connectivity, custom agent creation, and workflow orchestration. The project also served as a model for how Kochava could integrate AI into product development, using generative tools to accelerate design, code, and documentation across the board.

Client: Kochava

Role: Lead Product Designer

Timeline: 2025-2026

Impact: Defined a new product category

Opportunity

AI adoption is accelerating, but practical accessibility remains a barrier. The proliferation of SaaS tools, large language models, and custom workflows has fragmented the digital work environment, forcing knowledge workers to operate across multiple disconnected systems.

Kochava saw an opportunity to create a dedicated command center for the modern enterprise; one that lets users deploy and manage AI agents as a seamless extension of their existing workflows.

Research & Discovery

We kicked off with cross-functional brainstorming sessions to align on vision and high-level architecture. To make the concept tangible, I built an interactive high-fidelity prototype in Figma, which leadership used as a storytelling tool with stakeholders and prospective customers.

Within a few weeks, we had a functional prototype running with our internal Customer Success and Marketing teams, giving us a live environment to observe real-world friction points.

Critical Design Decisions

Onboarding the Uninitiated

Agentic tooling introduces mental models like loops, tool-calling, and reasoning steps that are unfamiliar to most users. I grounded the onboarding strategy in four principles:

  • Assume zero prior exposure to agentic frameworks.
  • Focus on the "Aha!" moment through proper configuration.
  • Design for both solo users and enterprise teams.
  • Support a multi-session learning curve rather than a one-time information dump.

Iteration & Refinement

Early onboarding iterations fell flat. I ran the requirements, context, and constraints through Figma Make and v0 to generate alternative solutions, and asked Claude to critique the original designs. Drawing on those suggestions and internal stakeholder feedback, we replaced a linear tutorial with a Personal Workspace Landing Page where users could onboard at their own pace.

  • Less critical onboarding tasks were deferred until users had experienced the full product environment.
  • Every StationOne account includes a personal workspace with its own landing page. We directed first-time users here, positioning it as the “command center” for onboarding. This gave users a more memorable, accessible space to learn the product, discover features, and experiment with AI tools.
  • An optional guided tour of the StationOne interface was introduced during users' first visit to their personal workspace.

Takeaways

Our onboarding struggled because the MVP was too ambitious and we were trying to teach away product complexity. AI-assisted development let us build features so fast we lost sight of whether they were all necessary. That forced us to realign on feature prioritization.

We had many promising ideas we wanted to explore. Instead of prioritizing them carefully, we allowed too many to enter the first iteration. AI-assisted workflows make it easier than ever to ship new features, but that doesn't mean we should.

Onboarding Checklist
Setup Complete

Democratizing Agent Construction

Agent building introduces concepts like loops, tool-calling, and reasoning steps that are foreign to most users. Many popular agentic tools rely on an open, node-based canvas with drag-and-drop workflow building, which I intentionally avoided. While flexible, canvas interfaces tend to introduce physical effort and accessibility hurdles that can intimidate users.

The Solution

We took a hybrid path, offering two approaches to match different user preferences and comfort levels:

  • For users who prefer precision, a guided wizard with stacked workflow blocks provided a linear, logical flow with granular control over prompts and tool-calling.
  • To lower the barrier further, a natural language interface let users describe a goal and have the system generate a draft configuration.

Taming Chat Complexity

Many of StationOne's tools work in tandem with chat to create a force multiplier. But the convergence of all these tools in one place created confusion about which tools were applied and how to use them together effectively.

My approach

The challenge was to organize a dense feature set into something intuitive and accessible. Through iterative prototyping, I kept a few core principles in focus:

  • Users should always know which tools and models are currently active.
  • Tools organized by category should be easy to browse.
  • Adding or removing multiple tools should happen in a single flow.
  • Users should be able to activate a new tool directly from chat without switching context.
  • The UI must scale gracefully to handle complex multi-tool configurations.

Outcome

Post-launch qualitative feedback confirmed significant improvement in visual hierarchy and state awareness. While the changes smoothed out the mechanical friction of the chat UI, they also surfaced a deeper opportunity; helping users predict how specific tool combinations will drive better outcomes.

Chat input states
Chat menus

Impact & Results

StationOne is a [desktop application](https://stationone.ai/) that reimagines how professionals interact with AI. It's currently in private beta and available to select users by invitation. We continuously monitor adoption metrics, including daily active users, individual feature adoption rates, and time on task, and collect feedback from users and support tickets to guide improvements.

The StationOne team's approach to integrating AI into product development became a model for the broader organization, ultimately sparking a company-wide initiative to overhaul the entire SDLC.

Project Workflow

Discovery

1

Collaborate on backlog refinement based on incoming product feedback.

2

Brainstorming session with product and dev stakeholders.

Spec

3

Clean and consolidate notes; give to Claude to generate an initial PRD/design spec.

Ideation

4

Use context from PRD to generate ideas; Figma Make, v0, Lovable, etc.

5

Fold good ideas back into Figma designs.

6

Prepare for handoff; Claude runs design critique (command); checks for inconsistencies.

Build

7

Ask Claude to build the page/flow/component (Figma MCP / Figma Console MCP / custom guardrails).

8

Iterate with Claude to fix bugs/inconsistencies or adjust code by hand.

9

Execute Playwright tests.

Ship

10

Pull request & code review.

11

Update product documentation (add Figma links, etc).