Platform Design System SaaS

Tatheer

2026 · Fieldnote

A redesigned landing page, a modernized advertiser dashboard, and the design system that ties them together — built to turn a fast-growing creator/advertiser platform's six inconsistent surfaces into one coherent product.

Overview

Tatheer connects advertisers with creators. Its landing page, advertiser dashboard, and influencer-facing tools had each been designed separately over several years, and it showed — inconsistent components, a conversion rate behind newer competitors.

Problem

Six product surfaces, six slightly different visual languages. New advertisers bounced off a dated landing page before reaching the dashboard, and the team rebuilt the same components from scratch in every surface.

Goals

Ship a landing page that actually converts, modernize the advertiser dashboard's day-to-day workflows, and build a design system the whole team could adopt — not just a style guide nobody opens.

My Role

Product Designer, Fieldnote — owned the landing page redesign and the design system end-to-end, and partnered with the product team on advertiser dashboard and influencer platform UX.

Process

Auditing before designing anything new.

Two weeks auditing every button, card, and table across six surfaces — before designing anything new.

  • 140+ existing patterns catalogued down to 30 core components.

  • Landing page tested against five sequential variants.

  • Paired with engineers so code and Figma shipped together.

  • Ran an adoption workshop instead of just shipping docs.

Design System

Thirty components, one source of truth.

One type scale, an 8px grid, one color system — a brand update now touches one file, not six.

Primary
Accent
Ink
Surface
Success
Key UI Screens

Where the redesign shows up most.

UX Decisions

Small calls that added up.

  • Hero leads with one outcome, not a feature list.

  • Dashboard tables share one row and filter pattern.

  • Component usage guidance lives right in Figma.

  • Onboarding cut from seven screens to three.

Gallery

A closer look.