Grafika reklamowa, która zatrzymuje scroll — jak projektować banery z wyższym CTR
Większość banerów jest ignorowana. Tłumaczę jak zaprojektować reklamę która zatrzymuje scroll.
Przeciętny użytkownik internetu widzi kilkaset banerów dziennie i ignoruje prawie wszystkie. Nie dlatego że reklama jest za droga albo produkt nieinteresujący. Dlatego że baner nie spełnia jednego prostego warunku: nie zatrzymuje oka wystarczająco długo, żeby mózg w ogóle zarejestrował przekaz. Projektowanie grafiki reklamowej to w dużej mierze inżynieria uwagi.
Hierarchia wizualna — co oko widzi pierwsze
Ludzkie oko nie skanuje banera losowo. Zatrzymuje się na kontraście, twarzy, ruchu i tekście o wyraźnie większym rozmiarze. Dobra hierarchia wizualna prowadzi wzrok po określonej ścieżce: pierwsze — główny benefit lub obraz, drugie — cena lub unikalna propozycja wartości, trzecie — CTA. Jeśli te trzy elementy są na tym samym poziomie wizualnym, baner nie działa. Projektując, zawsze wybieram jednego dominanta i podporządkowuję mu wszystko inne.
Proporcja tekstu do obrazu — dlaczego mniej znaczy więcej
Meta Ads historycznie karały banery z tekstem zajmującym ponad 20% powierzchni. Ta zasada przestała być technicznym ograniczeniem, ale pozostała dobrą praktyką. Baner z trzema zdaniami tekstu jest banery przeczytanym przez jednostki procentów odbiorców. Baner z jednym mocnym hasłem i obrazem — zatrzymuje dużo więcej. W banerach display zasada jest jeszcze surowsza: masz 300 milisekund na przekazanie głównego komunikatu. Jeden nagłówek, jedno zdjęcie, jeden przycisk.
Mocny CTA — który nakłania, nie tylko informuje
CTA to nie etykieta przycisku. To obietnica dla użytkownika. Porównaj 'Kliknij tutaj' z 'Pobierz bezpłatnie' albo 'Sprawdź cenę' z 'Oszczędź 20% dziś'. Drugi wariant każdej pary mówi dokładnie co się stanie po kliknięciu i co użytkownik zyska. Kolor CTA powinien kontrastować z tłem — nie musi być agresywny, musi być widoczny. Rozmiar przycisku na formatach 300×250 to minimum 36px wysokości.
Formaty IAB — co musisz przygotować na kampanię
- 300×250 (Medium Rectangle) — najczęściej wyświetlany, obowiązkowy w każdej kampanii
- 728×90 (Leaderboard) — pasek górny na desktopie, duża widoczność
- 160×600 (Wide Skyscraper) — boczny panel, dobry do remarketingu
- 320×50 (Mobile Banner) — standard mobile, zastępuje 728×90 na telefonie
- 970×250 (Billboard) — premium placement na desktopie, wymaga przestrzeni
- 1080×1080 i 1080×1350 — formaty kwadratowe i pionowe dla Meta i TikTok
Warianty A/B — dlaczego zawsze projektuję co najmniej dwa
Najlepszego banera nie zna nikt przed uruchomieniem kampanii. Nawet doświadczony projektant nie potrafi przewidzieć, który wariant koloru, nagłówka czy zdjęcia da wyższy CTR w konkretnej grupie docelowej. Dlatego do każdego projektu dołączam co najmniej dwa warianty kierunkowe: różniące się jednym kluczowym elementem, najczęściej nagłówkiem lub głównym obrazem. Kampania startuje, platforma optymalizuje, wygrany wariant dostaje więcej budżetu. To nie dodatkowy koszt — to jedyny sposób na poprawę efektów bez strzelania na oślep.
Eksport kampanijny — co zawiera gotowy zestaw plików
Plik graficzny to za mało. Gotowy eksport kampanijny zawiera: pliki statyczne w PNG lub JPEG dla każdego formatu, animowane wersje GIF lub HTML5 dla platform które je obsługują, nazwy plików z wymiarem w nazwie (np. banner_300x250_v1.gif), i ewentualnie pliki źródłowe AI lub PSD do drobnych aktualizacji po stronie klienta. Google Display wymaga plików poniżej 150KB dla GIF. HTML5 budowany w Google Web Designer lub GSAP. Meta akceptuje MP4 do 4MB dla animowanych kreacji.
Największy błąd — za dużo informacji w za małym formacie
Regularnie dostaje briefy w stylu: 'na banerze ma być logo, nazwa produktu, 3 cechy, cena, CTA, adres strony i numer telefonu'. W formacie 320×50 to fizycznie niemożliwe do przeczytania. Baner reklamowy to nie miniaturowa ulotka. Ma jeden cel: skłonić do kliknięcia. Resztą informacji zajmuje się landing page. Jeśli chcesz przekazać dużo, potrzebujesz sekwencji banerów w kampanii retargetingowej, nie jednego przepełnionego formatu.
