Contenda Generative AI SaaS · Design + React frontend · pre-ChatGPT

How a pre-ChatGPT product partnership helped a generative-AI startup go to market.

Outcome Embedded design + React frontend pod, shipped a GenAI SaaS at production quality before the category had a name. The studio’s earliest AI-product engagement.
Contenda, generative-AI SaaS for content repurposing

Imagine repurposing a two-hour podcast into a week of content, automatically.

Contenda is a generative-AI SaaS for content, long-form videos, podcasts, and webinars in; blog posts, tweet threads, audiograms, and short clips out. The founders were backend & AI wizards with an engine that could process hours of content. They needed a partner who could turn that engine into something everyday marketers could click through, design + React frontend, in one pod. We shipped the product before ChatGPT had a name in the mainstream.

01Strong backend, no frontend. Engineer-founders with a working AI engine. They needed the front of the product to feel just as powerful, complexity translated into one-click simplicity.
02Design + React in one pod. Not two vendors with a Slack air gap. One senior designer, two React engineers, embedded daily with the CTO and AI engineers.
03Pre-ChatGPT. The category didn’t have established UX patterns yet, chat metaphors, prompt templates, autocomplete-as-output. We built around the actual product loop, not the convention that didn’t exist.
Pod 1 + 2 Embedded design + frontend. One senior product designer, two senior React engineers, sitting daily with the CTO.
Stack React.js Frontend ownership end-to-end. API integrations to the async AI backend, real-time updates, frictionless UI.
Timing Pre-GPT Before ChatGPT was mainstream. One of the earliest GenAI products to ship at production quality.
Product SaaS Generative AI for content. Long-form in, blog, tweets, audiograms, short clips out, plus direct publishing.
The story

Backend and AI wizards looking for a frontend partner, before ChatGPT was mainstream.

Contenda was a SaaS product that empowered marketers to resurface, repurpose, repost, and refresh their best content (videos, podcasts, webinars in; blog posts, tweet threads, audiograms, and short clips out). The founders were backend and AI wizards with an engine that could process hours of content. They needed something just as powerful at the front of the product, an experience that could turn complexity into simplicity for everyday users. The ask was three things in one partner: design an intuitive UX from scratch, collaborate as a strategic product partner not just a vendor, and engineer the React.js frontend with seamless API integrations to the AI backend.

We started small. One key flow, a reimagined content repurposing workspace, shipped as a sleek dark-themed prototype within a week. The flow landed and the engagement expanded into the full platform. From there we ran an embedded design and React pod with the CTO, one senior product designer and two senior React engineers sitting daily with the AI engineers, every design decision shipping the same week and every API change reflected in the UX the same sprint. We landed on ContentFlow as the UX vocabulary for the transformation pipeline, then integrated direct publishing APIs to YouTube, Facebook, Spotify, Twitter, Apple and Google Podcasts, Buffer, and more, so the user's journey ran upload to process to generate to publish without leaving Contenda. A content tool that doesn't publish gets abandoned by week three. We made sure this one didn't.

ClientContenda · generative AI for content
RegionUnited States
EngagementEmbedded design plus React frontend pod
StatusLaunched before ChatGPT was mainstream
Chapter 01

The AI Project Workspace.

We kicked off with a sleek, dark-themed UI to match the futuristic, AI-first vibe of the product. From the first click, users land in a personalized workspace that handles content transformation without overwhelming them, multiple projects, each with its own content flows, productive from day one without a setup tour.

app.contenda.io/workspace
Contenda AI Project Workspace, sleek dark-themed UI, personalized workspace post-login, project section for creating and managing multiple content campaigns
Workspace Dark-themed UI · project management · multiple campaigns at once Day-one productive
Chapter 02

ContentFlow: where the magic begins.

A ContentFlow is the UX term we landed on for the transformation pipeline, the core value engine. The user uploads long-form content (a YouTube URL, audio, or video), the backend AI processes it asynchronously, and when results are ready they enter an interface with auto-generated outputs: transcript with speaker tags + timestamps, highlighted moments and suggested clips, AI-written blog drafts, and social-ready content. Modular by design, so a user can manage many flows simultaneously.

app.contenda.io/flow
Contenda ContentFlow, list of all flows in a project, the transformation pipeline UI
ContentFlow The transformation pipeline · the core value engine Upload → process → generate
app.contenda.io/flow/outputs
Contenda ContentFlow output view, full transcript with speaker segmentation, highlighted key moments, suggested clip candidates, AI-written blog drafts and tweet threads
ContentFlow · outputs Transcript with speaker tags · highlights · auto-generated drafts & clips Modular · per-flow
Chapter 03

Auto-generated outputs, blog, tweets, clips.

One upload, a stack of platform-ready outputs: an AI-written blog draft based on the source’s topic and tone (ready to refine, not start), a thread of tweets and one-liners pulled from the strongest moments, and auto-generated short video and audio clips with a trim affordance so the user can adjust boundaries without editing software. The marketer uploads once and walks out with a campaign’s worth of assets.

app.contenda.io/outputs/blog
Contenda AI-generated blog article drafts, written from the source long-form's topic and tone
Blog drafts AI-written from the source’s topic and tone · ready to refine, not start Auto-generated
app.contenda.io/outputs/twitter
Contenda auto-generated tweet threads, one-liners and threads pulled from the strongest moments of the long-form source
Tweet threads Auto-pulled from the strongest moments · threads + one-liners Social-ready
app.contenda.io/outputs/clips
Contenda auto-generated short clips with trim feature, short-form video/audio snippets selected from the long-form, with adjustable boundaries
Short clips Auto-selected highlight moments · trim to adjust boundaries Cross-platform reuse
Chapter 04

Direct publishing & Power Search.

To close the loop, we integrated publishing APIs that let users send content directly to YouTube, Facebook, Spotify, Twitter, Apple & Google Podcasts, Buffer, and more, the journey runs upload → process → generate → publish without ever leaving Contenda. We added Power Search across clips, tweets, blogs, and transcripts so every project and flow containing a keyword surfaces in one query.

app.contenda.io/publish
Contenda direct publishing integrations. YouTube, Facebook, Spotify, Twitter, Apple Podcasts, Google Podcasts, Buffer settings panel
Publishing Direct integrations · YouTube, Facebook, Spotify, X, Apple/Google Podcasts, Buffer Closes the loop
app.contenda.io/search
Contenda Power Search, fast intelligent search across video clips, tweets, blogs, and transcripts; surfaces every project and content flow containing the keyword
Power Search Across clips, tweets, blogs, transcripts · project + flow surfacing Find anywhere
Chapter 05

Conversion-driven landing page.

We didn’t stop at product. We helped design a high-converting landing page, product benefits, use cases, video samples, and visual walk-throughs, built to tell the story in seconds and convert curious visitors into loyal users. The marketing surface of the same brand the product carried.

contenda.io
Contenda marketing landing page, product benefits, use cases, video samples, visual walk-throughs designed to convert visitors
Landing page Benefits · use cases · video samples · visual walk-throughs Conversion-driven
Outcome · ahead of the wave

Before it was trending, we were building it.

Contenda launched long before the world realized the value of generative AI for content repurposing. A scalable SaaS product that empowered content teams to extract a campaign's worth of assets from every long-form upload, design and engineering in one pod, shipped before the category had a name.

Book a free sprint
Pilot week · on us

Backend-strong AI team, no frontend partner? Start with the same free week we ran for Contenda.

Five working days, a senior pod inside your product on a real surface, design + React in one team, sitting daily with your AI engineers. Your roadmap, your IP, your repo. If it doesn’t click, keep every file we ship.

  • Capped at 4 sprints / month
  • No card · NDA on request
Next case study → Case 11 · Elkra · 2024

We design AI to think like a neurosurgeon.

An AI-powered white-label neurology platform, trained Copilot, ambient AI Scribe, unified patient surface. Cluttered MVP to AI-native platform in ~90 days.

~90 days MVP-to-AI revamp
Live White-label-ready
HealthTech · AI · Neurology Read →