Product screenshot of ai-powered content creation tool

AI-Enhanced Content Hub for Creators

Streamlining Content Creation with AI & Smart Storage

2023-2024 SaaS Web App Product Design

This project focused on designing an AI-powered content creation and storage platform for a web development client serving small and medium-sized businesses (SMBs). The platform aimed to streamline content production by combining generative AI with a structured content library—enabling users to create, reuse, and refine marketing assets with minimal effort.

I led the UX/UI design over a fast-paced one-month timeline, collaborating closely with a distributed team across South Africa, India, and the US to define core functionality, simplify complex workflows, and deliver a design ready for development. stream.


The Problem

High-Quality Content Requires Time and Money

Small and medium-sized businesses (SMBs) often struggle to create consistent, high-quality marketing content. Without dedicated content teams or large budgets, they rely on scattered tools, recycled assets, and manual effort—resulting in disjointed messaging and slow turnaround times.

The client saw an opportunity to solve these pain points by building a smart, centralized platform powered by AI—but it had to be intuitive, cost-effective, and able to scale quickly.


Users + Use Cases

Supporting SMB Owners and Marketers

Our primary users are time-strapped small and mid-sized business (SMB) owners and marketers who need to create consistent, high-quality content without large teams or budgets.

The tool also supports internal SMB teams—such as marketing, sales, and communications—who need to manage brand assets, maintain a unified voice, and coordinate campaigns efficiently.

Core Use Cases Key Challenges to Address
Generate on-brand marketing content using AI and stored brand references. Content scattered across emails, documents, and cloud storage.
Rewrite or improve existing copy instantly. No central location for storing and reusing past work.
Organize and tag content assets for easy reuse and brand consistency. Inconsistent tone and branding across outputs.
Jump-start content creation with ready-to-use templates. Limited time and resources for producing content.

Discovery + Planning

Refining Project Requirements Through Intervierws & Workshops

I facilitated remote discovery sessions to align the team on both business objectives and user priorities. Through stakeholder interviews and collaborative workshops, we clarified the product vision and mapped out success criteria. This process surfaced our primary audience: overwhelmed small and mid-sized business owners seeking an affordable way to create professional, on-brand content without adding to their workload.

Create a scalable platform that enables SMBs to generate quality content.

Key business goals

  • Enable AI-powered content creation using internal data
  • Support new revenue generation
  • Compete on price with existing AI tools
  • Serve as both client-facing and internal CMS

Technical + Market Research

Screenshot of researching Grammarly

Competitor Analysis

To ground our solution, I researched platforms combining AI with content creation and file storage, such as:

  • Speechform, Grammarly, Jasper, Narrato, Copy.ai
  • CMS models like WordPress, CMS Hub, Shopify
  • Storage UX from Google Drive, Dropbox
Screenshot of researching Navaro

This research clarified where our product could stand in the market and which UX patterns were worth adopting or avoiding. It also revealed effective design approaches used by competitors, giving me clear direction for positioning our product and shaping its user experience.


The Solution

A Unified Hub for Content Creation & Management

We designed a single platform that combines AI-powered writing tools with an organized content library, designed specifically to fit the workflows and constraints of small and mid-sized businesses.

Key features included:

  • A guided, template-based flow to generate content fast
  • AI tools that rewrite and improve content with one click
  • A reference system to pull in brand-specific data and past assets
  • A clean, minimal UI that reduced friction and cognitive load
  • A flexible system architecture that supported future growth

By centering the experience around how SMBs actually think and work, we delivered a tool that helps teams move faster while staying on brand—without needing technical or creative expertise.


DESIGN PROCESS

Aligning System Architecture & Mental Models

I developed system architecture diagrams to clarify features and information structure. Early questions we tackled included:

  • Should users organize files in folders or tags?
  • What naming conventions feel intuitive?
  • How should stored references be reused in new content?

We analyzed solutions like Adobe Express to refine taxonomy, terminology, and microcopy.

Screenshot of researching Adobe Express taxonomy
Image displaying the a sitemap idea

Wireframes & Walkthroughs

With our structure defined, I sketched interaction ideas across key flows like:

  • Creating new content
  • Selecting templates
  • Referencing stored data
  • Editing with AI assistance
Sketched wireframes for each main section

Testing Concepts

We tested these flows with lo-fidelity prototypes using real user stories. We also brainstormed terminology and tone to maintain consistency across the UI.

Sketched wireframes for the steps invloved in creating new content
Sketched wireframe for the dashboard

Developers participated in design reviews, providing feedback that helped streamline the MVP scope.

A collection of the lo-fi wireframes that were created

UI + VISUAL DESIGN

A Strategic Design Approach

I applied a minimalist design language focused on clarity, responsiveness, and speed. With no brand guide yet in place, I prioritized usability and scalability over aesthetics.

Product screenshot for the user dashboard

Start a New Document or Use a Template

Easily initiate content creation or speed up writing with structured templates.

Describe your Topic to AI

Provide a short prompt so the AI Helper can generate content tailored to your goals.

Product screenshot for creating a new document
Product screenshot selecting information references

Reference your Own Content Library

Users can pull in relevant internal content to maintain voice, facts, or past themes.

Fine-Tune in the Document Builder

Personalize and adapt content, choose tone, and inject your insights.

Product screenshot for selecting text to rewrite
Product screenshot for clicking through various rewrite options

Rewrite Sections with a Single Click

Instantly improve or rephrase content using AI-suggested alternatives.


handoff

Smooth Handoff to Developers

I delivered interactive XD prototypes with:

  • Reusable components
  • Export-ready assets
  • Annotations for animation and transitions
  • Clear task flows based on user stories

This helped developers understand not just how the product looked—but how it worked.


TAKEAWAY

Mental Models are Key

The biggest challenge wasn't layout or visuals—it was taxonomy. We spent considerable time aligning folder structures, naming conventions, and terminology with user expectations.

While I handed the project over after design, I'm confident the final product will help SMBs create high-quality content with ease.

Bringing Your Product Vision to Life

Ready to create something amazing together? Let's get started.

Get in touch Get in touch