Skip to content
Designer & vibe coder

Roas Agents

Brand identity, website and admin panel for Roas Agents, an AI-powered performance marketing platform where AI agents watch the ad accounts and human experts make the call.

Client
Roas Agents
Agency
Astro Dijital
Services
BrandingWebsiteAdmin Dashboard
Technology
Next.jsReactTypeScriptTailwind CSSPostgreSQLPrismaRedisAnthropic APIDockerClaude Code
roasagents.com
Live website — scroll inside to explore

The product

Roas Agents is a performance marketing platform with a simple idea: AI agents monitor Meta and Google ad accounts around the clock, and senior human experts turn those signals into decisions.

My role

I owned the whole visual side of the product: the brand identity, the marketing website and the admin panel the team uses to run the platform.

The challenge

Make an AI-heavy product feel calm and trustworthy, and explain a two-layer system, agents and humans, in a few seconds.

Brand identity

The name carries the metric every advertiser watches: ROAS. The wordmark turns the A into an upward arrow, a quiet nod to return on ad spend, and pairs it with the “agents & human” line that sums up the whole product.

  • Wordmark & arrow mark
  • Light and dark versions
  • Monochrome palette with signal colours
  • Typography system
Roas Agents logo with the “agents & human” line
Roas Agents arrow mark, white on black

A monochrome foundation

  • Ink#0A0A0A
  • White#FFFFFF
  • Soft white#F3F3F1
  • Grey#6B6B6B

UI status accents

Active #16A34A

Attention #F59E0B

Alert #EA580C

Typography

Plus Jakarta Sans

  • Regular
  • Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789abcdefghijklmnopqrstuvwxyz 0123456789abcdefghijklmnopqrstuvwxyz 0123456789

Icons

  • Activity
  • Wallet
  • Target
  • Megaphone
  • File image
  • Chart column
  • Database
  • Users
  • Bell
  • Layers
  • Shield check
  • Arrow right

Website

A single long page that tells the story in order: the problem advertisers recognise, how agents and experts split the work, the five steps from data to action, and what the client gets. Black and light sections alternate to separate the machine side from the human side.

  • Information architecture & copy flow
  • Desktop and mobile design
  • Interactive scroll scenes
  • English & Turkish
Roas Agents homepage hero, “Agents & Human”
Mobile homepage
Section explaining the signal, operating and decision layers
Mobile “Sound familiar?” section
From data to action in five steps
Mobile AI agents section
AI agents section with live agent output
Benefits grid

Admin panel

Behind the website sits the platform admin, where the Roas team manages every client workspace, domain, billing plan and agent. I designed it with the same calm language as the brand, so dense data stays easy to scan.

  • Workspace & client management
  • Agent and billing controls
  • Tables, forms and empty states
admin.roasagents.com
Campaigns screen with spend, conversions and status per campaign
Campaigns screen with spend, conversions and status per campaign
admin.roasagents.com
Leads screen with status filters and the lead table
Leads screen with status filters and the lead table

Inside the dashboard

Everything the team sees, decides and tracks in one place

Monitor

  • 01Real-time performance dashboard
  • 02Meta, Google and other ad account performance
  • 03ROAS, CPA, spend and budget tracking
  • 04System status per client and account
  • 05Connected data sources and integrations

AI signals

  • 06Signals and alerts from AI agents
  • 07Anomaly detection
  • 08Creative performance and fatigue analysis
  • 09Opportunity detection
  • 10Budget allocation and budget suggestions
  • 11A/B test and optimisation suggestions

Human decision

  • 12Approve / Reject flow for AI-suggested actions
  • 13Notes showing which expert took which action

History & reports

  • 14History of every action taken
  • 15Test and optimisation history
  • 16Weekly and monthly reports
  • 17Agent activity and trace history

Next project

JerrushkaE-commerce (Shopify), AI Modelling & Social Media
Jerrushka cover image