Sie begegnen uns jeden Tag. Auf der Arbeit, wenn ein Kollege vom Wochenende berichtet; zuhause, wenn wir auf dem Handy unsere Feeds checken; in der Bahn, wenn wir dem etwas lauter als nötig tuschelnden Paar in der Reihe vor uns lauschen oder einfach klassisch in Büchern, auf dem heimischen Ohrensessel, mit einer heißen Tasse Tee und ein paar Keksen. Die Rede ist von Geschichten, genauer: vom Storytelling.

Wir alle lieben es, ihnen zu lauschen, uns berieseln oder mitreißen zu lassen, über sie zu lachen oder zu weinen, über sie zu diskutieren oder ihnen einfach nur zuzuhören.

Die Art, wie uns Storytelling Emotionen vermittelt, ist unnachahmlich. Manchmal merken wir es nicht einmal sofort, wenn uns gerade eine Geschichte erzählt wird. Denn oft kommt es gar nicht so sehr darauf an, was erzählt wird, sondern viel eher wie.

Storytelling liegt nicht jedem

Jeder hat diesen einen Freund, der eigentlich eine spannende Story zu erzählen hat, sich aber dreimal verhaspelt, die Pointe vorwegnimmt und irgendwie ohne Abschluss endet. Dann wieder gibt es diesen einen Freund, der die Story über die letzte Bahnfahrt entweder so spannend erzählt, als wäre es der neue Denis-Villeneuve-Streifen, oder so lustig wie ein Netflix Stand-up Special.

Wir wollen in der Werbung lieber der zweite Freund sein.

Denn nur wer Storytelling gut vermitteln kann, der verkauft auch. Das Stichwort ist: Emotionen.

Die gleichen Regeln der großen Leinwand gelten auch für das Instagram-Video auf dem Handy-Screen. Von was lassen wir uns am meisten emotional mitreißen? Von Dingen, die uns lieb sind, mit denen wir uns identifizieren können, oder die schlicht und ergreifend zuckersüß sind. Diese Prinzipien mögen zuerst zu abstrakt klingen, um sie auf die einfache Video-Anzeige zu übertragen, heruntergebrochen jedoch wird es einfacher. Wirkt das Video zu ernst für das Thema oder das Bildmaterial gibt nicht genug her? Dann kann die Animation selbst zum Beispiel verspielt sein. Zum Beispiel ein einliegender Text, welcher kurz Anlauf nimmt und beim Stoppen fliegt etwas Staub in die entgegengesetzte Richtung. Jedes Element im Video kann zu einem eigenen Charakter werden.

Ist andererseits das Video nicht dramatisch genug oder packt den Zuschauer nicht, hilft es oft, einem Element, das Eindruck machen soll, auch Raum in der Animation zu geben. Das heißt es ist längere Zeit im Bild, wird eventuell von einem Audio-Key begleitet, es bekommt schlicht mehr Präsenz. Menschen reagieren emotionaler auf Bekanntes: andere Menschen, bekannte Situationen oder Musik, die die Emotionen, wie das Glutamat in der Suppe, verstärkt und aufs nächste Level bringt.

Storytelling für jede Zielgruppe

Dieses Prinzip kann für jeden User unterschiedliche Dinge bedeuten, deswegen ist es wichtig, sich die Frage zu stellen: Für wen kreiere ich dieses Video, sprich: Wer ist meine Zielgruppe? Natürlich packen die 66-jährige Bankdirektorin andere Stilmittel als den 16-jährigen Schüler, das sollte jedem klar sein. Was das genau bedeutet, ist im Einzelfall ganz unterschiedlich, weswegen es wichtig ist, auch für Videos eine Persona der Zielgruppe auszuarbeiten, wenn auch nur kurz und nur im eigenen Kopf. Aber vielleicht (eher: mit absoluter Sicherheit) sind die Bankdirektorin und der Schüler nicht mal auf den gleichen sozialen Medien unterwegs. Was uns zum nächsten Punkt der Checkliste bringt:

Auf welcher Plattform befindet sich meine Zielgruppe?

Auch daran muss sich das Storytelling anpassen. Unterschiedliche Medien sprechen vollkommen unterschiedliche Sprachen, die, wenn sie falsch verwendet werden, zu Verwirrung und Ablehnung des Users führen können. YouTube und TikTok sind zum Beispiel zwei völlig unterschiedliche Kanäle mit ganz eigener Sprache. Entsprechend erwartet der User anderen Content. Auf YouTube oder auch LinkedIn erwartet er ausführlichere, „lange” Videos, denen man auch etwas seiner Zeit schenken muss. TikTok wiederum funktioniert schneller, geraffter, weniger ausführlich, dafür umso unterhaltender. Ein weiterer Bonus: Wenn man seinen Kanal versteht und korrekt dafür produziert, wird das auch vom jeweiligen Algorithmus belohnt.

Um zum „Too long; didn’t read“-Teil dieses Textes zu kommen:

Wir Menschen können gar nicht anders, als Storys zuzuhören, die uns emotional packen. Das ist einfach in uns und unseren Gehirnen verankert. Und der einfachste Weg in unser Gehirn sind die bewegten Bilder, die Animation. Dabei helfen vertraute Bilder und Situationen, mit denen sich der Zuschauer identifizieren kann. Wenn man dann noch das Prinzip nicht vergisst, das in unseren Werber-Köpfen sowieso ständig kreist – Wer ist mein Zuschauer und wo hält er sich auf? – dann steht dem erfolgreichen Storytelling nichts mehr im Weg.

The post Storytelling durch Motion-Design appeared first on .

„So nicht!“ sagst Du dir. „Ich will schon vorher sehen, wie es hinterher aussieht!“
Und das kannst Du! Das Zauberwort heißt: 3D Rendering

Ein 3D Rendering macht bereits für kleine Projekte Sinn

Wer bei „3D“ nur an aufwändige Kino-Produktionen und Animations-Blockbuster denkt, sträubt sich vielleicht bei dem Gedanken, 3D für sein kleines Projekt zu nutzen. Dabei gelingt es heute auch ohne großes Budget schon in kurzer Zeit eine erstaunlich realistische Umsetzung deiner Vorstellungen zu kreieren.

3D Rendering im Sales-Marketing

Gerade im Sales-Marketing gibt es etliche Anwendungsmöglichkeiten für ein 3D Rendering.
Ob Package-Design, Point of Sale-Platzierung, Aktionsflächen, Messestände oder gleich ganze Store-Konzepte. Alles lässt sich vorab visualisieren.

Schau Dir dein Package-Design von allen Seiten genau an. Überprüfe ob es im Regal oder im Display auf der Verkaufsfläche funktioniert. Überzeuge auch andere mit deiner visualisierten Vorstellung, ohne große Erklärungen. Nutze die Möglichkeit, ein 3D Rendering in deinen Präsentationen oder Werbematerialien zu integrieren.

Kosten sparen mit einem 3D Rendering

Und es lohnt sich! Du beugst nicht nur Fehler  vor und vermeidest dadurch höhere Kosten, sondern kannst Dir auch sicher sein, dass dein Konzept so aufgehen wird, wie Du es geplant hast.

Außerdem ist es viel schöner, am Ende sagen zu können: „Ja! Genau so hab‘ ich es mir vorgestellt!“

The post Hilf deiner Vorstellungskraft auf die Sprünge – mit einem 3D Rendering! appeared first on .

1. Mobile First? Ist das neu?

Nicht ganz, aber relevanter denn je. Zwar hat Google seine Pläne zum Mobile-First-Index weiter nach hinten verschoben, dennoch wird Mobile First der zentrale Dreh- und Angelpunkt im Webdesign der nächsten Jahre bleiben und noch an Wichtigkeit gewinnen. Die erste Wahl zum Surfen im World Wide Web ist nicht mehr euer Desktop-PC. Aus Mobile First wird Mobile Only und ein Upgrade eurer Website wird also auch 2018 eine wichtige Sache sein. Wake up, we’re almost there.

2. Whitespace, Neutral Space, Whatever-Space!

Egal, wie ihr es nennt, es ist ein Trend. Auch im nächsten Jahr. Was vor kurzem vielen noch ein Graus war, ist heute und morgen schon einer der wichtigsten Gestaltungstrends. Websites werden noch minimalistischer. Was oft als „ungenutzter Raum“ bezeichnet wurde, entpuppt sich nun – Trommelwirbel – als das genaue Gegenteil. Lange waren starre Grids ein Indikator für wohlorganisierten Content und Übersichtlichkeit. Doch asymmetrisches Design und reduzierter, an den richtigen Stellen platzierter Content zeigen auch, dass es anders geht. Das Beschränken auf das Wesentliche und eine stringente, übersichtliche Nutzerführung sind bei modernen, clean auftretenden Websites das Ziel. Egal ob Textinhalte oder Bildwelten, in der kommenden Saison heißt es: „Weniger ist mehr!“ Wer profitiert? Die User. Und Webdesignern stehen gleichzeitig neue Türen offen.

3. Authentischere Bildwelten. Wie „real“ seid ihr?

Eng verknüpft mit dem Thema Whitespace ist auch das nächste. Weniger, dafür aber besserer und relevanterer Content. Diese Tendenz findet sich auch bei der Verwendung von Bildmaterial wieder. Das Angebot an Bildern ist riesig. Bilddatenbanken werden immer nach „dem einen richtigen“ Bild durchforstet, bis man feststellt, dass dieses Bild auch für jemand anderen schon „das eine richtige“ war. Qualitativ gibt es hier meistens nichts zu bemängeln, aber individuell und auf die Marke zugeschnitten ist das nicht immer. Der Trend geht eindeutig zu authentischeren, oft individuell geshooteten Bildwelten. Ganz zugeschnitten auf eine Marke, einen Kunden. Gezielt produzierter Inhalt bietet hier die perfekte Chance, Markenerlebnisse auch über das nächste Quartal hinaus zu stärken und zu etablieren.

4. Typografie, Fonts und die Kunst des Wortes

Typografie ist mittlerweile mehr als ein Informationsträger und Diskussionspunkt zwischen Lektorat und Grafik. Typografie wird im Web mutiger verwendet. Schriften stellen einen Bestandteil des Webdesigns dar und fallen vor allem durch prominente Verwendung, eine immer breiter werdende Farbpalette im Web und zahlreiche Animationen und Effekte auf. Auch das Mischen von Serifen und serifenlosen Schriften gilt nicht mehr als Tabu. Bereits im vergangenen Jahr zu beobachten, dürfen wir also gespannt sein, wie dieser Designtrend im Jahr 2018 ausgebaut und fortgesetzt wird.

5. Animation – Alles dreht sich, alles bewegt sich.

Animationen sind ein weiterer, nicht zu umgehender, Trend im sich permanent bewegenden und verändernden amorphen Web. Cinemagraphs, animierte Schriften und Logos, bewegte Title-Screens, Grafiken und Illustrationen – was vielen bisher nur in rudimentärer Form als Katzen-GIF während der Mittagspause oder als brachiale Logoanimation am Super Samstag auf Sky bekannt war, taucht nun auf vielen Seiten in seiner professionellsten und schönsten Form auf, zieht gezielt Aufmerksamkeit auf sich, dient der Veranschaulichung von Prozessen oder bildet selbst wichtigen, emotionalen Content. Animationen sind weiterhin ein wichtiger Trend. Auch große und plakativ eingebundene Videos zählen dazu und sind in 2018 weiterhin relevant.

Und was passiert sonst noch?

Das Thema 3D wird uns natürlich auch im kommenden Jahr nicht loslassen. Mittlerweile sind 3D-gerenderte Inhalte im Mainstream angekommen und täglicher Bestandteil im Web und im Print-Design.

In Form von überbordenden Bildwelten ohne jeden Wirklichkeitsanspruch sind sie oft Teil der Bildsprache einer Marke und werden kunstvoll und auf illustrative Weise eingesetzt. Eng verknüpft mit dem Thema Animationen sind 3D-Grafiken oft aber auch die Basis für ebendiese. Als realitätsnahe Nachbildungen jeder denkbaren Art von Produkten sind sie schon seit längerer Zeit eine gute Alternative zu Produktshootings. Ihr wärt erstaunt, wie wenige tatsächlich geshootete Produktbilder mittlerweile im Packaging-Design und anderswo zum Zuge kommen.

Wenn wir beim Thema 3D-Vizualization und Animation sind, dürfen wir ein weiteres heißes Thema nicht außer Acht lassen. Virtual Reality (VR) und Augmented Reality (AR). Der Markt wächst und wächst und wächst. Auch im Web werden VR-Inhalte in den kommenden Jahren eine große Rolle spielen und zunehmend Einzug finden. Welche Trends daraus im Hinblick auf das Design von Anwendungen, Apps und Websites entstehen, ist noch nicht ganz abzusehen. Fakt ist jedoch, dass vereinfachte technische Integrationsmöglichkeiten, wachsende Nachfrage und die große Bandbreite an Verwendungszwecken (z.B. Vizualizing-Architecture) zwangsläufig dazu führen werden, dass das Thema VR eines der großen Themen im Webdesign der nächsten Jahre bleiben wird.

Fazit

Natürlich gibt es noch zahlreiche weitere Trends, die sich am Design-Horizont abzeichnen. Den Überblick zu behalten und Trends nicht einfach blind zu folgen, ist dabei die größte Herausforderung. Eine gesunde Mischung ist die Lösung. Viele Trends im Webdesign solltet ihr auf ihre Umsetzbarkeit und Sinnhaftigkeit überprüfen. Nicht jeder Trend passt zu jedem Kunden. Bleibt einfach am Ball und entscheidet selbst. Das Beste ist, ihr sorgt selbst für den nächsten Trend. Auf ein interessantes Jahr 2018.

Wie hat Dir der Beitrag gefallen?

[ratings]

The post Webdesign-Trends 2018 appeared first on .

Für die Präsentation unseres Fotostudios samt dazugehöriger Eventküche haben wir uns für eine 360°-Entdeckungstour entschieden. Wie wir das realisiert haben, erfährst Du im folgenden Text:

Ein Konzept muss her.

Das hast du sicher schon oft gehört, aber weil es einfach essentiell ist, hier noch einmal: Mach dir vorher einen Plan! Was ist dein Ziel? Was willst du zeigen? Wie lassen sich deine Leistungen und Kompetenzen sinnvoll illustrieren?  Das innovativste Design hat nämlich keinen Wert, wenn es nicht auf deine Marke und dein Produkte einzahlt.

Unser Ziel: Wir wollen unser Fotostudio samt Eventküche und deren Möglichkeiten für potenzielle Neukunden erlebbar machen. Eine virtuelle Tour ist die optimale Lösung, um die Key Assets unseres Fotostudios adäquat zu präsentieren. Dazu haben wir uns für die Aufnahme von zwei eigenständigen Szenen entschieden: das Fotostudio zusammen mit der Requisite und die Eventküche gemeinsam mit dem Konferenzbereich.

360° Bilder aufnehmen und bearbeiten

So banal es klingt: Am Anfang des Shootings steht ein Putzkommando. Auch wenn kreatives Chaos oft zum Prozess gehört, eignet es sich kaum als Aushängeschild – wir wollen unseren Besuchern schließlich Professionalität vermitteln.
Im nächsten Schritt wurden besondere Highlights unseres Studios anhand des Konzepts identifiziert und aufmerksamkeitsstark von unserem Fotostudio-Team in Szene gesetzt. Dazu gehören natürlich Hardware wie Kameras, Belichtung oder Leinwände aber auch unsere Kompetenzen in verschiedenen Shooting-Disziplinen. Beispielsweise ist der Bereich „Food“  eines unserer Steckenpferde und wurde daher durch passende Requisiten prominent im Bild dargestellt.

Das eigentliche Shooting erfolgte mit einer Panono 360° Camera (https://www.panono.com/de) auf einem Stativ. Die Bilder wurden per Fernauslöser getätigt, wodurch unerwünschte Hände und Schatten vermieden wurden. Die abgelichteten Positionen dienen nun als „Stationen“ auf dem Rundgang durch unser Fotostudio.

Die 360°-Fotos wurden mittels der Panono Websoftware bearbeitet, um später eine nahtlose Ansicht zu ermöglichen. Man spricht hier von  (Achtung Denglisch!) „gestitchten“ Bildern.

Einbinden in eine Weboberfläche mittels Marzipano

Die Einbindung der Bilder auf der Homepage erfolgte dann mittels Marzipano (http://www.marzipano.net/), einem von Google Mitarbeitern entwickelten Webtool. Hiermit können mehrere 360°-Szenen zu einer Tour zusammengestellt und als Webapplication auf Javabasis exportiert werden. Das Tool verfügt über eine gut sortierte Dokumentation, was die Einbindung der exportierten Daten in die eigene Homepage selbst für Anfänger zu einem durchführbaren Projekt macht. Hab also keine Berührungsängste mit der Materie, probiere es selbst ruhig mal in einer Testumgebung aus.

Das Gros der Steuerelemente ist in den exportierten Daten bereits vorhanden. Der Aufwand für unsere IT bestand vor allem darin, diese auf unsere Bedürfnisse im Hinblick  auf  Design und Funktion anzupassen.
Das Design lässt sich bequem per CSS ändern. Zusätzliche Funktionen wurden von unseren Front-End-Spezialisten in der IT hinzugefügt. Zu guter Letzt haben wir die im Konzept definierten Bildinhalte  und Studiofeatures mit Schaltflächen versehen, die weitere Informationen zum Gesehenen bereithalten.

Alles in allem bietet die Arbeit mit webbasierten 360° Lösungen die Möglichkeit, aufmerksamkeitsstarke Elemente in eine Homepage einzubauen. Jedoch solltest du bedenken, unter SEO Gesichtspunkten wirst du mit dieser auf Java basierenden Applikation alleine nicht glücklich. Nutzt Du diese Lösung aber als Feature einer Seite mit hochwertigem Content bist Du auf dem richtigen Weg. Das Ergebnis unserer Arbeit kannst du unter www.cmf.de/fotostudio selbst erleben

Wie hat Dir der Beitrag gefallen?

[ratings]

The post Wie kann ich 360 Grad – Bilder als Homepageoberfläche nutzen? appeared first on .