ThreeSigmaMedia: Building a Self-Serve Performance Marketing Platform for Affiliate Marketers

Helps marketers compare performance instantly and improve work efficiency
Martech
SaaS Platform
Internal Tool
2022
Role
UI/UX Designer, Project Manager
Team
Myself, CEO, multiple front-end and back-end engineers
Type
0-1, Branding, web app, project management
Duration
2 year
Tools
Sketch

Overview

About ThreeSigmaMedia

ThreeSigmaMedia is an internal performance marketing platform designed to streamline campaign tracking, helping marketers compare performance instantly. It also includes a no-code tool for creating ad click pages without developer support.

My Role

As the sole designer on the project, I was in charge of understanding both the stakeholders’ and the users’ needs, organizing the features, ideating and visualizing the whole platform. As it was developed in an agile style , I had to design and project manage at the same time, playing a big part leading the developers, making technical decisions along the way from 0 to launch.

Impact

• Saved marketers hours by consolidating multi-platform data into instant, one-click reports.
• Freed up developers by allowing marketers to build ad pages within 2 hours without engineering support.

The Problem

Background

Our internal marketers are responsible for launching and managing ad campaigns across platforms like Google Ads and Meta. They compare and monitor key performances metrics and continue to optimize their ads and pages based off of those metrics. Occasionally, they need to make changes to their ad pages, asking help from our developers.

Pain Point 1: Hours spent manually comparing data across platforms using Excel

In order to compare across different platforms, our marketers had to spend significant time gathering and comparing data from multiple platforms through spreadsheets or manual processes.

In order to compare across different platforms, our marketers had to spend significant time gathering and comparing data from multiple platforms through spreadsheets or manual processes.

Pain Point 2: Heavy reliance on engineers for creating ad pages

Heavy reliance on developers for making updates or edits to ad click pages. Includes the change of ads, making updates to the headline etc, slowing down campaign and diverted dev time from higher priority tasks.

Design Solution

After identifying their needs and pain points, I created wireframes and collaborated closely with the team to align on solutions.

1. Instant Cross-Channel Insights

With a single click, marketers can instantly access an overview of campaign performance across multiple platforms. I designed this dashboard with detailed filters to help marketers identify what they want to compare for more informed decisions.

2. Easy Channel Integration and Offline Tracking

To simplify channel integration and offline conversion tracking, I designed a clear experience for marketers to insert tracking snippets on their own. The interface guides users through adding impression, click, and form pixels, making it easy to connect ad platforms and ensure accurate data flow without needing engineering support.

3. No-code Ad Widget Pages Generator

With this feature, marketers are able to create ad pages and set up ad campaign without relying on developers like they used to.  I designed an intuitive no-code interface that lets users build and launch ad pages independently. With clear instructions and setup, marketers were able to upload assets, customize layouts, and embed pages easily.

Below image showcase the page settings along with the corresponding front-end widget ad page. The interface on the left allows the user to create widget pages and set up the display ad settings.

Results

When the product launched, we received many positive feedbacks on how it transformed our marketers’ workflows and saved them significant time. Leading this project from 0-1, I gained deep domain knowledge, learned how APIs work, and collaborated closely with engineers to discuss technical implementation and manage the overall timeline of the project. Ultimately delivered it timely and meeting users' needs.

UI Screens

Design System

For design system, we used Ant Design as base model.
Quick bot creation wizard
Below shows a quick prototype to the flow of the bot creation wizard for a first time user that lands on the landing page. The wizard will end with a sign up screen.

Other Works