Outbrain Editorial - Front Page Report

Role: UX Design, Visual Design

portfolio

The Front Page Report allows editors to see how their homepage is performing, compare story performance to historical click-through rate, and conduct headline A/B tests.

This project was a complete redesign of an existing platform. The project was a visual re-brand that aimed to improve overall legibility of information, while also moving the platform to updated backend technology.

portfolio

Original editorial UI

portfolio

Sketches

portfolio

With headline test

portfolio

Headline testing

Outbrain Editorial - Content Report

Role: Information Architecture, Interaction Design, Visual Design

portfolio

Visual Revenue is a dashboard that shows editors how their website content is performing, and how it is projected to perform, given its layout placement on the website.

This dashboard shows editors how content is performing across their entire site. Users can view performance across filters like by category, media type, device, author, and traffic source. This project was a complete redesign of an existing platform.

portfolio

Sketches, Content filter interaction

portfolio

Content Overview page

portfolio

Content Individual page

Outbrain Product Design Style Guide

All of the designers at Outbrain work on different products, so it quickly became important to create a shared style guide for overall visual consistency. The product style guide I built started out as simply a UI kit file that I could hand over to developers with each project.

However, to sell the importance of the style guide in overall brand and product consistency to more and more stakeholders, our UXD team realized that we had to also write about who the style guide would benefit, and why it was a worthy thing to have. I helped write the style guide mission statement, values, metrics, and goals.

portfolio

Visual Revenue - Pool Management

A significant amount of users of our editorial dashboard use it for content management. Editors use VR to organize articles into “pools” that then show up in specific areas on their webpage (example: “sidebar” or “footer”.) Many editors found the original existing Pool product to be difficult to navigate, unreliable (sometimes adding content would work, sometimes it wouldn’t), and confusing.

The new design aimed to fix this, while keeping the elements of the UI that users found vital: making it easy to scan through stories, showing article thumbnails (so that editors could make sure nothing repeated), and making it easy to add/remove from the pool.

portfolio
portfolio
portfolio

Adding a manual URL

Project Credits

Ryan Schultz - Product Manager
Cody Nicholson, Chris Occhipinti, Dafna Gidony, Devin Cooper - Front-end Engineering
Savitha Pal - Color Palette