10 fantastische Beispiele für dynamische Mittelstücke im Webdesign

In der Liebe und im Kampf um Kunden ist alles erlaubt, gerade in der digitalen Welt. Anders als im echten, wo man mit diversen psychologischen Tricks Waren unterschieben und Kunden zum Kauf überreden kann, ist das Internet noch unpersönlich. Sie müssen niemandem in die Augen sehen und „Nein“ sagen. Sie schließen einfach den Browser-Tab – trotz aller vielversprechenden Vergünstigungen und Verkaufsgespräche und gehen glücklich weiter, ohne sich schuldig zu fühlen.

Für die meisten potenziellen Kunden ist es eine große Erleichterung. Für Agenturen, Unternehmen und Anbieter ist es eine riesige Hürde, die schwer zu überwinden ist. Hier müssen Sie sich die Finger wund arbeiten, ganz zu schweigen davon, eine nicht unerhebliche Summe Geld zu investieren, um aus Besuchern echte Kunden zu machen. Dieser dornige Weg beinhaltet zahlreiche Etappen, Fallstricke und Tricks. Und alles beginnt mit dem ersten Eindruck.

Der erste Eindruck entscheidet in der Regel darüber, ob Besucher gehen oder bleiben und gibt Ihnen die Möglichkeit, mit ihnen zu sprechen. Bevor Sie also anfangen, Pop-ups mit Rabatten und Sonderangeboten anzuzeigen, sollten Sie sich um das „Gesicht“ Ihrer Website kümmern. Es gibt den Ton und die Stimmung für die ersten Sekunden des Aufenthalts eines Benutzers an.

Schaffen Sie den richtigen Eindruck

Heutzutage kann man sich buchstäblich für jede Option entscheiden – angefangen bei stark vereinfachten, statischen, minimalistischen Heldenbereichen, die Benutzer mit Einfachheit, Ordentlichkeit und Eleganz anlocken. Oder Sie entscheiden sich für superduper actiongeladene WebGL-basierte Animationen, die mit einer großartigen Techno-Atmosphäre und Raffinesse ins Auge fallen.

Wenn Sie nicht bereit für radikale Aktionen sind oder es für Ihre Zielgruppe ein wenig unangemessen halten, können Sie sich immer an die goldene Mitte halten und zwischen Vereinfachung und Raffinesse abwägen. Eine Möglichkeit, dies zu tun, besteht darin, ein sauberes und relativ einfaches Gesamtdesign zu wählen und es mit einem dynamischen Herzstück zu bereichern. So wie es Masayuki Daijima in seinem mysteriösen persönlichen Portfolio getan hat.

Der Startbildschirm seiner Website ist zu stark vereinfacht: Saubere monochrome schwarze Leinwand, winziges Paket mit sozialen Symbolen, 3-Punkte-Navigation und Urheberrechte sorgfältig in den Ecken platziert. Alle wesentlichen Elemente weichen dem WebGL-betriebenen „Kopf“, der sich im Herzen der Seite befindet. Es zieht natürlich die allgemeine Aufmerksamkeit auf sich und schreit die Kreativität und Professionalität des Eigentümers heraus.

Heute konzentrieren wir uns auf diesen Ansatz. Es ist ein kleiner Trend unter Kreativagenturen, die sich der Macht moderner Technologien nicht entziehen konnten, aber ressourcenschonend bleiben wollen. Die folgenden Websites lenken die allgemeine Aufmerksamkeit auf das Herz des Bildschirms, wo sich kleine, aber immer noch umwerfende Animationen befinden.

LHBZR/IGOODI

Luis Henrique Bizarro von LHBZR und Uprising, das Team hinter IGOODI, verfolgen denselben Ansatz wie Masayuki Daijima.

Der Home-Bereich der Website von Luis Henrique Bizarro ist geprägt von Ordentlichkeit, Sauberkeit und Elementarmut. Der 3D-Kreis aus hundert dünnen Linien, die sich von oben nach unten erstrecken, lenkt die Aufmerksamkeit jedoch auf die Mitte, in der sich das Logo befindet. Alles ist techy-techy.

IGOODI hat eine große und mutige Persönlichkeit mit seiner High-Tech-Schnittstelle. Es gibt sogar Flash-ähnliche Funktionen wie Block-Reveal-Effekte und Sounds beim Bewegen der Maus. Im Vergleich zum vorherigen Beispiel ist das Design etwas überfüllt. Nichtsdestotrotz richten sich alle Augen auf das begleitende Bildmaterial, das für jeden Abschnitt bereitgestellt wird. Obwohl jede Animation dunkel und nahtlos in das Design integriert ist, fällt sie dennoch durch ihre futuristische und raffinierte Anmutung ins Auge.

GlobIQ / Jakub Paniaczyk

Es gibt noch mehr Websites, die der gleichen Route folgen. Betrachten wir sie.

GlobIQ sieht auf den ersten Blick aus wie IGOODI; aber es hat seine eigene Aura. Die vieleckige Kugel ist das Herz und die Seele des Heldenbereichs. Er dreht sich um seine eigene Achse und macht unauffällig auf sich aufmerksam. Der Startbildschirm ist faszinierend und verlockend.

Wenn Sie denken, dass Websites aus diesem Mainstream alle eine dunkle Ästhetik haben, dann sollten Sie Ihre Augen auf eine Website von Jakub Paniaczyk richten. Es ist der gleiche Ansatz, aber er wurde in eine helle Umgebung gebracht. Während die oben genannten Oberflächen durch dunkle Farbgebung einen gewissen geheimnisvollen Reiz haben, fühlt sich diese im Gegenteil offen, einladend und klar an. Es gibt mehrere schöne Kugeln, die aus einer Tonne Partikeln bestehen und ineinander gesteckt sind. Die Zusammensetzung verbessert das Benutzererlebnis und trägt zur High-End-Ästhetik bei.

Maria Callas / VIITA TITAN

Während wir Websites mit Globen, Kugeln und 3D-Polygonen vorgestellt haben, können Sie verschiedene Konzepte finden. Schauen Sie sich zum Beispiel die Website von Maria Callas an.

Der Heldenbereich bietet eine rätselhafte quadratische Animation, die Sie teilweise aus verschiedenen Perspektiven erkunden können. Die Lösung ruft gemischte Gefühle hervor, die Sie dazu zwingen, zu bleiben und die Website zu erkunden.

Ähnlich wie im vorherigen Beispiel entscheidet sich das Kreativteam hinter der Promo-Website von VIITA TITAN für eine rechteckige Form und ausgefallene Texturen, die dank wellenförmigem Verhalten lebendig wirken. Der zentrale Teil des Bildschirms ist so „schwer“ und exzentrisch, dass er hypnotisiert und magnetisiert.

Azar-Club

Wer eine überladene Homepage hat, aber dennoch die Aufmerksamkeit insgesamt auf die Schwerpunkte lenken möchte, kann den gleichen Trick anwenden wie das Team hinter Azar Club. Der Heldenbildschirm ihrer Website ist mit wichtigen und nicht so wichtigen Dingen gefüllt. Trotzdem richten sich alle Blicke auf das Herz der Seite. Dies liegt an 4 relativ dünnen, ungleichmäßigen Neonkreisen: Sie sprechen das Publikum natürlich an.

Wir sind praktisch

Der Startbildschirm von We Virtually Are ist geprägt von der Verschmelzung von Hightech-Atmosphäre und künstlerischer Ausstrahlung. Das Gesamtdesign wirkt ordentlich, bescheiden und in gewisser Weise „seriös“. Das Video mit den Blumen hat jedoch einen subtilen Hauch natürlicher Schönheit und einen verspielten Ton – was diese Website von den anderen unterscheidet.

Miew Kreativstudio

Miew Creative Studio liefert elegant und subtil einen kraftvollen ersten Eindruck. Hier ist das Herzstück eine atmende und sich verändernde 3D-Kugel. Es bricht gekonnt die Monotonie des cleanen und soliden Hintergrunds und unterstützt den Slogan optisch.

Das Zentrum für großartiges Design

Die dynamischen Lösungen sind heutzutage überall zu sehen. Animationen unterschiedlicher Art, spannende Erkenntnisse, Experimente mit Physik und andere inspirierende Konzepte bevölkern Webseiten. Mit großartigen Lösungen gehen jedoch große Verantwortungen einher. Um einen Kollaps zu verhindern, muss man sich also manchmal an die goldene Mitte halten. Und die Verwendung kleiner Mittelstücke anstelle von Vollbildlösungen ist in der Tat eine Möglichkeit, ein Gleichgewicht zu finden und allen zu gefallen. Umso mehr, es gibt so viele fantastische Möglichkeiten, dies zu tun.