Mehr als Webdesign: Design für digitale Medien

Wie gutes Design über die Website hinaus wirken kann.

Denkanstoß #10

Wie wir mit digitalem Design Mehrwerte für unsere Kunden schaffen.

Mit jedem Relaunch ergibt sich auch die Chance das eigene Erscheinungsbild aufzufrischen. Gut, wenn das in einem Arbeitsschritt funktionieren kann. Anhand ausgewählter Beispiele zeigen wir, wie wir im Rahmen eines Relaunch-Projekts neue Bildsprache geschaffen oder bestehende Bildwelten aufgefrischt haben.

Wenn wir einen neuen Webauftritt entwickeln, befassen wir uns immer intensiv mit Fragen die das Design betreffen. Neben einem Design-System, das ein Regelwerk für die Tonalität, Typografie, Farben und die Gestaltung von Bedien- und Funktionselement ist, geht es auch um die Inhalte der Website, also Fotos, Visuals, Grafiken und Illustrationen.

Das, was den User direkt beim Einstieg auf der Startseite begeistern soll, was verlocken soll in einen Artikel einzusteigen, was die Texte begleitet.

Oft ist der Wunsch nach einem Relaunch begleitet von dem Wunsch nach einer frischen Bildsprache und neuen Visualisierungen.

Schließlich ergibt es wenig Sinn, die alten Texte und Bilder einfach in ein neues HTML-Gerüst zu packen. Ein tolles Website-Template wird veraltete Fotos und Grafiken nicht besser machen und der Relaunch wird dann die Erwartungen nicht erfüllen.

Vom Webdesign zum Brand-Refresh

Die Website ist mittlerweile oft einer der wichtigsten Anker in der Marken- und Unternehmenskommunikation. Der Relaunch ist daher die Chance nicht nur eine Website zu gestalten, sondern auch das Bild von Marke oder Unternehmen aufzufrischen und zu aktualisieren, eine neue Bildwelt zu schaffen oder die alte zu aktualisieren.

Deshalb macht es Sinn, sich nicht nur intensiv mit dem eigentlich Webdesign auseinanderzusetzen, sondern oft auch mit einer Bildsprache, die über die Website hinaus wirkt und genutzt werden kann. Sei es in digitalen Medien wie sozialen Netzwerken oder aber auch in Printmedien oder bei der Gestaltung eines Messestands – das Webdesign kann der Ausgangspunkt für all das sein. Damit betrifft der Relaunch aber nicht nur das Thema Website, sondern schafft einen Mehrwert über den digitalen Raum hinaus.

Mit den richtigen Methoden zum frischen Look

Dazu analysieren wir zunächst den aktuellen Stand der Kommunikation und neuer Bedürfnisse der Kunden. Welche gestalterischen Basics aus dem aktuellen Styleguide oder Playbook sind essenziell für den neuen Auftritt und sollen erhalten bleiben? Wo müssen wir den Look auffrischen oder noch Styles ergänzen?

Nach der Analyse des Ist-Standes machen wir uns gemeinsam mit den Kunden auf die Reise nach einer neuen aufregenden Bildwelt, die Erforschung möglicher Ideen und die Entdeckung der passenden Stile. Eines unserer Instrumente, sind Mood-Cards, die von uns kuratierten Cards helfen eine gemeinsame Vision zu formulieren, in die das Design einschlagen soll. In einer gemeinsamen Card-Sorting-Session entsteht daher oft die Grundlage für die weitere Gestaltung.

Evolution ist manchmal besser als Revolution

Unser Ziel ist es, bei dieser Herausforderung was Neues zu erzeugen, wobei wir auf gestalterische Eckpfeiler aufbauen. Der Auftritt wirkt zeitgemäßer, aber nicht fremd.

Beispielprojekt Schumacher Packaging

Schumacher Packaging

Für Schumacher Packaging haben wir „Lichträume“ entwickelt, die es uns und unserem Kunden ermöglichen, unzählige Kombinationen in der Gestaltung von Visuals, Teasern und Headern zu erzeugen. Wir haben dem Kunden ein Gestaltungswerkzeug zur Hand gegeben, welches er nun beliebig in seiner Kommunikation einsetzen kann.

Beispielprojekt Black Forest

Für Black Forest still sind wir in den Wald gegangen und haben uns mit Farnen, Moos, Blättern und Zweigen eingedeckt. Das alles für ein Shooting mit dem Model: Die „Black Forest still Glasflasche“. Das reine Mineralwasser aus dem Schwarzwald, inszeniert in der Natur - da, wo es herkommt. Eine hervorragende Verbindung von Natur & Technik findet sich im Header auf der Startseite. Die raffinierte Verbindung von Typografie & Natur kommt in den Grafiken auf der Website zur Geltung. Die Utensilien aus dem Wald setzen wir für sogenannten „Cornergrafiken“ (Farne, Zweige und Wassertropfen) ein, die sich über die Seiten verteilt wiederfinden.

Beispielprojekt Peterstaler Mineralwasser

Wir haben uns an die berühmte Peterstaler Schwarzwaldsilhouette gewagt, die auf jedem Flaschenetikett zu sehen ist. Mit einer schlichten und modernen Interpretation der Silhouette haben wir ein Stilmittel geschaffen, das uns ermöglicht die Produkte optimal in Szene zu setzen. In Kombination mit großer, schlanker Typographie unterstützt sie die Vielfalt und Frische des Produkts.

Beispielprojekt Formesse

Die farbenfrohen Produkte eigneten sich hervorragend für die Inszenierung der Header-Motive. Die Header mit den Top-Shots sind die Heros der Seiten. Von hier aus taucht man in die Welt der Stoffe und Farben ein. Es entstanden Motive, die sich auch perfekt in den sozialen Medien spielen lassen.

draufsicht auf frau im bett eingekuschelt in eine formesse sommerdecke

Beispielprojekt RDP Rechtsanwälte

Bei den RDP Rechtsanwälten kann man von Rebranding sprechen. Da hier so gut wie kein Bildmaterial vorhanden war und wir keine Stockfotos verwenden wollten, mussten wir ein Gestaltungssystem entwickeln, dass im RDP-Farbschema bleibt und mit Formen und Strukturen aufgeladen wird. Die Rechtsgebiete wurden mit einer schlichten Lineart-Symbolik gekennzeichnet. Abgerundet wurde das Rebranding mit einer neuen Schrift für Headlines.

Nicht nur für das WWW gemacht

Unsere Beispiele zeigen, wie wir unsere Kunden bei ihrem Vorhaben unterstützen, ihren hochwertigen Produkten und ihrem Unternehmen ein frisches Erscheinungsbild zu verleihen. Wir ermöglichen ihnen die gemeinsam entwickelten Gestaltungswerkzeuge, vielfältig einzusetzen und auf unterschiedlichste Medien zu übertragen. Übrigens: Unsere Gestaltung ist auch vielfach prämiert und mit Awards belohnt worden.

Ein bewegender Beitrag von: Robert

Über den Autoren

Robert ist unser Creative Director Art und seit 2007 an Bord. Mit viel Gespür für Farbe, Typografie und Gestaltung führt Robert das Design-Team und prägt die Arbeit der Netzbewegung visuell.

Das WWW wird schöner...

...wenn Sie jetzt Kontakt mit uns aufnehmen

Wenn Sie Interesse an Webdesign haben, das über das WWW hinaus wirkt, sprechen Sie uns einfach an. Wir erstellen gerne erste Layouts.

Let’s do it. Wir freuen uns auf Ihr Briefing.

Alwin Roppert

Inhaber & Geschäftsführer
Telefon +49 721 667789 20

Kontakt per E-Mail

replica rolex cellini watches