UI/UX Design — iRaven

Live Platform Demo

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

Fully interactive — click buttons, navigate sections, and explore the complete UI

Key screens and features of the iRaven platform design.

Real-Time Dashboard
KPI cards with animated counters, live trend feeds with FOMO scoring, and cross-platform performance at a glance.

Campaign Builder
5-step visual builder with template selection, AI content generation, FOMO configuration sliders, and live mobile preview.

FOMO Engine
Urgency and scarcity sliders, countdown timers, social proof counters, and limited stock alerts — all configurable.

Analytics Suite
Platform breakdown with visual bars, engagement metrics, mini bar charts, and audience demographics 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, platform selection chips, and plan selection with pricing cards.

The philosophy behind every pixel of the iRaven interface.

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

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

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

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

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

Magenta

#E42EB1

Mustard

#FCC900

Indigo

#392EB1

Charcoal

#0A0A0F

Surface

#111118

Text

#F0F0F5

Two typefaces, one bold voice.

Display / H1

Halenoir Bold

Headings

Halenoir Bold 700

Subheadings

Halenoir Regular 400

Body

Sequel Sans Book — The quick brown fox jumps over the lazy dog.

Semi Bold

Sequel Sans Semi Bold — Buttons, labels, emphasis

Small / Labels

Sequel Sans Light — Labels & captions