Kreacje na Reels i Stories - bezpieczne strefy i wymiary grafik dla e-commerce

Co umieścić w bezpiecznej strefie kreacji pionowej, a co może wyjść poza nią

Bezpieczna strefa nie oznacza, że poza nią musi być pusto. Format pionowy działa najlepiej, gdy obraz wypełnia cały ekran, a elementy interfejsu nakładają się na tło, a nie na treść. Podział wygląda zwykle tak:

Jak zaprojektować kreację na Reels i Stories krok po kroku

Kreacja pionowa nie powinna być rozciągniętą grafiką z feedu. Najlepsze efekty daje projektowanie od razu w 9:16, z myślą o tym, że odbiorca trzyma telefon w dłoni i przewija szybko. Poniżej proces, którego używamy przy projektowaniu pionowych kreacji dla sklepów.

[#chart:pgr30b]

1. Ustal jeden komunikat. Nowość, rabat, korzyść albo efekt produktu - jeden na kreację.

2. Wybierz materiał pionowy. Zdjęcie lub film nagrany w pionie, a nie przycięty kadr poziomy, w którym produkt staje się mały.

3. Nałóż szablon stref. Zaznacz marginesy Reels i Stories przed rozpoczęciem projektowania.

4. Rozmieść tekst i logo. W środkowej części kadru, dużym krojem pisma, z wysokim kontrastem.

5. Sprawdź na telefonie. Podgląd reklamy w Menedżerze reklam pokazuje kreację z elementami interfejsu.

6. Przygotuj wersje do feedu. Ten sam komunikat w 4:5 lub 1:1, żeby kampania miała spójne kreacje we wszystkich miejscach.

Tekst i napisy w pionowym wideo

Wiele osób ogląda Reels i Stories bez dźwięku, dlatego najważniejsze informacje powinny pojawiać się w napisach lub w tekście na ekranie. Napisy umieszczaj w środkowej lub górnej części bezpiecznej strefy - automatyczne napisy przy dolnej krawędzi w Reels nakładają się na podpis reklamy. Tekst powinien pozostać na ekranie wystarczająco długo, żeby dało się go przeczytać.

Logo i elementy marki

W formatach pionowych nazwa profilu i zdjęcie profilowe są widoczne u góry ekranu, więc duże logo na kreacji często jest zbędne. Wystarczy mniejszy znak w bezpiecznej strefie albo plansza z logo na końcu filmu. Ważniejsza od logo jest rozpoznawalność stylu: te same kolory, kroje pisma i sposób pokazywania produktu co w sklepie i w innych reklamach.

Grafika z feedu w Stories i Reels - dlaczego warto mieć osobną wersję 9:16

Jeśli w reklamie użyjesz tylko grafiki kwadratowej lub 4:5, Meta może wyświetlić ją w Stories i Reels z wypełnionym tłem albo automatycznie rozszerzyć obraz. Efekt bywa poprawny, ale produkt zajmuje wtedy mniejszą część ekranu, a dodane tło nie zawsze pasuje do kreacji. W Menedżerze reklam można przypisać osobną grafikę lub film do miejsc pionowych, dlatego przy kampaniach sklepów warto przygotować komplet: wersję do feedu i wersję 9:16.

Wymiary grafik do aktualności i zasady tekstu na banerach opisaliśmy w artykule Baner reklamowy Meta Ads - wymiary, zasady tekstu i formaty. W formatach pionowych świetnie sprawdzają się zdjęcia w użyciu - o tym, kiedy wybrać je zamiast packshotu, piszemy w tekście Zdjęcia lifestyle czy packshot.

Czytelność kreacji na Reels i Stories na pełnym ekranie

Pełnoekranowy format kusi, żeby zmieścić na nim dużo informacji. Tymczasem odbiorca przewija Stories i Reels bardzo szybko, a na każdą kreację poświęca chwilę. Dlatego zasady czytelności są w formatach pionowych jeszcze ważniejsze niż w feedzie:

• jedno hasło na ekran - zamiast akapitu tekstu, który trzeba czytać,

• wysoki kontrast - jasny tekst na ciemnym podkładzie lub odwrotnie, zwłaszcza na zdjęciu z wieloma detalami,

• duży krój pisma - grubszy i większy niż w grafikach do feedu, bez cienkich i ozdobnych fontów,

• produkt od pierwszej sekundy - w filmie produkt powinien pojawić się od razu, a nie po planszy z logo.

Grafika statyczna czy wideo w formatach pionowych

Stories i Reels kojarzą się z wideo, ale grafiki statyczne również mogą się w nich wyświetlać. W Reels, gdzie użytkownik ogląda filmy, statyczna grafika może wyróżniać się mniej, dlatego warto rozważyć choćby prostą animację: ruch tekstu, przejście między dwoma zdjęciami produktu albo powiększenie detalu. Taką animację można przygotować z istniejących zdjęć, bez nowej sesji, a wynik porównać z wersją statyczną w tej samej kampanii. Bezpieczne strefy obowiązują tak samo dla grafik, jak dla filmów.

Najczęstsze problemy z kreacjami na Reels i Stories

Większość problemów z formatami pionowymi wychodzi dopiero po publikacji, gdy reklama jest oglądana na telefonie. Poniższy diagram zbiera typowe objawy i sposoby ich naprawy.

[#chart:pgr30c]

• tekst przy dolnej krawędzi - w Reels zasłania go podpis reklamy i przycisk,

• logo w lewym górnym rogu - nakłada się na nazwę profilu i pasek postępu,

• przycięty kadr poziomy - produkt jest mały i rozmyty po powiększeniu,

• za mały krój pisma - tekst czytelny na monitorze, nieczytelny na telefonie,

• przycisk narysowany na grafice - dubluje prawdziwy przycisk reklamy i myli odbiorcę,

• jedna kreacja bez podglądu - brak sprawdzenia w podglądzie Menedżera reklam przed startem.

Pomysły na kreacje pionowe dla sklepu internetowego

Format pełnoekranowy nagradza ruch i bliskość. Kilka sprawdzonych pomysłów, które łatwo zrealizować w sklepie bez dużej produkcji:

• rozpakowanie paczki - pokazuje produkt, opakowanie i zawartość zestawu,

• przed i po - efekt użycia w dwóch ujęciach,

• produkt w dłoni - naturalny punkt odniesienia dla wielkości,

• przegląd wariantów - kolejne kolory lub wersje produktu w krótkich ujęciach,

• krótka instrukcja - trzy kroki użycia z napisami.

[#przyklad] Sklep z kosmetykami przygotowuje reklamę serum w Reels. Film zaczyna się od zbliżenia kropli na dłoni, w środku kadru pojawia się hasło o głównej korzyści, a nazwa produktu i pojemność są widoczne na opakowaniu trzymanym na wysokości oczu. Logo marki jest małe, w górnej części bezpiecznej strefy, a napisy z wypowiedzią znajdują się w środku ekranu. Dolne 35% kadru wypełnia tylko tło - tam pojawi się podpis reklamy i przycisk.

[#checklista] Przed publikacją kreacji pionowej sprawdź: czy plik ma 1080 x 1920 px i proporcje 9:16, czy tekst, cena i logo mieszczą się w bezpiecznej strefie Reels, czy napisy nie są przy dolnej krawędzi, czy na grafice nie ma narysowanego przycisku, czy krój pisma jest czytelny na telefonie i czy kreacja wygląda dobrze w podglądzie Menedżera reklam.

Jak Vinson pomaga projektować kreacje na Reels i Stories

Projektujemy pionowe kreacje do Reels i Stories: grafiki statyczne, animacje i proste filmy produktowe z napisami, zawsze z uwzględnieniem bezpiecznych stref. Przygotowujemy komplety w wersjach 9:16, 4:5 i 1:1, spójne z grafikami ofertowymi, miniaturkami, banerami i identyfikacją wizualną sklepu. Szczegóły znajdziesz na stronie projektowanie graficzne dla e-commerce.

Vinson to agencja e-commerce z Bochni, działająca od 2021 roku. Jesteśmy Meta Business Partnerem i Google Partnerem, a nasze projekty powstają z myślą o tym, jak będą działać w kampaniach reklamowych.

Najczęściej zadawane pytania

Jaki wymiar grafiki do Stories i Reels?

Grafiki i filmy do Stories i Reels przygotowuje się w proporcjach 9:16, w zalecanej rozdzielczości 1080 x 1920 px. Obrazy zapisuj jako JPG lub PNG, a filmy jako MP4 lub MOV. Aktualne specyfikacje warto sprawdzić w centrum pomocy Meta.

Co to jest bezpieczna strefa w Stories?

Bezpieczna strefa to część kreacji, której nie zasłaniają elementy interfejsu aplikacji. W Stories Meta zaleca zostawić około 14% wysokości, czyli ok. 250 px, u góry i u dołu kadru bez tekstu i logo.

Czym różni się bezpieczna strefa Reels od Stories?

W Reels dolny margines jest znacznie większy, bo pod filmem wyświetla się podpis reklamy, nazwa konta i przyciski. Meta zaleca zostawić około 14% u góry, 35% u dołu i 6% po bokach kadru. Projektując jedną kreację do obu miejsc, warto przyjąć marginesy z Reels.

Czy mogę użyć grafiki kwadratowej w Stories?

Możesz, ale Meta wyświetli ją z wypełnionym tłem lub automatycznie rozszerzy obraz, a produkt zajmie mniejszą część ekranu. Lepsze efekty daje osobna wersja 9:16 przypisana do miejsc pionowych w Menedżerze reklam.

Gdzie umieścić logo na kreacji do Reels?

Logo umieść w górnej części bezpiecznej strefy, poniżej marginesu około 14% wysokości, a nie w samym rogu ekranu. Nazwa profilu i tak jest widoczna u góry reklamy, więc logo na kreacji może być mniejsze niż w innych formatach.

Kreacje na Reels i Stories działają, gdy wykorzystują cały ekran, a najważniejsze informacje trzymają w bezpiecznej strefie. Jeśli chcesz przygotować pionowe kreacje dla swojego sklepu, sprawdź usługę projektowania graficznego dla e-commerce. Wymiary pozostałych formatów reklam Meta znajdziesz w tekście o banerze reklamowym Meta Ads.