Illustrationsstile, die auf der Landingpage funktionieren

Eine Illustration auf der Landingpage hat eine Aufgabe: Sie soll das Produkt greifbar machen, bevor jemand es ausprobiert. Wer Landingpage-Beispiele durchklickt, sieht schnell, dass der Stil zu dieser Aufgabe gehört. Er ist kein Kostüm, das man dem Produkt überstreift.

Pass den Stil an die Dichte der Oberfläche an

Ist dein Produkt ein dichtes Dashboard, kommt eine unruhige 3D-Szene dem Screenshot nur in die Quere. Ein ruhigerer, schlichterer Stil wie Flat Design passt meist besser neben eine echte Oberfläche.

3D ist die richtige Wahl, wenn das Produkt ohnehin etwas Gegenständliches oder Spielzeughaftes hat und Flat Design neben dem Screenshot zu dünn wirkt.

Ist das Produkt verspielt (für Kinder, Social Media, Lifestyle), darf die Illustration üppiger ausfallen, solange die Farben zur Marke gehören. Produkte für Kinder brauchen meist Illustrationen im Kinderbuch-Stil, keine Figur, die nach Firmenbroschüre aussieht.

Nutze Farben als System

Nimm zwei oder drei Farben aus deiner Marke und lass die Illustration sie übernehmen. Das Gelb, das schon deine Buttons tragen, sollte in der Kleidung, einem Gegenstand oder einer Form im Hintergrund wieder auftauchen, statt als beliebiger Extraton daneben zu stehen.

Stimmt die Pose schon, ändere die Farben im Editor, statt ein ganz neues Bild zu generieren.

Lass Platz für die Schrift

Hero-Illustrationen scheitern, wenn sie jede Ecke füllen. Lass eine Seite ruhig oder den Hintergrund schlicht, damit die Überschrift lesbar bleibt, ohne dass du einen Verlauf darüberlegen musst.

Prüf das Bild auf dem Smartphone

Eine detailreiche Szene, die auf dem Desktop hochwertig aussieht, zerfällt auf dem Smartphone oft zu Bildrauschen. Nimm für den mobilen Hero-Bereich lieber ein einfacheres Motiv oder einen engeren Bildausschnitt, statt dieselbe Datei kleinzurechnen.

Ein Hero-Bild, das man schon von zehn anderen Websites kennt, übersieht man leicht. Eine eigene Illustration, die zum Produkt gehört, bleibt eher im Kopf.