Branding Heroes: Hinzufügen Ihrer Identität zum Heldenbereich

Veröffentlicht: 2020-04-17

Markenidentität ist eines der wesentlichen Elemente eines erfolgreichen Unternehmens. Ob Sie eine lokale Ein-Personen-Kanzlei leiten oder ein riesiges Imperium auf den digitalen Weiten aufbauen, es ist Ihr Gesicht, das Bände spricht.

Jede Repräsentanz sollte stolz Elemente der Markenidentität tragen, und die Website ist keine Ausnahme. In der Regel erfüllt das Logo bei Online-Filialen die Rolle des Alleinstellungsmerkmals eines Unternehmens, das es in den Köpfen der Verbraucher optisch von anderen unterscheidet.

Markenfarben und Mottos liegen nicht selten auch der Ästhetik der Website zugrunde. Manchmal reicht das jedoch nicht aus, um das Image des Unternehmens zu schaffen und die richtige Botschaft nach Hause zu bringen. Manchmal muss man die Extrameile gehen. Und die Verflechtung Ihrer Marke mit dem Heldenbereich ist eine Möglichkeit, dies zu tun.

Betrachten wir einige charakteristische Beispiele.

Fyresit

Der einfachste Weg, Ihre Marke mit dem Heldenbereich zu verweben, besteht darin, das Element der visuellen Identität direkt im Herzen des Willkommensbereichs zu präsentieren. Schau mal auf Fyresite.

Obwohl die Lösung unglaublich einfach ist, funktioniert sie hier wie ein Zauber. Alles, was das Team tat, war, eine größere Version des Logos in den Heldenbereich einzubauen und es vollständig zu duplizieren. Auf diese Weise gelang es ihnen, ein Statement zu setzen und die Lebendigkeit und Dynamik der Agentur zu zeigen.

Eine Sache, die zu beachten ist, auch wenn die große Version des Logos ein beträchtliches visuelles Gewicht hat, fällt die Einführung dennoch ins Auge. Gut gespielt. Denken Sie bei allem, was Sie tun, immer an das Gleichgewicht zwischen Markenidentität und Inhalt. Letzteres nicht opfern.

Beispiel von Fyresite

Olympp

Ein ähnlicher Ansatz wird auf Olympp verwirklicht, obwohl das Team ihn auf die nächste Stufe gebracht hat.

Hier steht das Logo hinter der ganzen Schönheit des Willkommensbereichs. Sie diktiert die Regeln der Ästhetik und gibt den Ton an. Sie können sehen, wie sich das griechische Thema durch den gesamten Heldenbereich zieht und es zwingt, das Emblem zu spiegeln.

Die Idee ist einfach. Doch es funktioniert nicht nur, sondern überzeugt auch.

Beispiel von Olympp

Davis Malm Rechtsanwälte

Die offizielle Website von Davis Malm Rechtsanwälte ist ein absoluter Klassiker der Markenverflechtung. Ähnlich wie im vorherigen Fall folgt hier der Bildhintergrund dem Logotyp.

Diesmal können wir jedoch ein echtes Bild des Maskottchens sehen. Darüber hinaus folgt die Anordnung der einleitenden Worte dem gleichen Weg wie das Namensschild der Firma im Logo. Der Heldenbereich wirkt wie eine logische Fortsetzung, die zur visuellen Gesamtidentität beiträgt.

Beispiel von Davis Malm Attorneys

Schlüsselformat

Im Wesentlichen ist dies derselbe Ansatz, den wir bei Davis Malm Attorneys gesehen haben. Der Hintergrund zeigt das reale Bild des Hauptmaskottchens, einer Ziege. Der Heldenbereich hat jedoch eine ganz andere Aura und sicherlich einen verspielteren Look.

Der Grund dafür liegt im Detail. Sie können die ziemlich trendige Neonfarbe und die Typografie im Linienstil sehen – ein weiteres modernes Merkmal. Sie verleihen dem Design einen verspielten und schwungvollen Look und speisen gleichzeitig das Markenstück wohltuend auf.

Beispiel aus Keyformat

Authenticff

Aber nicht nur Tiere eignen sich für solche Lösungen, alles ist möglich. Auch ein abstraktes Logo lässt sich mit dem Heldenbereich abstimmen. Betrachten Sie Authenticff als ein typisches Beispiel.

Hier ist das Logo ein einfaches Dreieck mit mehreren kurzen Linien darin. Im Gegensatz zum ersten Beispiel in unserer Sammlung sehen Sie hier keine exakte Nachbildung. Stattdessen hat das Team eine alternative Version mit ausgeprägtem 3D-Feeling verwendet. Sie haben gekonnt vom Stil abstrahiert und dennoch die Natur und Ausstrahlung des Emblems bewahrt.

Beispiel von Authenticff

Lila Hase

Okay, lassen Sie uns die Dinge ein wenig interessanter machen, indem wir den traditionellen Ansatz auf die nächste Ebene bringen. Wir werden etwas kreatives Denken, eine Prise moderne Lösungen und High-End-Techniken verwenden. Betrachten Sie Purple Bunny.

Das Team hinter Purple Bunny hat sich für den dynamischen Ansatz entschieden. Ihr Heldenbereich umfasst nicht nur einen Hasen in voller Größe, der im Logo abgebildet ist, sondern auch eine kleine Animation, die die verspielte Natur des Maskottchens offenbart.

Es nimmt die untere rechte Ecke ein und lenkt die Aufmerksamkeit nicht vom Slogan ab. Es bereichert den Heldenbereich, trägt zur visuellen Identität bei und hellt einfach die Stimmung auf.

Beispiel von Purple Bunny

Digitale Gestaltungstage

Wenn die Comic-Animation nicht Ihr Ding ist und Sie eine seriöse, sachliche Atmosphäre bevorzugen, können Sie jederzeit eine der digital reproduzierten technischen Animationen adaptieren, die heutzutage immer beliebter werden.

Das Team hinter den Digital Design Days zeigt es in der Praxis. Ihr Logo ist nicht nur in der oberen linken Ecke zu sehen, sondern auch im Heldenbereich, wo es den Löwenanteil des Platzes einnimmt. Hier wird die abstrakte 3D-Form in ihrer ganzen Pracht präsentiert und gibt den Benutzern die Möglichkeit zum Spielen. Außerdem nimmt das Typenschild die gleiche Position wie im Logo ein. Daher können Sie eine kompositorische Harmonie in jedem Detail spüren.

DDD beweist uns, dass, egal welches Logo Sie haben; Sie können schnell einen Heldenbereich darum herum bauen. Und Sie können am Ende ein hervorragendes Ergebnis erzielen, das nicht nur zur allgemeinen Ästhetik beiträgt, sondern auch die Unternehmensvision Ihres Unternehmens verbessert.

Beispiel von den Digital Design Days

Die Dorffilme / Athem

Diese Beispiele sind für diejenigen, die ein Auge fürs Detail haben und Subtilität und Raffinesse lieben. In beiden Fällen können Sie eine heikle Integration der Markenidentität erkennen.

Auf der offiziellen Website von Village Films wird das Logo beispielsweise als transparente Maske im Herzen der Szene verwendet. Es ist kaum sichtbar, aber es ist da und trägt zur allgemeinen Benutzererfahrung bei.

Beispiel aus The Village Films

Das Team hinter Anthem stellt kein Logo nach: Sie ahmen seinen Rhythmus nach. Sie können es im Schieberegler sehen, wo ein Bild in drei Slices unterteilt ist. Jedes Stück wird entlang der vertikalen Achse verschoben, um dem Muster im Logo zu folgen.

Beispiel aus Athem

Eine Einführung in Ihre Marke

Logos, die geschickt auf den Heldenbereich abgestimmt sind, sind eine perfekte Möglichkeit, die Markenidentität zu stärken und die Website zum Nutzen des gesamten Unternehmens zu zwingen. Nicht nur als Online-Immobilie, sondern auch als visuelle Identität.

Welchen Logotyp Sie auch haben, es gibt verschiedene Möglichkeiten, ihn im Willkommensbereich zu reproduzieren. Sie können die exakte Nachbildung wie Fyresite verwenden, die bildbasierte Version wie das Team hinter Olympp nutzen oder sogar eine Animation wie Purple Bunny erstellen.