/ Fotografie · Art Direction · Web2026

YOKAI

Eine atmosphärische Portfolio- und Leistungswebsite für die Zagreber Eventfotografin Ivana Radić, aufgebaut um die Energie lebendiger Räume.

YOKAI übersetzt das Gefühl von Konzert, Clubnacht oder Kulturveranstaltung in eine fokussierte digitale Identität — filmisch genug für die Arbeit und praktisch genug für reale Kundenentscheidungen.

Herausforderung

Die Website sollte Spannung, Farbe und Bewegung der Low-Light-Fotografie bewahren und zugleich Leistungen, ausgewählte Arbeiten und den Anfrageweg sofort verständlich machen. Bildreiche Seiten mussten schnell und barrierearm bleiben.

Ansatz

Vollformatige Bilder und zurückhaltende Typografie setzen die visuelle Stimme. Eigene Wege für Events, Musik und Nachtleben sowie Marken und Kultur schaffen kommerzielle Klarheit. Ausgewählte Arbeiten, die Seite über Ivana und der Kontakt werden von responsiven Medien, beschreibenden Alt-Texten, statischem Astro und einem lokalen Content-Admin getragen.

Ergebnis

Das Ergebnis verbindet Atmosphäre und Nutzen: eine kohärente, schnelle und für Suchmaschinen lesbare Plattform, die Ivanas Autorenschaft zeigt und Kunden verständlich macht, wie die Bilder für Presse, Social Media, Kampagnen und Archive eingesetzt werden können.

Leistungen

  • Positionierung und Content-Architektur
  • Art Direction und UI-System
  • Portfolio- und Leistungswege
  • Astro-Entwicklung
  • Responsive Medien-Pipeline
  • SEO, AEO und strukturierte Daten
  • Anfrageweg
  • Lokaler Content-Admin und Deployment-Workflow
Markensystem(02)

YOKAI Markensystem

YOKAI

The room is alive. Keep it that way.

Typografie / 01

Arial / Helvetica — 800

Serious work. A little spark.

Body / Arial / Helvetica

YOKAI red#ff3b30
Ink#0a0909
Paper#f1eee7
Paper soft#e5e0d5
YOKAI monster symbol with pointed ears and a friendly face.
01 / Monster / primary mark
YOKAI eye symbol used for portfolio navigation.
02 / Eye / portfolio
YOKAI ghost symbol with angular eyes.
03 / Ghost / selected work
YOKAI hand-drawn spiral symbol.
04 / Spiral / contact
Digitales Erlebnis(03)

Atmosphäre zuerst, kommerzielle Klarheit darunter.

Vollformatige Fotografie trägt die emotionale Wirkung, während ein reduziertes Informationssystem Leistungen, Arbeiten und den Anfrageweg verständlich macht.

client-preview.yokai-client-preview.pages.dev
Desktop YOKAI selected work page combining project copy with atmospheric event photography.
Mobile YOKAI homepage hero showing the wordmark over a packed concert crowd.
Projektsystem(04)

Atmosphäre auf einem belastbaren technischen System.

Die Identität bleibt expressiv, während die Plattform Portfoliostruktur, responsive Medien, organische Auffindbarkeit und Anfragen übernimmt.

01

Portfolio-Architektur

Selected Works · Leistungen · Über Ivana · Kontakt

Klare Projekt- und Leistungswege geben der Fotografie Raum und helfen Kunden zu beurteilen, ob Ivanas Arbeitsweise zu ihnen passt und was der nächste Schritt ist.

02

Medien-Performance

640 / 1280 / 1920 WebP · srcset · Lazy Loading

Die responsive Pipeline liefert die passende Dateigröße, ohne die visuelle Wirkung zu schwächen.

03

SEO-Fundament

Canonical URL · Schema · Sitemap · semantische Metadaten

Strukturierte Angaben zu Person und Leistungen, Bildbeschreibungen und statische Seiten schaffen eine verlässliche Grundlage für die Auffindbarkeit.

04

Admin und Auslieferung

Strukturierter Content · lokaler Admin · Cloudflare

Ein lokaler Content-Admin und wiederholbare Qualitätstests halten Inhalte und Medien nach dem Launch wartbar.

Im Kontext ansehen

YOKAI ist online.