Case study · Vocable

Vocable: designing an AI content marketing platform from zero to MVP

We designed Vocable, an AI content marketing SaaS, from first idea to MVP: one editor for many models, templates and research. Book a free consultation.

Vocable project cover: Vocable: designing an AI content marketing platform from zero to MVP
Vocable: designing an AI content marketing platform from zero to MVP
  • 35%
    increase in overall workflow efficiency
  • 20%
    improvement in content quality and consistency
  • 60+
    surge in the Vocable user base
  • 35+
    increase in content engagement and shares

About Vocable

Vocable is an AI content marketing SaaS that runs a brand's whole content process, from first idea to final optimization, in one web app. It grew out of entrepreneur Iman Oubou's goal of giving creators a single home.

Writers stay in one place instead of hopping between apps, so their energy goes into pieces readers care about.

What we delivered: idea to product, stakeholder interviews, MVP launch strategy, UI and UX design, web app, and product enhancements.

What was slowing content teams down

Content marketers had to ship strong work fast and still hit strategy targets, and three tasks ate most of their week.

  • Trend research could swallow hours before anyone typed the first sentence.
  • Tracking performance meant pulling numbers from many separate tools.
  • Strategy and audience thinking got whatever time was left, which was rarely much.

Vocable had to automate the busywork so writers could get back to stories that move the needle.

How we designed the product

We built Vocable for people first and let AI take the tedious parts, from audits to first drafts. As an MVP design agency, we kept the scope tight around the jobs writers named most often.

Switch AI models inside the editor

Writers can ask for edits or new copy right in the document and swap between OpenAI, Google, Anthropic and Meta models without opening another tab.

Several AI models, one editor

Ideas on demand when writers get stuck

A built-in idea generator takes a short prompt, for example "headlines for a blog post about AI and design", and returns options a writer can use straight away.

Generating headlines and ideas

Screens shaped by what stakeholders told us

We charted the creator's path (planning, drafting, optimizing, publishing) and tied each screen to a pain point from our stakeholder interviews.

A set of Vocable desktop screens covering the dashboard, campaigns, content plan and the scored editor
Vocable desktop screens along the creator journey: dashboard, campaigns, content plan and scored editor

Templates for a faster first draft

Templates are grouped into four tabs (emails, articles, press releases and descriptions). Formats such as a listicle or an opinion editorial mean no one starts from a blank page.

The Vocable template library showing How-to, Listicle and Opinion Editorial cards beneath tabs for Emails, Press release, Articles and Descriptions
Vocable template library with How-to, Listicle and Opinion Editorial formats

Keyword research without leaving the app

The research tool reports keyword difficulty, search volume, results and cost per click. Extra tabs break out top queries, keyword variations and total pages.

Built-in keyword research

What the finished platform does

The finished Vocable product cuts the effort behind every piece of content in three ways.

  • AI handles the heavy lifting in planning and first drafts.
  • A single workspace takes the place of a stack of disconnected tools.
  • Teams co-edit and polish in real time, so drafts get better before they go live.

Each piece takes less time, so teams get hours back for strategy.

On the dashboard, a user sees finished and in-progress documents, live campaigns and the content plan side by side.

The Vocable dashboard listing live campaigns, document counts and the planned content
Vocable dashboard with live campaigns, document counts and planned content

Inside the editor, readability, SEO checks and the content score sit beside the text while teammates edit the same file. Getting this kind of AI-assisted workspace right is the core of our work as an AI UX design agency.

The Vocable editor showing an AI wearables draft, the faces of teammates editing it, and a health panel that scores the document at 72
Vocable AI editor with live teammates and a document health score of 72

The numbers after launch

Content teams got a repeatable way to ship, and the metrics followed.

Vocable results after launch
Metric Result
Overall workflow efficiency +35%
Content quality and consistency +20%
Vocable user base 60+ surge
Content engagement and shares 35+ increase

Ready to launch faster and convert more users?

Send us your project. A design lead reviews it and schedules a call within one business day. We sign an NDA before the first technical discussion if you prefer.