Wszystko, co musisz wiedzieć o projektowaniu obrazów bohaterów

Obrazy bohaterów to duże obrazy lub serie obrazów, które są wyświetlane w widocznym miejscu na stronie głównej i czasami są używane w projektach wiadomości e-mail. W rzeczywistości odgrywają bardzo ważną rolę dla wszystkich firm”, dlatego ważne jest, aby wiedzieć co nieco o projektowaniu wizerunku bohaterów.

Dlaczego powinieneś mieć obraz bohatera?

• Pomoże Ci zbudować markę i opowiedzieć historię marki. Możesz użyć tych zdjęć, aby przekazać informacje o historii Twojej marki.
• Możesz go również użyć, aby odpowiedzieć na najczęściej zadawane pytania klientów lub rozwiązać problem, który jest wrażliwy na czas.
• Obrazy bohaterów mogą być również wykorzystywane do informowania klientów o propozycji wartości Twojej marki.
• Jeśli masz ważne ogłoszenie do ogłoszenia, na przykład sprzedaż, która nastąpi wkrótce, może to pomóc. To świetny pomysł na e-maile, które wyślesz.
• Zdjęcia bohaterów mogą służyć do przedstawiania produktu lub całej linii produktów.

Co należy uwzględnić w projekcie obrazu bohatera?

Istnieją trzy główne elementy, które musisz uwzględnić w projekcie wizerunku bohatera, aby był idealny dla Twojej marki. W rzeczywistości będzie działał jako obraz wywołania akcji, jeśli zostanie wykonany poprawnie.

• Sam obraz powinien zawierać fotografię w wysokiej rozdzielczości, przyciągającą wzrok grafikę lub obrazy. Rozdzielczość obrazu zostanie wyświetlona, ​​abyś wiedział, jaki rozmiar powinien mieć obraz.
• Powinieneś także mieć krótką, zwięzłą i mocną treść, którą można dodać do obrazu. Powinno to natychmiast doprowadzić wiadomość do domu.
• Wszystkie obrazy bohaterów muszą zawierać bardzo silny tekst lub przycisk wezwania do działania. Dobrymi przykładami mogą być „Kup teraz”, „Dowiedz się więcej”, „Przeczytaj naszą historię” lub „Kup teraz”.

Najlepsze praktyki tworzenia obrazów bohaterów

Używaj obrazów wysokiej jakości

Bardzo ważne jest, aby Twoje obrazy były wysokiej jakości, niezależnie od tego, czy znajdują się na stronie internetowej, czy w wiadomości e-mail. Ze względu na rozmiar dzisiejszych ekranów komputerów i smartfonów klienci mogą łatwo stwierdzić, czy projekt obrazu bohatera jest rozmyty, czy rozpikselowany. Jeśli chcesz uniknąć tych problemów, zawsze możesz zmienić rozmiar obrazów, zmniejszając je. Ale nigdy nie zwiększaj rozmiaru. Jak tylko to zrobisz, twój obraz zostanie rozpikselowany.

Jeśli chodzi o wysokość i szerokość obrazu bohatera, będzie to zależeć od konkretnego układu, który masz. Może chcesz, aby obraz bohatera zajmował całą szerokość strony? Jeśli tak, użyj VW lub VH (co oznacza pełną szerokość lub wysokość obszaru widoku).

Powinieneś również upewnić się, że dostosowujesz wszystkie używane obrazy stockowe, a tło nie jest zbyt zajęte, zwłaszcza jeśli dodajesz tekst. Używanie kontrastu kolorów poprzez nakładki i siatki to również świetny sposób na zapewnienie przejrzystości tekstu i tła. Na przykład zwróć uwagę na biały tekst na poniższym obrazku.

Czasy ładowania obrazów

Gdy używasz obrazów wysokiej jakości, czas ładowania odgrywa kluczową rolę. Gdy czas ładowania wzrośnie z 0,4 do 0,9 sekundy, ruch zmniejsza się o 20%. Oto niektóre z najlepszych praktyk, których należy przestrzegać, aby tego uniknąć:

• Zmień rozmiar obrazu samodzielnie i nie pozwól przeglądarce zrobić tego automatycznie.
• Kompresja wybranego obrazu za pomocą programu Photoshop. Możesz także użyć narzędzi do kompresji przeznaczonych specjalnie do tego celu.
• Spróbuj pracować z obrazami PNG i JPG, aby zobaczyć, który typ działa najlepiej bez wydłużania czasu ładowania.

Demonstracja w celu wywołania odwołania

Twój projekt obrazów bohaterów powinien pokazywać odbiorcom, co sprzedajesz, dokładnie tak, jak jest. Na przykład, jeśli chcesz sprzedawać spersonalizowane parasole, możesz zaprezentować obraz ludzi w deszczu, którzy z nich korzystają.

Jeśli Twój obraz wskazuje slogan lub mówi klientom o wyprzedaży, upewnij się, że użyto tylko niewielkiej ilości kopii. Inną ważną rzeczą, na którą należy zwrócić uwagę, jest to, że podpisy pod obrazami będą odczytywane o 300% więcej niż kopia treści. Daj więc wyobrażenie o tym, jak dokładny, zgodny i ukierunkowany powinien być Twój podpis na obraz bohatera.

Inną taktyką, którą możesz wypróbować, jest użycie serii banerów bohaterów zamiast jednego obrazu, który łączy wysokiej jakości obrazy z silnym i przekonującym wezwaniem do działania.

Zachowaj trafność

Twój wizerunek bohatera jest jak wstęp do Twojej wiadomości. Pomoże to Twoim klientom zrozumieć, czego mogą oczekiwać od reszty wiadomości e-mail lub witryny. Jeśli obraz nie przekazuje jasno Twojego przekazu, nie dostarcza również wartości dla klienta.

Byłoby to również całkowitym marnowaniem przestrzeni, którą zużyłeś na projekt. Jeszcze bardziej niebezpieczne jest to, że wizerunek nie odpowiada wyobrażeniom klienta o produkcie lub usłudze. Będzie to po prostu zagmatwane.

Aby zachować trafność, musisz wziąć pod uwagę następujące kwestie:

• Czy obraz jest używany jako wizualizacja Twojego docelowego słowa kluczowego?
• Czy Twój obraz jasno określa cel Twojej strony internetowej lub wiadomości e-mail?
• Czy przepływ strony lub wiadomości e-mail, prowadzący aż do wezwania do działania, jest wspierany przez użyty obraz?
• Ile wiarygodności i autentyczności wnosi wizerunek do Twojej marki?
• Czy korzyści i znaczenie są wzmocnione przez obraz?
• Czy obraz wyzwala emocje, które skłonią klientów do podjęcia tego wezwania do działania?
• Czy Twój wizerunek może przedstawiać klienta jako bohatera po nabyciu produktu lub usługi?

Kładzenie nacisku na wezwanie do działania

Wcześniej zwracaliśmy uwagę, że ważne jest umieszczenie wezwania do działania w projekcie wizerunku bohatera. Teraz spójrzmy, co możesz zrobić, aby od razu zwrócić na to uwagę. Na przykład wezwanie do działania nie powinno konkurować z obrazem. Jednak powinno naprawdę się wyróżniać. Poniższy przykład to idealne połączenie dostarczania trafnego i emocjonalnego komunikatu przy jednoczesnym zachowaniu wagi przycisku wezwania do działania proporcjonalnie do ogólnego obrazu. Bardzo ważne jest tutaj również użycie koloru.

Aby upewnić się, że CTA się wyróżnia, możesz wykonać test rozmycia obrazu. Pomoże Ci to zobaczyć, czy oko klienta zostanie przyciągnięte tam, gdzie potrzebujesz. Wystarczy zrobić zrzut ekranu witryny lub projekt wiadomości e-mail, a następnie zastosować na nim efekt rozmycia za pomocą Adobe XD. Gdy obraz jest rozmazany, zobacz, co przyciąga twoje oko. Nie podoba ci się to, co widzisz? Nadszedł czas na rewizję.

Zaprezentuj prawdziwych ludzi, a nie „prawdziwych fałszywych” ludzi

Jeśli zamierzasz uwzględnić ludzi w swoim projekcie wizerunku bohatera, zaprezentuj zdjęcia prawdziwych ludzi, którzy reprezentują Twoją markę. Unikaj zdjęć, które przedstawiają profesjonalnie wyglądającą osobę z szerokim uśmiechem wpatrującą się w ekran. Te obrazy są bez liku i po prostu wydają się bezsensowne i fałszywe. Przeprowadzone testy użyteczności pokazują, że takie obrazy są tylko dekoracyjne i nie wnoszą żadnej realnej wartości. Może to również odjąć pozytywy od doświadczenia użytkownika.

Rozważ użycie ilustracji, które mają osobisty charakter

Ilustracje stają się również popularnym wyborem do projektowania wizerunków bohaterów. Jeśli możesz dodać ten osobisty akcent do ilustracji, mogą one w rzeczywistości nadać Twojemu obrazowi wiele osobowości. Korzystanie z ilustracji zapewni lepszą kontrolę nad technicznymi i treściowymi aspektami obrazu, ponieważ możesz je dostosować tak bardzo, jak chcesz. W rzeczywistości, jeśli chcesz lepiej rozpoznawać markę, rozważ spersonalizowane ilustracje do swojego wizerunku bohatera.

Aby ilustracja była funkcjonalna, powinna być łatwo rozpoznawalna. Wiadomość, którą wysyła, powinna być postrzegana podobnie, niezależnie od tego, kim jest użytkownik. Jeśli jest więcej niż jedna ilustracja, wszystkie powinny być spójne. Innymi słowy, musi wyglądać tak, jakby ta sama osoba stworzyła wszystkie ilustracje.

Jeśli potrzebujesz pomocy przy projektach wizerunków bohaterów, dedykowany zespół Kimp jest zawsze gotowy do pomocy.

Niesamowite obrazy bohaterów do inspiracji

Teraz, gdy znasz już podstawy, oto kilka świetnych przykładów obrazów Hero, które działają naprawdę dobrze.

Ten obraz wykorzystuje koncepcję 3D. Ma również ostre i atrakcyjne tło o dużej funkcjonalności.

Apple, jak wszyscy wiemy, to marka, która skupia się na swoim designie. W związku z tym sensowne jest, aby prezentowali swoje produkty na zdjęciach bohaterów – w dobrym stylu.

Spotify naprawdę robi tutaj wrażenie dzięki zastosowaniu pięknego kontrastu kolorów, który dobrze się sprawdza, aby ta oferta była naprawdę popowa. Ponadto użytkownicy mogą również przewijać wiele obrazów bohaterów zamiast tylko jednego.

Ten projekt wizerunku bohatera marki Fivefootsix to w pełni czarny ekran z podświetlonym hasłem umieszczonym w samym środku. Charakter tego projektu i umieszczenie tekstu od razu przyciąga do niego uwagę.

Bądź bohaterem i uzyskaj właściwy projekt wizerunku bohatera

Stworzenie wspaniałego projektu wizerunku bohatera jest bardzo ważne. Nie tylko pomoże Ci zaprojektować osobowość Twojej marki i wykreować świadomość, ale także pomoże Ci zwiększyć sprzedaż! Powinieneś także pomyśleć o tym, jak często chciałbyś zmienić wygląd swojego bohatera, aby osoby, które wielokrotnie odwiedzają Twoją stronę internetową, poczuły, że jest dla nich coś nowego do sprawdzenia. W przypadku e-maili upewnij się, że Twoje obrazy są wystarczająco chwytliwe, aby czytelnik przeglądał i nie klikał przycisku usuwania.

Jeśli chodzi o Twój projekt, spraw, aby Twój obraz był wyraźny, mocny, starannie przemyślany i niepowtarzalny. Głównym celem jest to, aby Twój klient poczuł się przyciągnięty do obrazu i poczuł się zmuszony do przeczytania tego, co masz do powiedzenia.