.
.
.
.
Pop-Art Website Relaunch
Pop-art Website Relaunch
Die Vorgabe: Lass es krachen – aber mit Stil!
Schluss mit dezent. Andrea wollte keine leise Evolution – sie wollte Stilbruch.
Pop-Art. Farbe! Statement.
Warum sie ihren Markenauftritt radikal neu gedacht hat und wie wir daraus ein visuelles Feuerwerk mit Konzept gemacht haben, erzähle ich dir hier.
Bevor wir in die Ergebnisse eintauchen, schauen wir kurz auf den Anfang:
Warum wollte Andrea alles auf links drehen?
Im Interview erzählt sie, was hinter der Entscheidung steckt.
Gründe für den Website Relaunch
Interview mit Andrea Schmitz, Verständliche Texte für Unternehmen
Andrea, was war der Auslöser für diesen Relauch?
Das ging los bei einem früheren Relaunch vor circa drei Jahren. Die Vorgänger-Website war eigentlich nicht schlecht, aber in meinen Augen war die Optik zu austauschbar. Ich hatte bereits kurz nach der Gründung 2008 meine erste Website, da habe ich weniger drauf geachtet. Bis 2017 wurde bereits dreimal das Design ausgetauscht. Da fiel mir dann auch auf, dass ich keine eigene Bilderwelt hatte. Und du weißt ja: *Nur nicht mit dem Haufen laufen …
* Andreas Motto
Und mit dem neuen Auftritt ging es dir darum, eine eigene, wiedererkennbare Bildwelt zu entwickeln?
Ja, die neue Website sollte ein wiedererkennbares Design haben, das ich auch anderswo einsetzen konnte. Dummerweise kam mir meine Ungeduld damals in die Quere. Die Umsetzung sollte am besten sofort beginnen und du hattest keine Kapazitäten frei. Ich machte dann ein »Brainstorming mit mir selbst« und kam – auf Umwegen – auf die Retro-Comics.
Wieso ausgerechnet Retro-Comics?
Ich wollte ein Design, das mir so richtig gefällt, das aus dem Rahmen fällt und das alltagstauglich ist. Außerdem stand ich immer schon auf Pop-Art, auf Warhol und Roy Lichtenstein. Deren Lizenzen konnte ich mir nicht leisten und auf der Suche nach Alternativen entdeckte ich unzählige und richtig gute Motive zu fast allen Themen.
Sagst du nicht immer, dass Du Stockbilder nicht magst?
Das stimmt, gerade Fotos passen selten so richtig und man sieht immer, dass es Stockbilder sind. Aber hier stört es mich überhaupt nicht. Die Bilder hatten eigentlich nur Vorteile: Sie waren schnell zu bekommen, sehr flexibel in der Bearbeitung – und man musste keine Unsummen investieren. Ich konnte sie damals relativ leicht in mein Theme einbauen, das war wichtig. Design-Fummelei ist nicht meine Stärke. Programmiert habe ich die alte Seite aber auch nicht. Das überließ ich immer schon den Profis!
Du hast im Nachgang auch viele andere Marketing-Bausteine an das Design der Website angepasst. Wieso musste jetzt auch die Website selbst ausgetauscht werden?
Da fällt mir spontan ein Spruch ein, den wir hier in Bayern gerne benutzen: »Da wär a Glernter ja a Depp«. Das heißt so viel wie: Wenn das jeder so einfach könnte, wären diejenigen dumm, die es wirklich gelernt haben. Wie hier das Webdesign. Bei meiner alten Website ging es mir genauso. Auf der einen Seite fand ich sie immer noch cool, auf der anderen erkannte man auch, dass sie nicht vom Profi gestaltet wurde. Im Vergleich zu den später von dir erstellten Flyern, Visitenkarten etc. fiel die Website deutlich ab.
Start mit Vorsprung
Bei diesem Website Relaunch war Andrea gleichzeitig Auftraggeberin und Teamkollegin.
Die Struktur ihrer Website und die Texte – und damit auch die Definition von Vision und Mission – waren bereits fertig. Das alles hat sie mir gut vorbereitet übergeben. Darüber hinaus kennen wir uns seit X Jahren – und ich war eh schon im Thema.
Wir sind direkt in die Ausarbeitung gestartet – ohne den üblichen Weg über Briefing und Workshop. Die Gestaltung folgte dabei einem klaren Dreischritt.
Schritt 1: Stil-Analyse Pop-Art
Mit der Vorgabe »Pop-Art« war die Richtung der Bilderwelt von Andrea vorgegeben. Im ersten Schritt habe ich mich also mit dem Stil auseinandergesetzt. Was machen Pop-Art-Bilder aus? Mit welchen »Zutaten«, also formalen Elementen, haben wir es zu tun?
Das Bild unten zeigt Elemente, die wir für Andreas Auftritt entwickelt haben.
Das Beispiel zeigt:
1. Pop-Art arbeitet mit Sprechblasen. Wir benutzen einheitliche Formen.
2. Texte sind in einer Comic-Schrift gesetzt (hier die von uns gewählte Type).
3. Bildelemente haben schwarze Outlines (Umrandungen).
4. Pop-Art wirkt lebendig durch klare, plakative Farben.
5. Pop-Art erzählt Geschichten!
6. Symbole wie Pfeile, Sternchen und Rasterpunkte werden üppig eingesetzt.
Schritt 2: Visuelles Konzept
In der Pop-Art ist also richtig viel los. Damit war das Attribut »krachig« von Haus aus schon mal an Bord. Die große Herausforderung bestand darin, aus lauter bunten unterschiedlichen Bildern eine einheitliche Bildsprache zu entwickeln. Die einzelnen Motive so weit zu vereinheitlichen, dass ein roter Faden ersichtlich wird – und gleichzeitig die poppige Lebendigkeit bleibt.
Gelungen ist uns das durch Farben, einheitliche Formen und Hintergründe.
Andreas Hausfarbe war schon immer dieses plakative Rot. Das passte perfekt, reichte aber noch nicht. In Kombination mit Gelb und Petrol war die Farbpalette komplett. In diesen Farben spielen sich alle Motive ab. Das bedeutet, dass wir alle Stockbilder bearbeitet haben.
Hier ein Vorher-Nachher-Beispiel:
Der Hahn ist ein unkonventionelles Motiv für einen Neujahrsgruß. In Kombination mit einem klaren gelben Hintergrund, der immer wieder in Andreas Bildern genutzt wird, »unserer« Sprechblase und Schrift entsteht ein neuer Look. Andreas Look.
Schritt 3: Konsequente Umsetzung
Leicht, spielerisch und einfach umzusetzen: Vom Neujahrsgruß über das LinkedIn-Banner bis hin zu den Website-Motiven – die Pop-Art-Welt findet sich in Andreas gesamten Markenauftritt wieder.
Ob komplette Bildmotive oder Sprechblasen auf einem einfachen Hintergrund: Unsere Bilderwelt ist auf alles anwendbar. Es hilft, dass es eine Riesenauswahl an Stockbildern für jedes Thema gibt. Durchgängig im Stil angepasst, versteht sich.
Hier ein paar Motive, die wir auf Andreas Website verwenden:
Bereit für deinen Website Relaunch?
Egal, ob du schon eine Idee hast oder einfach Lust auf einen eigenen Auftritt – melde dich, und wir schauen gemeinsam, was möglich ist.
