Web / AI Agent SaaSPrototype

FinGTM Agent

A full-stack AI agent workspace that transforms a 16-field B2B FinTech product brief into a structured GTM strategy, sales assets, market context, and launch plan.

Visit live site ->

Details

Surface
Web app / AI SaaS dashboard
Role
Product Designer / Full-stack Builder
Timeline
Portfolio AI product project
Scope
AI Agent Workflow, 16-field Product Brief, GTM Report UX, Market Data Enrichment, Guardrails, Copy/Download UX
Tools
Next.js 14, TypeScript, Tailwind CSS, FastAPI, DeepSeek V3, OpenAI Agents SDK, yfinance, FRED API, Recharts

Final UI / Prototype Screens

fingtm-agent Homepage workspace
fingtm-agent Generated GTM output

Context

FinGTM Agent is a full-stack AI agent application for early-stage B2B SaaS FinTech founders, product marketers, SDRs, and BDR teams. Users fill in one structured product brief and receive a deployment-ready GTM and sales enablement pack in minutes.

Problem

  • Early-stage FinTech teams often spend weeks creating positioning, ICP, outbound copy, discovery scripts, pricing, and launch plans manually.
  • Generic AI writing tools do not understand B2B enterprise selling mechanics such as buying committees, procurement friction, security review, and stage-specific messaging.
  • Long AI text outputs are hard to scan, copy, validate, and turn into working sales assets.
  • FinTech messaging needs guardrails to avoid unsupported revenue claims, fake certifications, or unsafe compliance wording.

Design Goal

  • Turn one 16-field product brief into a structured 16-section GTM report.
  • Make the workspace feel like a professional SaaS tool, not a chatbot.
  • Keep recommended actions, FinTech guardrails, KPI readiness, and generated report sections visible and actionable.
  • Use market data enrichment to make output more grounded than a generic strategy template.
  • Support copy-ready and download-ready outputs for real GTM workflows.

Key Features

  • 16 GTM sections including positioning, ICP, buyer personas, pricing, outreach, discovery questions, objection handling, and a 30/60/90-day launch plan
  • Stripe-style SaaS workspace with sidebar navigation, KPI status cards, product input form, next actions, and guardrails panels
  • DeepSeek-powered FastAPI backend with function calling tools for company financials, macro context, and competitor identification
  • Live market data enrichment through yfinance and FRED API, with competitor radar chart, TAM/SAM/SOM funnel, and macro badges
  • Structured JSON extraction using typed Pydantic models for market size, competitor tables, and executive summary data
  • Section-level copy, full Markdown download, sample PayFlow AI data, error states, and API key isolation in the backend

Outcome / Reflection

FinGTM Agent helped me understand that AI product design is a systems problem: the interface, prompt structure, typed outputs, tool calls, guardrails, and export workflow all shape whether AI output becomes useful. The strongest design decision was treating the agent as a structured workspace rather than a blank chat box.

Design Process

1. Problem Framing2. B2B GTM Logic Mapping3. 16-field Brief Design4. Agent Prompt + Tool Schema5. Structured Output Modeling6. SaaS Workspace UI7. Market Data Visualization8. Guardrail UX9. Copy + Download Flow10. Iteration