ContendaGenerative AI SaaS · Design + React frontend · pre-ChatGPT

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

OutcomeEmbedded 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.
Pod1 + 2Embedded design + frontend. One senior product designer, two senior React engineers, sitting daily with the CTO.
StackReact.jsFrontend ownership end-to-end. API integrations to the async AI backend, real-time updates, frictionless UI.
TimingPre-GPTBefore ChatGPT was mainstream. One of the earliest GenAI products to ship at production quality.
ProductSaaSGenerative 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.

Contenda AI Project Workspace, sleek dark-themed UI, personalized workspace post-login, project section for creating and managing multiple content campaigns
WorkspaceDark-themed UI · project management · multiple campaigns at onceDay-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.

Contenda ContentFlow, list of all flows in a project, the transformation pipeline UI
ContentFlowThe transformation pipeline · the core value engineUpload → process → generate
Contenda ContentFlow output view, full transcript with speaker segmentation, highlighted key moments, suggested clip candidates, AI-written blog drafts and tweet threads
ContentFlow · outputsTranscript with speaker tags · highlights · auto-generated drafts & clipsModular · 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.

Contenda AI-generated blog article drafts, written from the source long-form's topic and tone
Blog draftsAI-written from the source’s topic and tone · ready to refine, not startAuto-generated
Contenda auto-generated tweet threads, one-liners and threads pulled from the strongest moments of the long-form source
Tweet threadsAuto-pulled from the strongest moments · threads + one-linersSocial-ready
Contenda auto-generated short clips with trim feature, short-form video/audio snippets selected from the long-form, with adjustable boundaries
Short clipsAuto-selected highlight moments · trim to adjust boundariesCross-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.

Contenda direct publishing integrations. YouTube, Facebook, Spotify, Twitter, Apple Podcasts, Google Podcasts, Buffer settings panel
PublishingDirect integrations · YouTube, Facebook, Spotify, X, Apple/Google Podcasts, BufferCloses the loop
Contenda Power Search, fast intelligent search across video clips, tweets, blogs, and transcripts; surfaces every project and content flow containing the keyword
Power SearchAcross clips, tweets, blogs, transcripts · project + flow surfacingFind 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 marketing landing page, product benefits, use cases, video samples, visual walk-throughs designed to convert visitors
Landing pageBenefits · use cases · video samples · visual walk-throughsConversion-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
Replies within one business day

Design the product users keep coming back to.

Tell us what you’re shipping and we’ll get back with a scoped sprint.

Book a free sprint
Get Started