← Index Case 04 / 05 · 2024

Advend.

Client

Advend AI

Services

Web design
Frontend development

Stack

Figma, Next.js, TypeScript, Tailwind CSS, Ant Design

Live

dashboard.advend.co ↗

Advend advertiser stats dashboard in dark and light mode, with spend, return on investment, CTR and conversion cards. — Fig. 01Advertiser stats, dark and light

Overview

A dashboard where site owners manage affiliate links and track how they perform, with a guided tour for new users and light and dark modes matched to the brand.

The client

Advend AI builds AI‑powered live chat that guides site visitors to a site’s best deals, to maximize affiliate revenue.

They needed a modern, easy dashboard for managing affiliate links and reading performance metrics. I designed it in Figma and built it in Next.js.

What I built

AppNext.js and TypeScript dashboard, designed first in Figma
SitesSites table with publish, activate, verify and delete actions
CampaignsCampaign builder form with targeting, budget, card and image upload
StatsKPI cards and trend charts for spend, ROI, CTR and conversions
OnboardingGuided tour plus a copy‑paste tracking snippet with verification
ThemingLight and dark modes built on Tailwind and Ant Design

Advend advertiser stats screen in dark mode. — Fig. 02Dark mode

Start a new campaign form in light and dark mode, with title, domain, country targeting, budget, card and campaign image. — Fig. 03Campaign builder

Onboarding screens: enter your website URL, then copy a code snippet into the site's head tag. — Fig. 04Onboarding

My Advend Sites table with publish ads, activate, instant verification and delete actions, beside the collapsed sidebar. — Fig. 05Sites and verification

Client feedback

Very great and fast designer! Built a beautiful dashboard for my project and couldn’t be happier.

JadenCEO, Advend

Next case · 05 Rderly POS An offline‑capable desktop point of sale for a restaurant group in India and the US. View case study →

Advend.

Let’s talk.