Sztuka pierwszego wrażenia

Twoi klienci w każdej sekundzie są bombardowani różnymi komunikatami
w Internecie. Doświadczają przebodźcowania.

Jak szybko powinna wczytywać się Twoja strona?

Najszybciej jak to możliwe. Im dłużej to trwa, tym większe prawdopodobieństwo, że użytkownik zrezygnuje z czekania i opuści stronę zanim na dobre ją zobaczy.

Najlepsze strony wczytują się w mgnieniu oka. Dosłownie.

Mrugnięcie trwa około 400 milisekund. Szybkość na poziomie 500 milisekund
(0,5 sekundy) jest możliwa.

Im bliżej tego pułapu doskoczy Twój Landing Page, tym lepiej.

Sekcja hero to górna część strony, którą odwiedzający widzą bez konieczności przewijania w dół (czyli znajduje się „above the fold”).

To pierwsze, co Twój potencjalny klient zobaczy lądując na stronie.

Ta sekcja zawiera (co najmniej):

• nagłówek;
• podtytuł;
• wezwanie do działania (CTA);
• hero shot (kluczowy obraz, animację lub wideo).

Wszystkie te elementy muszą tworzyć spójną całość i jasno komunikować użytkownikowi, jaką WARTOŚĆ mu oferujesz.

Skupmy się głównie na obrazach - hero shots. Dlaczego?

Użycie zdjęcia na stronie docelowej jest warte tysiąca słów.

Silny hero shot jest kluczem do uzyskania wysokiego współczynnika konwersji.

KONWERSJA to konkretne działanie, którego oczekujesz od odwiedzających po przejściu na Twoją stronę. Zachęcasz do niego również za pomocą Call to Action (CTA).

Konwersją może być np. złożenie zamówienia, wysłanie formularza kontaktowego, zapis na newsletter.

To pierwsza rzecz, którą ludzie zobaczą, więc upewnij się, że jest to coś, co przykuje ich uwagę i sprawi, że będą chcieli zostać dłużej.

Obraz to szansa na pokazanie w ułamkach sekundy tego, czego same słowa nie są w stanie wyrazić. Na pewno nie w tak krótkim czasie.

Grafika, którą umieścisz w swojej sekcji hero nie może być tylko nic nieznaczącym wypełniaczem. Przez takie obrazy tracisz szansę, by zachwycić i przyciągnąć klienta do swojej firmy.

Jeżeli użytkownik Cię zignoruje, to nic od Ciebie nie kupi. Żeby tego uniknąć warto poznać bliżej dobre i złe praktyki tworzenia hero shot.

5 rodzajów grafiki w sekcji hero:

• produktowa;
• procesowa;
• obiecująca;
• abstrakcyjna;
• metaforyczna.

Grafika produktowa koncentruje się w 100% na produkcie. Bardzo często pokazuje go w użyciu.

Sprawia, że Twoja oferta przestaje być abstrakcyjna.

Daje odwiedzającym przedsmak tego, jak wygląda Twój produkt i jak mogą się czuć korzystając z niego.

Warto, żebyś po nią sięgną szczególnie w przypadku nowych lub skomplikowanych produktów.

Jeżeli prowadzisz firmę usługową lub tworzysz oprogramowanie, hero shot skoncentrowany na procesie może okazać się dla Ciebie tym najlepszym.

Vinted w swojej sekcji hero pokazuje, jak łatwe (i przyjemne) jest wystawianie produktów na sprzedaż w ich aplikacji. Wystarczy zrobić zdjęcie telefonem.

Dodatkowo marka od razu komunikuje,że kieruje ofertę do zwykłych ludzi, którzy chcą wprowadzić zmiany w swojej szafie.

Wybierając ten rodzaj grafiki przedstawiasz klientowi rezultat, którego doświadczy, kiedy już wybierze Twoją firmę.

My pokazujemy w swoim hero wideo ze zrealizowanymi już stronami internetowymi.

Dajemy próbkę naszych możliwości i eksponujemy przyszły, POŻĄDANY przez klienta, stan.

Jaki daje nam to efekt?

Jeśli użytkownik pomyśli: “Tak, właśnie tego szukam. O taki efekt mi chodzi. Biorę!”, wygrałeś.

Metaforyczne obrazy jasno symbolizują wartość, jaką oferujesz klientom, ale robią to w metaforyczny (nie dosłowny) sposób.

Tak jak pancernik na stronie Armadillo - firmy oferującej gwarancję na dom.

Pancerniki symbolizują ochronę, empatię i wyznaczanie granic. Nie istnieje chyba lepsza metafora, tak dobrze oddająca klimat tego rodzaju firmy.

Z kreatywnością można jednak przesadzić. Korzystanie z abstrakcyjnych obrazów w sekcji hero jest ryzykowne.

Tak naprawdę nie komunikują one nic o produkcie i usłudze. Po prostu wypełniają przestrzeń.

Nie pomagają potencjalnym klientom zrozumieć Twojej oferty.

W rzeczywistości utrudniają odwiedzającym zorientowanie się, co robisz i dlaczego powinno ich to w ogóle obchodzić.

Obraz musi zrobić mocne pierwsze wrażenie, więc bądź strategiczny co do tego, co w nim zawierasz.

Upewnij się, że jest wysokiej jakości i ma związek z Twoją marką.

Twój hero shot może zawierać trochę tekstu. Ale tekst powinien być zawsze drugorzędny w stosunku do obrazu.

Klienci podejmują decyzję o tym, czy pozostać na stronie w ułamkach sekund.

Jeśli od razu nie dasz im jasności, że to, co pokazujesz jest właśnie dla nich, mogą po prostu opuścić Twoją stronę. Nie podejmując na niej żadnej akcji (konwersji).

Firma Noir Dental Clinic zrobiła w tej kwestii naprawdę dobrą robotę. Ich grafika od razu trafia do osób, które liczą na metamorfozę. Podkreśla, że klinika jest wyjątkowa.

Ciemny, elegancki design, wyraziste niebieskie usta i piękne prezentujące się w tej kolorystyce białe zęby- nie codziennie widzimy takie strony z usługami dentystycznymi. Ta się mocno wyróżnia.

Bez względu na to, czy kierujesz ich z reklam, portali społecznościowych, wpisów blogowych czy z jakiegokolwiek innego miejsca - zadbaj, żeby dostali to, na co liczyli klikając link.

Wpasuj go idealnie w swoją sekcję hero, nie myśląc w tym miejscu o informacjach, które podajesz klientowi w dalszej części strony.

Ożywiaj swoją ofertę. Tchnij w nią więcej emocjonalnego pierwiastka.

Zrobiliśmy to dla Studia OKO. Z ich hero shot bije szczęście i pewność siebie.

Po najechaniu na kolorowy, multimedialny element w dłoni naszej bohaterki, zaczyna się on poruszać.

Zgodnie z kierunkiem wyznaczonym przez kursor, a więc dyktowanym przez samego użytkownika.

To przedsmak możliwości oferowanych przez markę. Buduje zaufanie.

Dodatkowo zwróć uwagę, na co patrzy bohaterka obrazu. Dokładnie. Na treści umieszczone w nagłówku i podtytule.

I wiesz co?

Dzięki temu Twój wzrok też pewnie do nich powędrował.

Napisz do nas, chętnie zrobimy coś skrojonego specjalnie dla Twojej marki i jej klientów.

Już samo to, że zastosowałeś się do omówionych wyżej wskazówek zapewni Ci większe zaufanie odbiorców.

Ale nie musisz na tym kończyć.

Możesz jeszcze bardziej wzmocnić pewność swoich klientów umieszczając w sekcji hero dowód społeczny. Potwierdzenie, że inni już Cię sprawdzili. I byli zadowoleni ze współpracy.

Dobrze działają w tym miejscu referencje, oceny gwiazdkowe, nagrody lub, jak robi to Brand24, loga dotychczasowych klientów.

Używaj niestandardowych zdjęć, obrazów, animacji i materiałów wideo.

Marka Adobe zrobiła w tej kwestii coś genialnego. Prezentuje animację pokazującą możliwości swojego narzędzia. Uwaga. Bazując na własnym logo!

Jeśli natomiast musisz wykorzystać fotografie z banków zdjęć, popracuj nad nimi. Dopasuj je do stylu i charakteru Twojej marki.

Jeśli nie, czas przetestować różne warianty Landing Page w poszukiwaniu tej najlepszej.

Jesteśmy tu, gdybyś potrzebował kogoś, kto zdejmie Ci z barków to zadanie. Dowieziemy zbawienny landing, który faktycznie będzie zbierał dla Ciebie klientów.