Product Design of a Suite of AI Tools for Publishers

Nota is an AI-enabled SaaS company leveling the journalism playing field by making the publishing process accessible for all newsrooms. On the brink of its Beta launch Nota reached out looking to solidify a strong foundation for its products.

To align stakeholders, developers, and other designers, I divided Nota's products into reusable sections, or "blocks." This created a shared language everyone could use– making communication about products easier.

This top-level framework also gave structure to the development of future products.

After defining the big picture, I set out to create the rudimentary components that make up each page. I pride myself on making design systems that balance simplicity, intentionality, and flexibility.

I used the new design system to define a set of cross-product templated pages, lending even more consistency to the product ecosystem.

1. Side Navigation: used to navigate from product to product

2. Action Bar: houses the main, overarching buttons that apply to the whole page

3. Main Content: where the bulk of editing takes place

4. Output Panel: holds parameters that affect the final output of the page

SUM is a time-saving tool for editorial, marketing, and content teams that generate headlines, summaries, top quotes, key points, SEO keywords, and categories. I designed a card-based UI that makes it easy for users to use the generated content.

VID generates text and imagery, allowing users to create multi-purpose videos. I leveraged the positives and negatives of comparative and competitive tools to enhance the product's user experience.

The newsletter pulls from SUM's technology to generate emails from multiple content sources. As the third product, I designed the suite and followed existing patterns set out by SUM and VID, as users were already familiar with those blueprints.