UI/UX Design

Explore the iRaven platform interface — an interactive demo of our AI-powered ephemeral content management system.

Live Platform Demo

This is an interactive design prototype demonstrating the intended user experience. Backend AI capabilities are in development.

Click through the full iRaven portal below. Sign in, explore the dashboard, campaign builder, analytics, and more.

app.iraven.co.uk
Interactive
Fully interactive — click buttons, navigate sections, and explore the complete UI

Interface Highlights

Key screens and features of the iRaven platform design.

Performance Dashboard
KPI cards with animated counters, public-signal trend feeds with compliance scoring, and self-reported performance benchmarks at a glance.
Campaign Builder
5-step visual builder with template selection, AI content generation, compliance-scored urgency controls, and live mobile preview.
Compliance Engine
Urgency and scarcity controls with live compliance scoring. Countdown timers, social proof and stock claims are validated against advertising rules as you configure them, and non-compliant setups are blocked before generation.
Analytics Suite
Campaign breakdown with visual bars, self-reported engagement metrics, mini bar charts, and audience profile inputs with age distribution.
Admin Panel
Super admin view with user management table, revenue tracking, system KPIs, and account status controls.
Onboarding Flow
4-step guided registration with company details, content focus selection chips, and plan selection.

Design Principles

The philosophy behind every pixel of the iRaven interface.

Speed First

Every interaction is designed for immediacy. Ephemeral content waits for no one.

Clarity Over Clutter

Clean dark surfaces, purposeful data hierarchy, and bold typography guide every decision.

Delightful Details

Micro-interactions, gradient glows, and subtle animations that make the platform feel alive.

Universal Access

Responsive, accessible, and performant across every device and screen size.

Colour Palette

The iRaven brand colour system — bold, vibrant, and unmistakable.

Magenta
#E42EB1
Mustard
#FCC900
Indigo
#392EB1
Charcoal
#0A0A0F
Surface
#111118
Text
#F0F0F5

Typography

Two typefaces, one bold voice.

Display / H1
Poppins Bold
Headings
Poppins Bold 700
Subheadings
Poppins Regular 400
Body
Axiforma Book — The quick brown fox jumps over the lazy dog.
Semi Bold
Axiforma Semi Bold — Buttons, labels, emphasis
Small / Labels
Axiforma Light — Labels & captions