AdTech · 2026 · Lauda Projekt
NatVertise Engage
Cinematic Demo für einen Native-Advertising-Marktplatz mit klarem Split zwischen Advertiser- und Publisher-Flow.
Native AdsMarketplace UXPublisher Monetization
01
Gestaltungsphilosophie
Marktplätze funktionieren nur mit Vertrauen in beide Richtungen. Design muss gleichzeitig Performance für Advertiser und Kontrolle für Publisher kommunizieren.
02
Farbpalette
Obsidian#050505
Mist#EAEAEA
Graphite#171717
03
Typografie
Display-Schrift
Neue Montreal / Serif Italic
Neue
xsAg12px
smAg14px
baseAg16px
lgAg18px
xlAg20px
2xlAg24px
3xlAg30px
4xlAg36px
Fließtext-Schrift
Inter
Inter
xsAg12px
smAg14px
baseAg16px
lgAg18px
xlAg20px
2xlAg24px
3xlAg30px
4xlAg36px
04
Designprinzipien
01
Duale Zielgruppenführung
Die Oberfläche trennt klar zwischen Nachfrage und Inventar. So verstehen beide Seiten sofort ihren Einstiegspunkt und den jeweiligen Wert.
02
Premium-Signal durch Reduktion
Dunkle Bühne, starke Typografie, präzise Highlights. Weniger visuelle Lautstärke erhöht die wahrgenommene Qualität des Inventars.
03
Conversion als Prozess
Nicht ein einzelner CTA, sondern ein klar sequenzierter Ablauf: registrieren, Mix bauen, buchen, ausspielen.
05
UI-Regeln
Card Radius
32px
Section Gap
128px
Motion Curve
cubic-bezier(0.16, 1, 0.3, 1)
style-guide.css
:root {
--nat-bg: #050505;
--nat-ink: #EAEAEA;
--nat-surface: #171717;
}
.hero-kicker {
border: 1px solid color-mix(in srgb, var(--nat-ink) 14%, transparent);
background: color-mix(in srgb, var(--nat-ink) 6%, transparent);
}
.split-card {
border-radius: 32px;
transition: all 700ms cubic-bezier(0.16, 1, 0.3, 1);
}
.cta-pill:hover {
transform: translateY(-1px) scale(1.02);
}