Marketly

A campaign manager for media buyers. Every campaign's live ads, bid and daily budget sit in one table, with the budget in an editable field right in the row.

Product design

CampaignsDesign file

At a glance

41screens and states

6filters, each kept as a chip

5campaign ages in one report

3platforms, one entry page

The idea

Marketly is my own product: a place to run paid ad campaigns and read what they return. I designed all of it, from the log-in to the reports.

A buyer spends the day in one screen, the campaigns table, so that screen carries most of the design. The campaign pages, the reports and the notifications all open from it.

The problem it solves

What the first screen has to answer

What is live

Each campaign shows how many of its ads are running, 1/3 or 0/3, in green or red.

What it costs

Bid and daily budget sit in the row, and the budget is an editable field.

What needs a decision

Rejected ad groups and low budgets arrive as a banner over the table, then wait on their own page.

What I designed

The campaigns table

Status comes first in every row, as a count of live ads and a colour, because it is the column a buyer scans. The totals sit in the first row, so the sums stay in view on every page. Columns can be dragged and sorted, and Manage columns hides the ones you don't use, apart from Status and Site, which stay locked.

Edit and Show report stay grey until a campaign is selected. Select one and Edit opens Daily Budget and Bid, with Launch and Stop beside them.

The Edit campaign dialog over the blurred campaigns table, listing Daily Budget and Bid, with a green Launch button and a red Stop button — Two settings, and the two actions that start or stop the spend.

Six filters narrow the list: feed, source, category, vertical, country and language. Once applied they stay above the table as chips, and the Filters button carries a count, so a filtered table is never mistaken for the whole list.

The campaigns table with two chips above it, Feed: From database and Category: Automotive, and a badge reading 2 on the Filters button — Each applied filter stays above the table as a chip, and the badge on Filters counts them.

One campaign, three views

A campaign opens on three tabs. Campaign information shows its settings as chips, performance split by audience, and a daily table.

A campaign page with a status strip, six setting chips, an area chart comparing women and men over a week, and a daily table with Yesterday, So far today and a bold Total row above the individual days — Yesterday and so far today sit above the total, as the rows read first. So far today shows a dash where a figure isn't in yet.

Included ads lists every ad in the campaign with its creative, whether it is running, its budget and what it has returned.

The Included ads tab: three ads, each with a creative thumbnail and name, a green Running or red Stopped status, budget, visits, clicks, average CPC, ROI and estimated profit — Each ad with its creative beside it, so a buyer knows which one they are looking at before reading its numbers.

The third tab, Ad groups, is where the design changed most. More on that below.

Reports by campaign age

Next to the usual date ranges, the picker has one preset made for this job: day 1, 3, 7, 14 and 30. Pick it and the report returns one row per age, so campaigns can be compared at the same point in their life. A later version gathered the ranges into Pending and Latest tabs, with six presets from today to the last 30 days.

The lower half of the date picker, with a radio pair under Quick actions reading Last 7 days and Day 1, 3, 7, 14 and 30, and Clear and Confirm buttons — Last 7 days, and the preset that builds a report by campaign age.

Quick actions with Pending and Latest tabs, and six presets: Today, Yesterday, Last 3 days, Last 7 days, Last 14 days and Last 30 days — The ranges grouped under two tabs, with today and yesterday added.

A report stacking three campaigns, each with its own status strip and a table with a Day column reading 1, 3, 7, 14 and 30 — Several campaigns in one report, each in its own block with its own bid, budget and live ads.

Notifications

Three kinds of message reach a buyer: an ad group fully rejected, one partly rejected, and a low budget. A new one lands as a banner over the campaigns table and a count on the bell, then stays on the Notifications page. A rejection card's menu goes to the campaign, marks it unread, or deletes the rejected ad or ad group without leaving the page.

Getting in

The entry page asks which of three platforms you want, Employee Management, Application Backoffice or Admin Panel, and each has its own log-in. A wrong password puts Forgotten password right beside the error. Report a problem sits on the log-in page itself and takes a screenshot or a document, so someone who is locked out can still show support what they see.

The Forgotten password dialog asking for the email used to log in, with Cancel and Send — One field, and the dialog says what will arrive.

Set your new password, with both fields filled, all five rules shown in green (12 characters, an uppercase, a lowercase, a number and a special character) and an active Send button — Each rule turns green once it is met, and Send only turns purple when all five are.

One decision I changed

The first version of the Ad groups tab: Ad group 1 fully expanded with its status strip, setting chips and the top of its chart, filling the screen — Before: one group fills the screen, and the others are a long scroll away.

The second version of the Ad groups tab: three collapsed rows, each with Delete, feed, source, category and live-ad status, and an Expand all groups control — After: three groups in one glance, each opened on demand.

Where it stands

Marketly shipped in 2023. The screens here are the Figma files, with placeholder campaigns and figures.

Availability

Taking on freelance projects
Replies within 1–2 days

Location

Remote · Bulgaria
Local time --:--

Need a product like this designed?

Start a project →radostinarmenov@gmail.com

The first call

Free, and commits you to nothing

Elsewhere