Branding Heroes: Dodawanie swojej tożsamości do obszaru bohatera

Opublikowany: 2020-04-17

Tożsamość marki jest jednym z podstawowych elementów udanego biznesu. Niezależnie od tego, czy prowadzisz lokalną, jednoosobową firmę prawniczą, czy budujesz ogromne imperium na przestrzeni cyfrowej, to Twoja twarz mówi wiele.

Każde przedstawicielstwo powinno dumnie nosić elementy tożsamości marki, a strona internetowa nie jest wyjątkiem. Z reguły w przypadku oddziałów internetowych logo pełni rolę unikatowości firmy, która w świadomości konsumentów wizualnie odróżnia ją od innych.

Kolorystyka i motta marki często również leżą u podstaw estetyki serwisu. Czasami jednak to nie wystarczy, aby wykreować wizerunek firmy i przekazać właściwy przekaz. Czasami trzeba pójść o krok dalej. Sposobem na to jest wplecenie marki w obszar bohatera.

Rozważmy kilka charakterystycznych przykładów.

Fyrezyt

Najprostszym sposobem na splatanie Twojej marki z obszarem bohatera jest umieszczenie elementu identyfikacji wizualnej w samym sercu sekcji powitalnej. Spójrz na Fyresite.

Choć rozwiązanie jest niezwykle proste, to tutaj działa jak czar. Wszystko, co zrobił zespół, to włączenie większej wersji logo do obszaru bohatera, całkowicie je powielając. W ten sposób udało im się wygłosić oświadczenie i pokazać tętniący życiem, dynamiczny charakter agencji.

Warto zauważyć, że chociaż duża wersja logotypu ma spory ciężar wizualny, wprowadzenie nadal przyciąga wzrok. Dobrze rozegrane. Cokolwiek robisz, zawsze pamiętaj o równowadze między tożsamością marki a treścią. Nie poświęcaj tego drugiego.

Przykład z Fyresite

Olympp

Podobne podejście jest realizowane na Olympp, choć zespół przeniósł to na wyższy poziom.

Tutaj logo stoi za całym pięknem sekcji powitalnej. Dyktuje zasady estetyki i nadaje ogólny ton. Możesz zobaczyć, jak motyw grecki przebiega przez cały obszar bohatera, zmuszając go do odzwierciedlenia emblematu.

Pomysł jest prosty. A jednak nie tylko działa, ale i imponuje.

Przykład z Olympp

Davis Malm Adwokaci

Oficjalna strona internetowa Davis Malm Attorneys to absolutny klasyk przeplatania się marek. Podobnie jak w poprzednim przypadku, tutaj tło obrazu jest po logotypie.

Tym razem jednak możemy zobaczyć prawdziwy wizerunek maskotki. Co więcej, układ słów wprowadzających podąża tą samą ścieżką, co tabliczka znamionowa firmy w logo. Obszar bohatera wygląda jak logiczna kontynuacja, która współtworzy ogólną tożsamość wizualną.

Przykład od Davis Malm Adwokaci

Format klucza

Zasadniczo jest to to samo podejście, które widzieliśmy w przypadku Davis Malm Attorneys. W tle znajduje się prawdziwy wizerunek głównej maskotki, kozy. Jednak obszar bohatera ma zupełnie inną aurę i na pewno bardziej zabawny wygląd.

Powód tego tkwi w szczegółach. Widać dość modny neonowy kolor i typografię w stylu linii – kolejną nowoczesną cechę. Nadają projektowi rozbrykany i rześki wygląd, a jednocześnie korzystnie podkręcają markę.

Przykład z Keyformat

Authenticff

Ale nie tylko zwierzęta nadają się do takich rozwiązań, wszystko może załatwić sprawę. Nawet abstrakcyjne logo może być skoordynowane z obszarem bohatera. Rozważmy Authenticffa jako przykład.

Tutaj logo to prosty trójkąt z kilkoma krótkimi liniami w środku. W przeciwieństwie do pierwszego przykładu z naszej kolekcji, nie zobaczysz dokładnej repliki. Zamiast tego zespół wykorzystał alternatywną wersję z charakterystycznym wrażeniem 3D. Umiejętnie oderwali się od stylu, a jednocześnie zachowali charakter i charyzmę godła.

Przykład z Authenticff

Fioletowy Królik

Ok, zróbmy trochę interesująco, przechodząc tradycyjne podejście na wyższy poziom. Wykorzystamy trochę kreatywnego myślenia, szczyptę nowoczesnych rozwiązań i technik z najwyższej półki. Rozważmy Purple Bunny.

Zespół odpowiedzialny za Purple Bunny postawił na dynamiczne podejście. Ich obszar bohatera obejmuje nie tylko pełnowymiarowego królika z logo, ale także małą animację, która ujawnia zabawną naturę maskotki.

Zajmuje dolny prawy róg i nie odwraca uwagi od sloganu. Wzbogaca obszar bohatera, przyczynia się do identyfikacji wizualnej i po prostu poprawia nastrój.

Przykład z Purple Bunny

Dni cyfrowego projektowania

Jeśli animacja kreskówkowa nie jest twoją rzeczą i masz poważną, rzeczową atmosferę, zawsze możesz dostosować jedną z cyfrowo odtworzonych animacji technicznych, które są obecnie coraz bardziej popularne.

Zespół tworzący Digital Design Days pokazuje to w praktyce. Ich logotyp można zobaczyć nie tylko w lewym górnym rogu, ale także w obszarze bohatera, gdzie zajmuje lwią część przestrzeni. Tutaj abstrakcyjny kształt 3D jest przedstawiony w całej okazałości, dając użytkownikom możliwość zabawy. Co więcej, tabliczka znamionowa zajmuje to samo miejsce, co w logo. Dzięki temu można poczuć kompozycyjną harmonię w każdym szczególe.

DDD udowadnia nam, że jakikolwiek masz logotyp; możesz szybko zbudować wokół niego obszar bohatera. I możesz uzyskać znakomity wynik, który nie tylko przyczyni się do ogólnej estetyki, ale także poprawi korporacyjną wizję Twojej firmy.

Przykład z Digital Design Days

Wioski Filmowe / Atem

Te przykłady są dla tych, którzy dbają o szczegóły i uwielbiają subtelność i wyrafinowanie. W obu przypadkach widać delikatną integrację tożsamości marki.

Na przykład na oficjalnej stronie internetowej Village Films logotyp jest używany jako przezroczysta maska ​​umieszczona w samym sercu sceny. Jest ledwo widoczny, ale jest tutaj i poprawia ogólne wrażenia użytkownika.

Przykład z The Village Films

Zespół tworzący Anthem nie odtwarza logotypu: naśladuje jego rytm. Możesz to zobaczyć w suwaku, gdzie obraz jest podzielony na trzy plasterki. Każdy element jest przesunięty wzdłuż osi pionowej zgodnie ze wzorem logo.

Przykład z Athem

Wprowadzenie do Twojej marki

Logotypy sprytnie skoordynowane z obszarem bohatera to doskonały sposób na wzmocnienie tożsamości marki i wymuszenie na stronie korzyści dla całego przedsięwzięcia. Nie tylko jako nieruchomość internetowa, ale także jako element identyfikacji wizualnej.

Niezależnie od posiadanego logotypu istnieją różne sposoby na jego odtworzenie w sekcji powitalnej. Możesz użyć dokładnej repliki, takiej jak Fyresite, skorzystać z jej wersji opartej na obrazach, takiej jak zespół stojący za Olymppem, a nawet stworzyć animację, taką jak Purple Bunny.