Zurück zum Blog

Website Design Inspiration – Teil 2

Website Inspiration mit Illustrationen

Die Blogpostreihe von Designinspirationen geht hier weiter. Heute mit Websites, die einen großen Fokus auf Illustrationen setzen.

Was bringen Illustrationen überhaupt?

Ich kann definitiv behaupten, dass gerade Illustrationen ansprechender sein können als Wörter. Es ist eine Möglichkeit trockene und altbackene Themengebiete aufzupeppen und Menschen, die keine Lust haben zu lesen, dazu aufzufordern Informationen besser aufzunehmen.

Wenn man es auch noch schafft den Geschmack der User:innen zu treffen, dann hat man sie bereits emotional an das Produkt gebunden und überzeugt mit einem Kontakt aufzunehmen.

Inspiration von Websites

HealthAxon

Website with illustrations

HealthAxon ist ein Unternehmen aus Großbritannien, das sich mit ethischem Investment beschäftigt.

Sie haben sich für eine Landingpage entschieden, das Illustrationen in Pastelltönen größtenteils einbindet. Ich finde es genial angestellt, weil gerade Themen wie Finanzen und Investment in vielen Köpfen der Menschen so negativ verankert sind. Damit meine ich, dass viele mit Zahlen nichts anfangen können und Daten sie abschrecken. Um diesen Stereotyp zu überwinden, wurden Illustrationen in angenehmen Tönen eingesetzt. Dadurch werden Menschen herangeführt, die eher abgeschreckt sind von Finanzinstitutionen.

BooBook

BooBook ist ein Beratungsunternehmen mit Sitz in Belgien und in der UK.

Genauso wie HealthAxon nutzt das Unternehmen die Vorteile von Illustrationen. Dadurch wirkt das Beratungsunternehmen nicht kalt und starr. Es hebt sich von anderen traditionellen Unternehmen ab, die eher typische Businessstockfotos verwenden, wo nur Hochgebäuden und Büros zu sehen sind.

Duck School

Website with illustrations

Es ist eine Sprachschule mit dem Fokus auf die englische Sprache.

Nicht nur die Brandidentität ist top, sondern auch die Umsetzung der Illustration auf der Website. Es ist ein gutes Beispiel dafür, dass eine Website einer Sprachschule auch mal anders gestaltet werden kann. Die Illustration wird minimal, aber effektiv an den richtigen Stellen eingesetzt, sodass die Website nicht überladen wirkt. Der Funeffekt auf der Website lässt den Eindruck erwecken, dass die Schule auch nicht traditionelle Methoden anwendet.

Mama Joyce’s Peppa Sauce

Website with illustrations

Es ist eine Landingpage zur Vermarktung einer scharfen Sauce namens Mama Joyce’s Peppa Sauce. Das ist ein Beispiel, wo ich sagen würde, dass man Ende der Seite das Produkt kaufen möchte. Hier fließen Typografie und Illustrationen ineinander, dass es dazu verleiht eine Weile auf der Website zu bleiben und sich die einzelnen Infos anzusehen. Was mich nur bisschen stört ist, warum sie nicht direkt ein Buttonlink zum Kauf des Produkts eingebettet haben.

Almond Spirit

Ein Unternehmen aus Tschechien, das Ratafia (Likör) aus Mandeln und Früchten produziert.

Es gibt einige Getränkeproduzent:innen, die genauso wie Almond Spirit angepasste Illustrationen auf ihren Websites einbringen. Die Illustrationen zeigen häufig welche Zutaten in den Getränken sind.

Definitiv schön anzusehen und macht auch Spaß da durchzuscrollen. Aber man sollte hier doch darauf achten, ob dadurch die Website nicht zu lange lädt oder gebrochen ist.

Meplace

Meplace ist eine Kita aus London.

Sie nutzen einfache abstrakte Illustrationen und kombinieren es mit Farben, die Freude und Warmherzigkeit hervorrufen. Ich finde, dass das Design gut umgesetzt wurde. Denn diese einfachen grafischen Elemente erinnern einem an die Kritzeleien der Kinder. Und spricht deswegen auch die richtige Zielgruppe an, nämlich Familien.

Alto Pharmacy

Alto Pharmacy ist eine Apotheke in den USA, das Medikamente an Patienten verschickt.

Die Zeichnungen, die sie hier verwenden, strahlen direkt eine Message aus, dass Patienten sich keine Sorgen machen müssen. Manche Illustrationen zeigen ein Leben, was sich manche wünschen.

USELESS

Es ist eine Plattform für Londoner, die einen Shop in ihrer Nähe finden wollen, um bestimmte Produkte wieder nachfüllen zu können.

Hier wurden Illustrationen als Botschaft spielerisch eingesetzt. Sobald man auf der Website landet, fällt viel Verpackungsmüll hinunter. Man muss den Müll zur Seite schieben, um die Fakten lesen zu können.

The Cult

The Cult ist ein Restaurant aus Irland, das sich auf japanische Gerichte spezialisiert hat, die von Animes inspiriert sind.

Also wenn man herausstechen möchte, dann richtig. Dieses Restaurant sticht mit den Illustrationen im Stil von Anime so stark heraus, dass es schon danach schreit „Wir sind die Besten! Kommt zu uns!“. Allein das Warten bis die Website lädt lohnt sich.

Montreal von Leeroy

Diese Website lässt dich Montreal auf eine malerische Art und Weise erkunden wie als würdest du ein Bilderbuch öffnen. Man kann es sogar mit Soundbegleitung erleben.

Zwar ist es nicht für jeden. Aber diejenigen, die mal Lust haben ein Illustrationsprojekt anders darzustellen, können hiervon Inspiration holen. Wie z.B. auch von diesen Websites (siehe unten).

Miyzaki World von Julia Beda

Die Designerin versucht hier auf einer Landingpage die Geschichte von Miyazaki zusammenzufassen.

45R Indigo Story

45R ist eine japanische Kleidungsmarke, die eine weitere Website entwickeln ließ, um die Story über die Indigofarbe zu erzählen.

Fazit

Also wie du sehen kannst, können sich Websites immer noch voneinander abheben, auch wenn die meisten dieselbe Struktur haben. Ich weiß, dass detaillierte Illustrationen sehr viel Zeit nehmen und sich nicht jeder so etwas leisten kann. Aber man kann auch klein anfangen, indem man auf kostenlose oder kostengünstige Plattformen geht, wo abstrakte Formen und einfache Illustrationen angeboten werden.


Was denkt ihr dazu?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

🌱 Hi! Hier werden Wissen und Erfahrungen geteilt, wie man Ideen umsetzen kann.

Über mich

Erschaffe deine eigene Marke Teil 1

Wann ist es Zeit für ein Branding?

Sich richtig Ziele setzen & erreichen