Tirth J.

SellerApp

SellerApp · Product Redesign

SellerApp's Ads workspace: a persistent left rail for Home, Product, Ads, Sales, Tools and Dev, a tab row across Overview, Insights, Automation, Campaign Manager, Targets & Search Terms, History and DSP, four KPI cards for ad spend, impressions, ACoS and ad revenue, and a daily ad-spend chart comparing two date ranges.

Introduction

SellerApp's product lived across a dozen tabs. I rebuilt it as a single workspace that covers ads, inventory, listings, and analytics, tuned to the seller's day rather than the data model. A fully responsive, automated design system carried that same logic into a refreshed marketing site and net-new growth assets.

Details

RoleUX Designer II
ClientSellerApp
Year2022 - 2024
Timeline5-6 months
TypeProduct Redesign
Campaign Manager with a bulk-actions bar, a campaign table showing associated rules, serving status, targeting type and daily budget, and a floating ad-revenue trend panel.
Targets and Search Terms: an account search overlay listing product-target campaigns, a negative search terms table with mark-negative controls, and a Move to Manual action on qualifying keywords.

Every answer a seller needed lived somewhere else. Campaign spend in one screen, wasted search terms in another, product and sales health somewhere else again each with its own filters, its own date picker, its own idea of what a campaign was. The data was all there. What was missing was a place to put it.

The rebuild starts from the seller's day rather than the data model. A persistent rail holds the account Home, Product, Ads, Sales, Tools and inside Ads a single row of tabs carries Overview, Insights, Automation, Campaign Manager, Targets & Search Terms, History and DSP. Work stops moving between products and starts moving between tabs that share one account, one date range and one set of numbers across the top.

Ad performance analytics: the four-metric header above a multi-series daily chart plotting ACoS against ad spend, with a radar chart breaking performance into dimensions.
The Automation tab: a rules table listing each rule's type, action, associated source, creation date and enabled status, with money-saved and time-saved cards floating over it.
The marketplace switcher open over a performance page, listing the United States, United Kingdom, Canada, United Arab Emirates, India, Australia, Japan, Mexico and more, with a Manage Marketplace link.
Bulk tooling: a Create and download a custom spreadsheet dialog with date range and exclusion checkboxes, above a drag-and-drop panel for uploading campaign edits back.
Guided callout chips — Save, Visibility, Scale and Organic Growth — sitting beside the negative search term table and the metrics they act on.

Underneath the tabs, one small set of parts does all the work. A four-up metric header that always reads the same way: value, change, and the window it is being compared against. A table that behaves identically whether the rows are campaigns, targets or search terms same column controls, same inline edit, same bulk bar. A rule builder whose rules are named for what they do, Target Harvester, ROI Maximizer, Wasted Click Eliminator, Inventory Refactoring, and which reports back in money and hours saved rather than in events processed.

The heavy jobs got the same treatment. Marketplaces became a switcher rather than a separate login. Bulk work became a spreadsheet you export with the exclusions already ticked and upload back over the same screen. Guidance became a chip attached to the thing it refers to, so the advice sits beside the control that acts on it.

The workspace broken into its parts: bulk upload dialog, performance radar, marketplace list, guided callout chips, action pills and the account sign-in screen.

One vocabulary: switcher, upload, radar, callout, action pill, sign-in.

The sellerapp.com homepage: a Sell Smarter, Scale Faster hero above a bento row of product fragments — brand share chart, multi-channel marketplace map, connections panel, ads-managed figure and a full-funnel bar chart.
The homepage proof block: a stat row beside a customer quote, with award badges and a trusted-by logo wall underneath.

Those parts were then rebuilt as a responsive web kit, so the marketing site could be assembled rather than art-directed page by page. Type scale, spacing, card, tab, stat row, proof block, feature list: one vocabulary, one set of breakpoints, and page templates that hold their shape from a 1440 desktop down to a 414 phone.

It shows in what the public site is made of. The hero is a bento of product fragments rather than a stock illustration. The proof block, the four solution cards and the feature lists are the same components refilled with different content.

The homepage at a 414 pixel viewport: stacked hero, wrapped headline, full-width buttons and the stat row reflowed to three narrow columns.

The same page at 414px.

Homepage feature section pairing four capability lines — one dashboard, ad automation, reporting, bottom-line tracking — with two device compositions.
The solutions section: four bordered cards for DIY Self Serve, Agency Platform, Managed Services and Enterprise Solution.
The Amazon PPC tool page built from the same kit: centred hero, two-button call to action, and the ads workspace framed in a browser shell below.

The workspace is in production. The ads overview, the automation layer, the marketplace switcher and the bulk tooling all ship in the live product, and the same component set carries the public site from the homepage down to a single tool page.

The test of a system like this is never the first screen it makes it's the tenth. A new tool page is now an arrangement of parts that already exist, which is the entire reason to build the parts first.