Reklama w kieszeni  – projektowanie mobile first

Trendy i innowacje

W TYM ARTYKULE PRZECZYTASZ O:

* DLACZEGO SMARTFON STAŁ SIĘ KLUCZOWYM MIEJSCEM KONTAKTU MARKI Z ODBIORCĄ

* CZYM NAPRAWDĘ JEST PODEJŚCIE MOBILE FIRST I DLACZEGO NIE CHODZI TYLKO O MNIEJSZY EKRAN

* JAK PROJEKTOWAĆ TREŚCI, FORMULARZE, CTA I INTERAKCJE POD UŻYTKOWNIKA MOBILNEGO

* DLACZEGO REKLAMA MOBILNA ROŚNIE I JAKIE FORMATY NAJLEPIEJ DZIAŁAJĄ NA SMARTFONACH

* JAK TWORZYĆ SKUTECZNE KREACJE MOBILE FIRST

Zwróciliście kiedyś uwagę na godzinę wyświetlaną na ekranach iPhone’a czy Maca w reklamie? Zazwyczaj wskazuje ona… 9:41. Nie jest to przypadkowe – dokładnie o tej godzinie na legendarnej konferencji w 2007 roku Steve Jobs pokazał pierwszy model smartfona Apple.

Pierwszy iPhone miał wtedy ekran o przekątnej 3,5 cala. Przez długie lata miał to być idealny rozmiar, bo pozwalał kciukowi dosięgnąć każdego zakątka ekranu. Co ciekawe, w 2007 roku większość telefonów z ekranami dotykowymi potrzebowała wtedy rysika. Jobs nienawidził ich, zmuszając inżynierów Apple do projektowania interfejsu opartego na multi touch – gestach typu uszczypnij, przesuń, które dziś są filarem projektowania UX.

Od tamtej pory minęły dwie dekady. Internet przestał być miejscem, do którego siadamy w wolnym czasie. Stał się miejscem, w którym żyjemy przez cały czas. W busie, kolejce czy na ławce w parku. I właśnie to dzięki iPhone’owi i jego konkurencji tak się dzieje.

Kiedyś to my dopasowywaliśmy się do sprzętu, a dziś to on pasuje do naszej dłoni.

Mobile first w każdym calu

Dzięki miniaturyzacji procesorów, obniżeniu kosztów przesyłu danych i wdrożenia nowych nawyków, to mobilne sprzęty stały się dziś praktycznie głównym a czasami jedynym miejscem styku marka-odbiorca.

Urządzenia mobilne to już nie telefony czy małe komputery, ale praktycznie uniwersalne, nieodłączne platformy naszego cyfrowego życia.

89% całkowitego czasu, jaki oddajemy mediom w aplikacjach, poświęcamy na smartfonach.

91% użytkowników dokonało zakupu po zobaczeniu reklamy mobilnej,

Reklamy mobilne dziś cechują się wyższymi wskaźnikami konwersji niż tradycyjne formaty desktopowe. Wymaga to zmiany podejścia do tworzenia reklamy i ogólnego podejścia do strategii. Wejście w większą personalizację, technologię, interakcję i zoptymalizowanie pod kątem małych ekranów.

Smartne reklamy się opłacają

Rynek reklamy mobilnej rośnie rok po roku i przekroczył w 2025 miliard euro, stanowiąc 41% całkowitego rynku reklamy online (przy 2,6 mld euro na reklamę cyfrową).

Dzieje się to za sprawą popularności platform takich jak YouTube, TikTok czy Instagram, gdzie treści wideo stały się dominującym formatem komunikacji. Do tego warto dołożyć segment reklamy programatycznej – z wydatkami sięgającymi 2,1 miliarda złotych i prognozowanym wzrostem na poziomie 21%.

Dlaczego to rośnie? Odpowiedź jest bardzo prosta. Około 30 milionów naszych rodaków aktywnie korzysta ze smartfonów, średnio spędzając przy nich… 4 godziny. Reklama w aplikacjach staje się więc musi have dotarcia do konsumentów.

Projektowanie mobile first

Uwaga użytkowników mobilnych jest bardziej fragmentaryczna i skoncentrowana na konkretnych momentach potrzeb. Smartfoniarze mają też większe zaufanie i komfort do tego, co przeglądają na ekranach. Po prostu mamy większy sentyment do rzeczy, aplikacji, które sami zainstalowaliśmy i podkręciliśmy pod nasze potrzeby.

I tutaj pojawia się mobile first. Ale to nie tylko zmniejszanie strony www i wpasowywanie jej rozmiarami na ekrany smartfona. To cały zespól procesów i myślenia, który determinuje nasze działania już na etapie projektowania. Zaczynamy od absolutnego minimum. Jeśli coś działa na małym ekranie, na dużym będzie działać jeszcze lepiej. Co konkretnie możemy zrobić?

Priorytetyzuj informacje: Ogranicz informacje do niezbędnych. Wyeksponuj kluczowe elementy: najważniejszy komunikat |(single message), główną korzyść i wyraźne CTA.

Maksymalna zwięzłość: Użytkownicy konsumują treści w różnych miejscach. Często w pośpiechu. Pisz krótko, używaj nagłówków i punktuj ważne treści w listach, by łatwo można było przejrzeć całość.

Projektowanie pod kciuk: Najważniejsze przyciski i elementy nawigacyjne powinny mieścić się w dolnej i środkowej części ekranu. Tak, by można było łatwo klikać czy przesuwać elementy za pomocą wolnego kciuka.

Duże elementy dotykowe: Projektuj pod tąpnięcia i swipe. Przyciski do interakcji muszą być odpowiednio duże (min. 44×44 px) i posiadać odpowiednie odstępy. Tak, by uniknąć przypadkowych kliknięć czy, co najgorsze, zamknięcie oglądanego elementu.

Uproszczone formularze: Obowiązkowe treści do uzupełnienia skróć do niezbędnego minimum. Pomóż użytkownikowi instalując opcję autouzupełniania czy klawiatury numeryczne dla pól, w których trzeba wpisać np. numer telefonu.

Optymalizuj ładowanie: Użytkownicy mają małą cierpliwość do stron ładujących się dłużej niż parę sekund. Pomyśl o nich i ogranicz ciężkie grafiki czy skrypty.

Responsywność (RWD): Stosuj media queries, aby układ elastycznie dopasowywał się do różnych rozdzielczości smartfonów.

Czytelność na ekranie: uprość logo i stosuj czyste i łatwe do rozpoznania fonty – minimum 16 px dla tekstu głównego. amiętaj o kontraście i wielkości fontów. Ekran smartfona odpalamy w różnych okolicznościach.

===

Jak możesz zaprojektować reklamę mobile first?

Żeby zrobić skuteczną reklamę mobile first najlepiej zacząć od podstaw. Oto one:

1. Format wertykalny

Ludzie trzymają telefon pionowo i tak konsumują treści. Twoja kreacja musi zajmować jak najwięcej miejsca na ekranie. Reklama w pionie (9:16) lub kwadracie (1:1) wypełnia pole widzenia, eliminując rozpraszacze z otoczenia.

2. Branding w pierwszych sekundach

Tu nie ma czasu na budowę napięcia. Logo marki lub produkt musisz pokazać od początku. Zastosuj jakiś ciekawy hook, by lepiej zakotwiczyć się w pamięci – zaskocz, podrażnij, zachwyć.

3. Projektuj sound-off

Zdecydowana większość reklam oglądana jest bez dźwięku, by nie przeszkadzać innym. Używaj dużych, dynamicznych napisów i czytelnych ikon, które opowiedzą historię bez słów.

4. Przejdź do sedna od razu

Kluczowe info o zniżce, rabacie czy darmowej dostawie musi być jak największe i pojawić się w centralnym punkcie. Zakomunikuj błyskawicznie, co chcesz powiedzieć – smartfon to medium wizualne. Tu nie ma czasu na pisanie.

5. Call to action pod ręką

Przycisk CTA musi się aż prosić o dotknięcie kciukiem. Odróżnij go wyraźnie od reszty grafiki. Powinien być wyraźnie oddzielony od reszty grafiki kontrastowym kolorem.

Lista linków – tu znajdziesz więcej:

Raport Publicis o wartości rynku reklamy w Polsce
https://aboutmarketing.pl/publicis-groupe-polska-w-2025-r-rynek-reklamy-wzrosl-o-69-wideo-online-internet-i-radio-z-najwieksza-dynamika-raport/
Statystyki odnośnie mobile
https://entrepreneurshq.com/mobile-marketing-statistics/#:~:text=88%25%20of%20mobile%20media%20time%20is%20spent,billion%20in%20October%202024%20reach%2081.74%20bil
Historia o Apple
https://priyankajain997.medium.com/why-does-apple-always-set-the-time-to-9-41-am-in-iphone-ads-3c11167c21d5
Sporo ciekawostek o projektowaniu 9:16
https://cropink.com/9×16-aspect-ratio
Fajny tekst o projektowaniu pod mobile na Figma
https://www-figma-com.translate.goog/resource-library/mobile-first-design/?_x_tr_sl=en&_x_tr_tl=pl&_x_tr_hl=pl&_x_tr_pto=sge&_x_tr_hist=true

W AdScool znajdziesz materiały i szkolenia poświęcone m.in. social media, e-commerce, influencer marketingowi i nowym modelom sprzedaży online. To praktyczna wiedza, która pozwala lepiej poruszać się w dynamicznie zmieniającym się środowisku cyfrowym.