Pizzeria nie potrzebuje animacji. A Twoja firma?

Piątek, 19:40: głodny człowiek otwiera na telefonie stronę pizzerii, a ta zamiast menu ładuje film z pieca. Strona firmy ma jedno zadanie – dać klientowi to, po co przyszedł. Gdy klient kupuje wynik, który widać (detailing, sesja zdjęciowa, tatuaż), efekt pokazujący ten wynik sprzedaje. Gdy kupuje szybkość i pewność (jedzenie, naprawa auta, księgowość), każdy efekt między nim a przyciskiem to opóźnienie.

Film w tle na stronie studia detailingu robi coś odwrotnego. Pokazuje to, za co klient płaci: lakier, w którym po korekcie odbijają się lampy. Na stronie pizzerii film pokazuje piec. A klient nie kupuje pieca, tylko kolację.

Sam robię strony, więc mam w tym interes. Dlatego zamiast gustu podaję pomiary i standardy: Google, Nielsen Norman Group, W3C.

Trzy pytania na start

Dobra strona firmowa wynika z trzech odpowiedzi. Zapisz je, zanim porozmawiasz z jakimkolwiek wykonawcą.

1. Po co wchodzi klient? Odpowiedzią jest jedna akcja nazwana czasownikiem: zamówić, umówić się, zadzwonić, obejrzeć auto, przeczytać tekst. Jeśli wypisujesz trzy, wybierz tę, która przynosi pieniądze. Reszta dostanie miejsce niżej.
2. Co musi zobaczyć na pierwszym ekranie telefonu? Ma od razu zobaczyć, kim jesteś i co obiecujesz, a pod spodem przycisk do tej jednej akcji. Czasu jest mało: według Jakoba Nielsena ludzie często wychodzą ze strony po 10⁠–⁠20 sekundach, a na dłużej zostają, gdy w 10 sekund zrozumieją, co strona im daje.
3. Co mu w tym przeszkadza? Na liście podejrzanych jest siedem rzeczy: ekran ładowania z logo, film w tle, karuzela zdjęć, animacje przy przewijaniu, wyskakujące okno, menu w PDF i cennik „zapytaj o cenę”. W sekcjach branż pokazuję, co każda z nich psuje.

Dlaczego projekt zaczyna się od telefonu, skoro komputery wciąż wygrywają? We wrześniu 2026 r. komputery dały w Polsce 56% odsłon stron, a telefony 43% – według StatCounter. Do indeksowania i ustalania pozycji Google używa jednak wersji strony na telefon. Komputer wygrywa w odsłonach, a w wynikach wyszukiwania liczy się telefon.

Strona internetowa dla pizzerii i restauracji – menu i „Zamów”

Klient pizzerii wchodzi na stronę po menu z cenami i przycisk „Zamów”. Według Eurostatu w 2024 r. jedzenie na dowóz z restauracji, barów albo cateringu zamówiło przez internet w ciągu trzech miesięcy 10,6% Polaków w wieku 16⁠–⁠74 lat. W całej Unii odsetek był prawie dwa razy wyższy: 19,8%. W Polsce to wciąż nawyk mniejszości, więc obok „Zamów” na pierwszym ekranie stoi też „Zadzwoń”.

Film z pieca opóźnia to, po co klient przyszedł. Google mierzy, kiedy na ekranie pojawi się największy obraz, blok tekstu albo film – to LCP, a dobry wynik to najwyżej 2,5 s. Film w tle też wchodzi do tego pomiaru: liczy się chwila, w której pokaże obrazek startowy albo pierwszą klatkę.

Czekanie da się policzyć. Według danych Google z 2017 r., gdy strona na telefonie ładuje się 3 sekundy zamiast 1, prawdopodobieństwo wyjścia z niej rośnie o 32%. Gdy ładuje się 5 sekund, rośnie o 90%.

Drugi hamulec to menu w PDF. Plik ułożony pod kartkę A4 trzeba na telefonie powiększać palcem, a Nielsen Norman Group odradza PDF do czytania na ekranie bez wyjątków. Menu ma być tekstem na stronie: z cenami, alergenami i przyciskiem przy każdej pozycji.

Efekt ma tu jedno miejsce: przy zamówieniu. Koszyk, który lekko drgnie po dodaniu pizzy, mówi „dodane” szybciej niż komunikat. Zdjęcia pizz też sprzedają, jeśli są z Twojego pieca, a nie z banku zdjęć.

Restauracja bez dowozu ma inny główny przycisk: „Zarezerwuj stolik”. Tu zdjęcie sali i talerza robi więcej, bo gość wybiera cały wieczór, nie samo danie. Zdjęcie wystarczy – film na pierwszym ekranie tylko spowolni stronę.

Strona internetowa dla fryzjera i barbera – wolny termin

Klient fryzjera wchodzi po wolny termin. Chce zobaczyć cenę, zdjęcia cięć i kalendarz, a potem umówić się o 23:00, kiedy w salonie nikt nie odbiera telefonu. Przycisk „Umów wizytę” prowadzi więc prosto do kalendarza, a nie do formularza „oddzwonimy”.

Pierwsza do skreślenia jest karuzela ze zdjęciami wnętrza salonu, która sama przewija się co kilka sekund. Jakob Nielsen opisał, dlaczego to nie działa: ludzi irytuje utrata kontroli, gdy elementy ruszają się same, a ruch każe podejrzewać reklamę, więc częściej go pomijają. Część osób nie zdąży przeczytać slajdu, zanim zniknie.

Efekt, który ma tu sens, to galeria cięć z Twojego fotela, ułożona w siatkę, którą klient przewija sam. Fryzjer sprzedaje wynik, który widać, ale klient przychodzi po termin. Galeria stoi więc pod kalendarzem, nie przed nim.

Komis i wypożyczalnia aut – lista, cena, kontakt

Klient komisu wchodzi obejrzeć auta, a klient wypożyczalni sprawdzić, czy auto jest wolne i ile kosztuje doba. Obaj przeglądają listę. Strona działa więc jak katalog: filtry, zdjęcia, cena na karcie auta i telefon przy każdym ogłoszeniu. W wypożyczalni na karcie dochodzą kaucja i kalendarz wolnych terminów.

W katalogu liczy się szybkość. W badaniu Google i Deloitte z 2020 r. (37 marek, 30 mln sesji) strona na telefonie szybsza o 0,1 s miała w handlu o 8,4% więcej konwersji, a w turystyce o 10,1% więcej. W sklepach szybkość działała najmocniej na przejściu z karty produktu do koszyka. W komisie odpowiednikiem koszyka jest przycisk „Zadzwoń o to auto”.

Druga pułapka to lista, która skacze. Zdjęcia aut doładowują się, przesuwają karty i palec trafia w inne auto. Google mierzy takie przesunięcia wskaźnikiem CLS, a dobry wynik to najwyżej 0,1.

Efekt ma sens na karcie auta: dużo prawdziwych zdjęć, które klient przesuwa palcem. Ten ruch uruchamia sam klient, więc nie przeszkadza. Film z jazdy próbnej też ma swoje miejsce – na karcie konkretnego auta, nie na stronie głównej.

Strona dla warsztatu samochodowego – telefon i cena

Klient warsztatu ma problem, który stoi na parkingu. Chce wiedzieć, czy naprawicie jego auto, kiedy i za ile, a potem zadzwonić. Na pierwszym ekranie stoją więc trzy rzeczy: co naprawiacie, przycisk „Zadzwoń” i godziny otwarcia.

W tej branży hamuje nie animacja, tylko „zapytaj o cenę”. W badaniu Nielsen Norman Group uczestniczka po 35 sekundach skreśliła firmę sprzątającą, bo ta nie podała stawki i kazała do siebie pisać. W tym samym tekście pada rada: gdy dokładna cena wymaga długiego formularza, wystarczą widełki, byle z widocznymi dopłatami. Cennik „od” przy pięciu najczęstszych naprawach nie wiąże Ci rąk, a pokazuje, że cena istnieje.

Jedyny ruch, którego tu potrzeba, to pasek z przyciskiem „Zadzwoń”, który jedzie z klientem w dół strony. Ekran ładowania z kręcącym się kołem zębatym tylko opóźnia stronę i niczego klientowi nie mówi.

Strona dla detailingu – tu efekt sprzedaje

Ten sam właściciel auta, który na stronie warsztatu chciał tylko numeru telefonu, na stronie detailingu chce patrzeć. Kupuje wynik, który widać: lakier bez rys, czystą tapicerkę, felgi bez nalotu. Efekt, który ten wynik pokazuje, sprzedaje.

Badania Nielsen Norman Group, w których śledzono ruch oczu, pokazują, że ludzie uważnie oglądają zdjęcia, które niosą informację, a pomijają obrazki dodane dla ozdoby. Zdjęcie maski przed korektą lakieru i po niej to czysta informacja. Najmocniej działa jako suwak, którym klient sam odsłania różnicę.

PrzedPo

Wideo z pracy – piana na karoserii, polerka na masce – też sprzedaje, pod dwoma warunkami. Pierwszy: film startuje z lekkiego obrazka zastępczego, bo Google liczy do LCP ten obrazek albo pierwszą klatkę, zależnie od tego, co pojawi się wcześniej. Drugi: film ma przycisk pauzy, bo standard dostępności WCAG 2.2 wymaga, żeby ruch, który startuje sam, trwa ponad 5 sekund i biegnie obok innych treści, dało się zatrzymać albo ukryć.

Nawet tu nie każdy efekt się broni. Ekran ładowania z kręcącym się logo nie pokazuje lakieru, więc wylatuje.

Firma budowlana i wykończeniowa – zdjęcia, nie efekty

Klient firmy wykończeniowej wchodzi sprawdzić, czy zrobicie to, czego potrzebuje – łazienkę, poddasze, elewację – i czy dojeżdżacie w jego okolice. Dowodem są zdjęcia realizacji. Animacja nie dowodzi niczego.

Karuzela chowa realizacje, zamiast je pokazać. Erik Runyon policzył w 2013 r. kliknięcia w karuzelę na stronie głównej University of Notre Dame: klikał w nią ok. 1% odwiedzających, a 84% kliknięć trafiało w pierwszy slajd. Każdy z czterech kolejnych miał ok. 4%. Z tych liczb wynika, że czwarty slajd dostawał ok. 4 kliknięcia na 10 000 odwiedzających.

W siatce czwarta realizacja nie czeka w kolejce za trzema poprzednimi. Działa tu też suwak znany z detailingu: ta sama łazienka przed skuciem płytek i po odbiorze. Mówi więcej niż „profesjonalne wykończenia pod klucz”.

Gabinet, kancelaria, biuro rachunkowe – twarz i cena

Klient gabinetu, kancelarii albo biura rachunkowego kupuje zaufanie. Chce zobaczyć, kto go przyjmie, jakie ma uprawnienia, ile to kosztuje i kiedy może przyjść. Nielsen Norman Group wymienia cztery źródła wiarygodności strony: jakość projektu, jawność informacji od początku (ceny, opłaty, kontakt), pełną, poprawną i aktualną treść oraz powiązania z resztą sieci.

Gabinet lekarski ma część zasad zapisaną w ustawie. Art. 14 ustawy o działalności leczniczej każe podawać do wiadomości publicznej zakres świadczeń, ale „treść i forma tych informacji nie mogą mieć cech reklamy”. Ustawa mówi o formie, nie tylko o słowach. Pulsujący baner z promocją to dla gabinetu nie tylko kwestia gustu.

Twarz robi więcej niż ozdobnik. W badaniu Nielsen Norman Group uczestnik oglądał zdjęcia prawdziwych pracowników o 10% dłużej niż ich opisy, choć opisy zajmowały o 316% więcej miejsca. W kancelarii obok twarzy stoją specjalizacja i cena pierwszej porady, a w biurze rachunkowym cena miesięcznej obsługi jednoosobowej firmy.

Laryngolog leczy zawroty głowy. Jego strona nie powinna ich wywoływać, a W3C ostrzega, że zbędny ruch na ekranie potrafi je wywołać u osób z zaburzeniami błędnika – razem z nudnościami i bólem głowy. Animacje przy przewijaniu wylatują więc pierwsze. Zostaje jeden ruch: krótka reakcja przycisku „Umów wizytę” pod palcem.

Portal z treściami – tekst przed reklamą

Czytelnik portalu przychodzi przeczytać jeden tekst. Na pierwszym ekranie widzi tytuł, autora, datę i pierwszy akapit z odpowiedzią, a nie reklamę i okno newslettera. Portal żyje z reklam, ale reklama ma widza tylko wtedy, gdy czytelnik zostanie.

Google nazywa okna zasłaniające treść natrętnymi. Według jego dokumentacji mogą frustrować ludzi i podkopywać zaufanie do strony, a wyszukiwarce utrudniają zrozumienie treści, co może pogorszyć widoczność. Zamiast okna na cały ekran Google radzi pasek, który zajmuje mały kawałek ekranu.

Reklamy też mają limit. Standard Coalition for Better Ads uznaje za nie do przyjęcia, gdy reklamy na telefonie zajmują ponad 30% wysokości głównej treści. Reklama nie powinna też przesuwać tekstu: doładowana nad akapitem spycha go w trakcie czytania, a Google liczy to do CLS z progiem 0,1.

Ruch ma na portalu jedno uczciwe miejsce: w samej treści. Wykres, który po dotknięciu pokazuje liczbę, albo kalkulator, który liczy wynik czytelnika, jest częścią odpowiedzi, a nie ozdobą.

Twoja branża – 15 branż w jednej tabeli

Znajdź swoją branżę: tabela mówi, po co klient wchodzi, jaki przycisk ma zobaczyć pierwszy i ile efektów zniesie strona.

Kolumna „Ile efektów” to moja ocena według zasady z tego tekstu: efekt zostaje, gdy pokazuje wynik albo prowadzi do akcji. Stan na 24.10.2026.

Gdzie efekty mają sens – jedna zasada

Efekt zostaje na stronie, gdy pokazuje wynik albo prowadzi do akcji. Inaczej wylatuje. Suwak przed i po pokazuje wynik, a koszyk, który drgnie po dodaniu pizzy, prowadzi do akcji. Film z pieca nie robi żadnej z tych rzeczy.

Mikroanimacja to nie wodotrysk. Przycisk, który pod palcem zmienia odcień, mówi „kliknięte”, zanim załaduje się kolejny ekran. Google mierzy reakcję strony na dotknięcie wskaźnikiem INP, a dobry wynik to najwyżej 200 ms. Strona PRO ma takie mikroanimacje i prostą galerię zdjęć w cenie, a suwaki przed i po oraz wideo robię w Stronie ULTRA – tam, gdzie sprzedają.

Każdy ruch, który zostaje, ma wyłącznik. Telefony mają w ustawieniach dostępności przełącznik ograniczający ruch, a strona może go odczytać przez prefers-reduced-motion. Standard WCAG 2.2 na najwyższym poziomie zgodności (kryterium 2.3.3) wymaga, żeby animację wywołaną działaniem użytkownika, np. przewijaniem, dało się wyłączyć. Kto wyłączył ruch, dostaje tę samą treść, tylko nieruchomą.

Zanim zamówisz stronę – pytania do wykonawcy i kolory

Zanim zamówisz stronę, zadaj wykonawcy trzy pytania o efekty. Mnie też o nie zapytaj.

Kolor wybierzesz od razu, bez wykonawcy. Darmowy generator palety marki robi z jednego koloru 11 pasujących odcieni do strony, kreacji reklamowych i maili, bez zakładania konta. Sprawdza też kontrast, czyli to, czy tekst na danym tle da się przeczytać.

Pytania i odpowiedzi

Czy Google obniża pozycję za animacje?

Google nie ocenia animacji, tylko to, co robią z działaniem strony. Google pisze, że jego systemy rankingowe korzystają z Core Web Vitals, ale dobre wyniki nie gwarantują czołówki, a wyszukiwarka zawsze stara się pokazać najtrafniejszą treść. Animacja szkodzi, gdy psuje LCP, INP lub CLS albo gdy jako wyskakujące okno zasłania treść. Jeśli strony nie ma w Google w ogóle, przyczyna leży gdzie indziej: sprawdź ją testem w 10 minut.

Ile kosztuje prosta strona firmowa?

Wizytówka u wykonawcy kosztuje w 2026 r. od 649 do 4900 zł netto – tak wynika z przeglądu 14 cenników z 21 października 2026 r. Strona PRO kosztuje 899 zł netto i jest gotowa w 24 godziny (stan na 24.10.2026).

Czy mogę zacząć od prostej strony, a efekty dodać później?

Tak, i to dobra kolejność. Zacznij od pierwszego ekranu i jednej akcji klienta, a galerię i wideo dołóż, gdy uzbierasz prawdziwe zdjęcia i filmy ze swojej pracy. Efekt bez materiału to pusta rama.

Czy prosta strona nie wygląda tanio?

Tanio wygląda strona ze zdjęciami z banku i tekstem, który pasuje do każdej firmy. Prosta strona z prawdziwymi zdjęciami, jedną paletą kolorów i jednym przyciskiem wygląda jak firma, która wie, czego chce od klienta. Prostota wymaga więcej decyzji niż ozdobnik, nie mniej.

Źródła

• Google i Deloitte – Milliseconds Make Millions (2020)
• Think with Google – Page load time statistics (Google/SOASTA Research, 2017; kopia z archiwum)
• Nielsen Norman Group – How Long Do Users Stay on Web Pages? (2011)
• Nielsen Norman Group – Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility (2013)
• Erik Runyon – Carousel Interaction Stats (2013)
• Nielsen Norman Group – Avoid PDF for On-Screen Reading (2020)
• Nielsen Norman Group – Photos as Web Content (2010)
• Nielsen Norman Group – Trustworthiness in Web Design: 4 Credibility Factors (2016)
• web.dev – Web Vitals
• web.dev – Largest Contentful Paint (LCP)
• Google Search Central – Mobile-first Indexing Best Practices
• Google Search Central – Interstitials and dialogs
• Google Search Central – Understanding Google Page Experience
• W3C – Understanding Success Criterion 2.2.2: Pause, Stop, Hide
• W3C – Understanding Success Criterion 2.3.3: Animation from Interactions
• MDN – prefers-reduced-motion
• Coalition for Better Ads – Ad Density Higher Than 30% [Mobile]
• StatCounter Global Stats – Desktop vs Mobile vs Tablet Market Share in Poland (wrzesień 2026)
• Eurostat – Internet purchases: goods or services, isoc_ec_ibgs (2024)
• Sejm RP – ustawa o działalności leczniczej, tekst jednolity, Dz.U. 2026 poz. 156