Kampanie digital wykorzystujące banery HTML5 mogą być bardzo skuteczne, chyba że... popełnisz jeden z niżej wymienionych błędów.
🟣 1. Brak elementu przykuwającego uwagę
To najważniejszy krok — bez niego mało osób zauważy naszą reklamę.
Jeśli grafiki i treści na banerze są jednorodne, nic nie wyróżnia się na tyle, aby złapać nasz wzrok. Zresztą sam zobacz:
Potrzebujemy czegoś, co wybije się spośród otaczającej treści.
Wystarczy 1 główny element (np. tekst lub grafika), który wizualnie i poprzez animacje sprawi, że będzie nie do przeoczenia.
Gdy już zainteresujemy odbiorcę, pozostanie z nami… na kilka sekund.
Unikaj więc… ⬇
🟣 2. Zbyt dużo odsłon animacji
Mamy kilka sekund na zainteresowanie odbiorcy i przekazanie głównego komunikatu.
Utarło się, że 3-5 odsłon to rozsądne maksimum.
Naszym zdaniem ważniejsze od ilości jest szybkie dotarcie do brzegu.
Za kompromis uważamy banery 1-odsłonowe + opcjonalne pół-odsłony.
Dzięki temu w krótkim czasie możemy odbiorcę:
zainteresować,
przekazać główny komunikat,
opcjonalnie go pogłębić ale zachowując główny przekaz.
Poniżej przykład tego, co się dzieje, gdy odsłon jest za dużo:
Rozsądne podejście do liczby odsłon pozwoli ograniczyć treść do tej faktycznie istotnej. A dzięki temu unikniemy… ⬇
🟣 3. Zbyt dużo informacji
Baner to nie jest miejsce na elaboraty.
Powinno być prosto, krótko i do brzegu.
Chodzi o zainteresowanie odbiorcy i zachęcenie, aby dowiedział się więcej… ale dopiero na landing page'u.
Nawet jeśli nie zależy nam na przejściach na LP, zbyt duża ilość elementów sprawi, że treści będą nieczytelne. Jak na przykładzie poniżej:
Stąd też trzeba ich ilość dostosować do formatu i nie prezentować tej samej treści na mobilnym 300×50 co na desktopowym 970×250.
Przesadzić można również z animacją. ⬇
🟣 4. Nieodpowiednia animacja
Animacja pomoże przyciągnąć uwagę i urozmaicić reklamę. Jednak jeśli jest jej zbyt dużo lub jest nieodpowiednia, utrudni odbiorcy zapoznanie się z treścią.
Animacja, tak samo jak treści, musi mieć odpowiedni porządek i kolejność. Nie może też być ani zbyt wolna, ani zbyt szybka.
Przykładowo 3 jednocześnie poruszające się elementy sprawią, że odbiorca nie będzie wiedział na czym się skupić i w jakiej kolejności czytać komunikaty.
🟣 5. Brak lub nieodpowiednie pokazanie istotnych elementów
Jeśli coś jest ważne, to pokażmy to jasno i wyraźnie, na rzecz tych mniej ważnych.
Istotne może być CTA, packshot, logotyp lub inny element w zależności od celu kampanii.
Przykładowe CTA - istotne w kampanii performance, w której zależy nam na przejściu na LP:
➡ powinno w ogóle BYĆ 😀
➡ jednocześnie być wyraźnie widoczne, zachęcać do kliknięcia i jasno komunikować następny krok.
W kampanii wizerunkowej istotniejsze mogą być inne elementy niż CTA, np. packshot. 🍫
Nie klikasz przecież w reklamę nowego batona Kinder (bo po co). Jednak to, że wyraźnie go widziałeś na banerze, sprawi, że na sklepowej półce prędzej zwróci Twoją uwagę (jako coś, co znam).
Przykład baneru z nieczytelnym logo i ofertą:
Baner bez CTA i logo:
Baner, w którym wszystkie elementy są nieczytelne:
Podsumowanie
Podsumowując, błędami, które obniżają skuteczność banerów HTML5, są:
brak elementu przykuwającego uwagę,
zbyt dużo odsłon animacji,
zbyt dużo informacji na banerze,
nieodpowiednia animacja,
nieodpowiednie pokazanie istotnych elementów lub ich brak.
Potrzebujesz pomocy z kampanią digital wykorzystującą banery HTML5? Skontaktuj się z nami! 👇
Comments