SlideShare a Scribd company logo
1 of 26
Download to read offline
Bądź widoczny
w świecie mobile!
Dostosowanie landing page’a do urządzeń
mobilnych
Co to jest Responsive Web Design
Jak wygląda mobile w Polsce
Dlaczego warto dostosować landing page do urządzeń mobilnych
Jak powinien wyglądać landing page dostosowany do mobile
Czego dowiesz się z prezentacji?
Co to jest Responsive Web Design?
Mobile w liczbach
Dlaczego warto dostosować
landing page do mobile?
Jak powinien wyglądać
landing page dostosowany do
mobile?
1. Jedna kolumna
Wąski ekran smartfona wymaga
stosowania jednokolumnowego
układu landing page’a, co znacznie
ułatwi czytanie treści.
2. Ograniczona długość
Usuń zbędne elementy, aby
maksymalnie skrócić landing page.
Widok landing page’a dostosowanego do mobile
3. Odpowiednia wielkość elementów
Dopasuj czcionki tak, aby były czytelne
na węższym ekranie,
Odpowiednio sformatuj grafiki w
zależności od szerokości ekranu.
4. Wyraźny przycisk call to action
Call to action musi być wystarczająco
duży, aby łatwo kliknąć w niego za
pomocą kciuka.
4. Wyraźny przycisk call to action
Nie dodawaj obok przycisku żadnych
podlinkowanych elementów, aby
użytkownik dotykając przycisku, nie
trafił na odrębną stronę.
5. Maksymalnie krótki formularz
Ogranicz liczbę pól do tych niezbędnych
(maksymalnie 3).
5. Maksymalnie krótki formularz
Dodaj do formularza pola z możliwością
wyboru opcji z listy lub zaznaczenia
odpowiedzi (checkbox).
+48 510 132 150
Aplikacja, która pomoże Ci samodzielnie
stworzyć perfekcyjny landinig page pod
dowolną kampanię.
info@landingi.com
Dostosuj swój
landing page do mobile!
Zapraszamy na:
www.landingi.com

More Related Content

Similar to Dostosowanie landing page do mobile.

Polskie firmy niegotowe na mobilnego klienta
Polskie firmy niegotowe na mobilnego klientaPolskie firmy niegotowe na mobilnego klienta
Polskie firmy niegotowe na mobilnego klientaeprpl
 
Mobilny Klient w SME - raport
Mobilny Klient w SME - raportMobilny Klient w SME - raport
Mobilny Klient w SME - raportLukasz Szymula
 
Czy Nie PrzegapiłEś Mobilnej Rewolucji
Czy Nie PrzegapiłEś Mobilnej RewolucjiCzy Nie PrzegapiłEś Mobilnej Rewolucji
Czy Nie PrzegapiłEś Mobilnej RewolucjiPiotr Majewski
 
Czy Nie Przegapiłeś Mobilnej Rewolucji?
Czy Nie Przegapiłeś Mobilnej Rewolucji?Czy Nie Przegapiłeś Mobilnej Rewolucji?
Czy Nie Przegapiłeś Mobilnej Rewolucji?wieczorek
 
Dobre praktyki projektowania stron internetowych
Dobre praktyki projektowania stron internetowychDobre praktyki projektowania stron internetowych
Dobre praktyki projektowania stron internetowychMoonbite S.A.
 
Komunikacja wizualna polskich startupów
Komunikacja wizualna polskich startupówKomunikacja wizualna polskich startupów
Komunikacja wizualna polskich startupówAgencja Publicon
 

Similar to Dostosowanie landing page do mobile. (7)

Polskie firmy niegotowe na mobilnego klienta
Polskie firmy niegotowe na mobilnego klientaPolskie firmy niegotowe na mobilnego klienta
Polskie firmy niegotowe na mobilnego klienta
 
Mobilny Klient w SME - raport
Mobilny Klient w SME - raportMobilny Klient w SME - raport
Mobilny Klient w SME - raport
 
Time4 mobi#1
Time4 mobi#1Time4 mobi#1
Time4 mobi#1
 
Czy Nie PrzegapiłEś Mobilnej Rewolucji
Czy Nie PrzegapiłEś Mobilnej RewolucjiCzy Nie PrzegapiłEś Mobilnej Rewolucji
Czy Nie PrzegapiłEś Mobilnej Rewolucji
 
Czy Nie Przegapiłeś Mobilnej Rewolucji?
Czy Nie Przegapiłeś Mobilnej Rewolucji?Czy Nie Przegapiłeś Mobilnej Rewolucji?
Czy Nie Przegapiłeś Mobilnej Rewolucji?
 
Dobre praktyki projektowania stron internetowych
Dobre praktyki projektowania stron internetowychDobre praktyki projektowania stron internetowych
Dobre praktyki projektowania stron internetowych
 
Komunikacja wizualna polskich startupów
Komunikacja wizualna polskich startupówKomunikacja wizualna polskich startupów
Komunikacja wizualna polskich startupów
 

More from Landingi

Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?
Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?
Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?Landingi
 
Leverage Your Marketing and Sales Funnels Using Landing Pages
Leverage Your Marketing and Sales Funnels Using Landing PagesLeverage Your Marketing and Sales Funnels Using Landing Pages
Leverage Your Marketing and Sales Funnels Using Landing PagesLandingi
 
Czy Czarny Piatek moze okazac sie zloty?
Czy Czarny Piatek moze okazac sie zloty?Czy Czarny Piatek moze okazac sie zloty?
Czy Czarny Piatek moze okazac sie zloty?Landingi
 
Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...
Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...
Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...Landingi
 
The e-commerce Berlin case studies
The e-commerce Berlin case studiesThe e-commerce Berlin case studies
The e-commerce Berlin case studiesLandingi
 
Większa sprzedaż dzięki ofercie skrojonej na miarę
Większa sprzedaż dzięki ofercie skrojonej na miaręWiększa sprzedaż dzięki ofercie skrojonej na miarę
Większa sprzedaż dzięki ofercie skrojonej na miaręLandingi
 
8 zastosowań landing page w e-commerce
8 zastosowań landing page w e-commerce8 zastosowań landing page w e-commerce
8 zastosowań landing page w e-commerceLandingi
 
How To Generate Leads For Forex Brokers
How To Generate Leads For Forex Brokers How To Generate Leads For Forex Brokers
How To Generate Leads For Forex Brokers Landingi
 
Landing page - prosty sposób na skuteczne wsparcie sprzedaży.
Landing page - prosty sposób na skuteczne wsparcie sprzedaży.Landing page - prosty sposób na skuteczne wsparcie sprzedaży.
Landing page - prosty sposób na skuteczne wsparcie sprzedaży.Landingi
 
E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...
E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...
E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...Landingi
 
Dobry landing page, jako podstawa kampanii e-marketingowej
Dobry landing page, jako podstawa kampanii e-marketingowejDobry landing page, jako podstawa kampanii e-marketingowej
Dobry landing page, jako podstawa kampanii e-marketingowejLandingi
 
Webinar - Jak planować kampanie z użyciem landing page
Webinar - Jak planować kampanie z użyciem landing pageWebinar - Jak planować kampanie z użyciem landing page
Webinar - Jak planować kampanie z użyciem landing pageLandingi
 
Como melhorar suas campanhas de marketing online?
Como melhorar suas campanhas de marketing online? Como melhorar suas campanhas de marketing online?
Como melhorar suas campanhas de marketing online? Landingi
 
Najczęściej popełniane błędy w kampaniach wykorzystujących ladning page
Najczęściej popełniane błędy w kampaniach wykorzystujących ladning pageNajczęściej popełniane błędy w kampaniach wykorzystujących ladning page
Najczęściej popełniane błędy w kampaniach wykorzystujących ladning pageLandingi
 
Landingi webinar 11.02.2015
Landingi webinar 11.02.2015Landingi webinar 11.02.2015
Landingi webinar 11.02.2015Landingi
 
Landing page na walentynki
Landing page na walentynkiLanding page na walentynki
Landing page na walentynkiLandingi
 
Jak stworzyć landing page - webinar
Jak stworzyć landing page - webinar Jak stworzyć landing page - webinar
Jak stworzyć landing page - webinar Landingi
 
Skuteczny content na landing page
Skuteczny content na landing pageSkuteczny content na landing page
Skuteczny content na landing pageLandingi
 
Jak stworzyć landing page w 12 prostych krokach
Jak stworzyć landing page w 12 prostych krokachJak stworzyć landing page w 12 prostych krokach
Jak stworzyć landing page w 12 prostych krokachLandingi
 
Jak zbierać leady z landing page
Jak zbierać leady z landing pageJak zbierać leady z landing page
Jak zbierać leady z landing pageLandingi
 

More from Landingi (20)

Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?
Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?
Czy w content marketingu jest miejsce dla landing page'y i dlaczego aż tyle?
 
Leverage Your Marketing and Sales Funnels Using Landing Pages
Leverage Your Marketing and Sales Funnels Using Landing PagesLeverage Your Marketing and Sales Funnels Using Landing Pages
Leverage Your Marketing and Sales Funnels Using Landing Pages
 
Czy Czarny Piatek moze okazac sie zloty?
Czy Czarny Piatek moze okazac sie zloty?Czy Czarny Piatek moze okazac sie zloty?
Czy Czarny Piatek moze okazac sie zloty?
 
Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...
Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...
Jak się wyróżnić, aby klient nas zauważył 
i zechciał skorzystać z naszych pr...
 
The e-commerce Berlin case studies
The e-commerce Berlin case studiesThe e-commerce Berlin case studies
The e-commerce Berlin case studies
 
Większa sprzedaż dzięki ofercie skrojonej na miarę
Większa sprzedaż dzięki ofercie skrojonej na miaręWiększa sprzedaż dzięki ofercie skrojonej na miarę
Większa sprzedaż dzięki ofercie skrojonej na miarę
 
8 zastosowań landing page w e-commerce
8 zastosowań landing page w e-commerce8 zastosowań landing page w e-commerce
8 zastosowań landing page w e-commerce
 
How To Generate Leads For Forex Brokers
How To Generate Leads For Forex Brokers How To Generate Leads For Forex Brokers
How To Generate Leads For Forex Brokers
 
Landing page - prosty sposób na skuteczne wsparcie sprzedaży.
Landing page - prosty sposób na skuteczne wsparcie sprzedaży.Landing page - prosty sposób na skuteczne wsparcie sprzedaży.
Landing page - prosty sposób na skuteczne wsparcie sprzedaży.
 
E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...
E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...
E-commerce ASAP - Prezentacja przygotowana na Kongres eHandlu - Błażej Abel, ...
 
Dobry landing page, jako podstawa kampanii e-marketingowej
Dobry landing page, jako podstawa kampanii e-marketingowejDobry landing page, jako podstawa kampanii e-marketingowej
Dobry landing page, jako podstawa kampanii e-marketingowej
 
Webinar - Jak planować kampanie z użyciem landing page
Webinar - Jak planować kampanie z użyciem landing pageWebinar - Jak planować kampanie z użyciem landing page
Webinar - Jak planować kampanie z użyciem landing page
 
Como melhorar suas campanhas de marketing online?
Como melhorar suas campanhas de marketing online? Como melhorar suas campanhas de marketing online?
Como melhorar suas campanhas de marketing online?
 
Najczęściej popełniane błędy w kampaniach wykorzystujących ladning page
Najczęściej popełniane błędy w kampaniach wykorzystujących ladning pageNajczęściej popełniane błędy w kampaniach wykorzystujących ladning page
Najczęściej popełniane błędy w kampaniach wykorzystujących ladning page
 
Landingi webinar 11.02.2015
Landingi webinar 11.02.2015Landingi webinar 11.02.2015
Landingi webinar 11.02.2015
 
Landing page na walentynki
Landing page na walentynkiLanding page na walentynki
Landing page na walentynki
 
Jak stworzyć landing page - webinar
Jak stworzyć landing page - webinar Jak stworzyć landing page - webinar
Jak stworzyć landing page - webinar
 
Skuteczny content na landing page
Skuteczny content na landing pageSkuteczny content na landing page
Skuteczny content na landing page
 
Jak stworzyć landing page w 12 prostych krokach
Jak stworzyć landing page w 12 prostych krokachJak stworzyć landing page w 12 prostych krokach
Jak stworzyć landing page w 12 prostych krokach
 
Jak zbierać leady z landing page
Jak zbierać leady z landing pageJak zbierać leady z landing page
Jak zbierać leady z landing page
 

Dostosowanie landing page do mobile.

  • 1. Bądź widoczny w świecie mobile! Dostosowanie landing page’a do urządzeń mobilnych
  • 2. Co to jest Responsive Web Design Jak wygląda mobile w Polsce Dlaczego warto dostosować landing page do urządzeń mobilnych Jak powinien wyglądać landing page dostosowany do mobile Czego dowiesz się z prezentacji?
  • 3. Co to jest Responsive Web Design?
  • 4.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 12.
  • 13. Jak powinien wyglądać landing page dostosowany do mobile?
  • 14. 1. Jedna kolumna Wąski ekran smartfona wymaga stosowania jednokolumnowego układu landing page’a, co znacznie ułatwi czytanie treści.
  • 15.
  • 16. 2. Ograniczona długość Usuń zbędne elementy, aby maksymalnie skrócić landing page.
  • 17. Widok landing page’a dostosowanego do mobile
  • 18. 3. Odpowiednia wielkość elementów Dopasuj czcionki tak, aby były czytelne na węższym ekranie, Odpowiednio sformatuj grafiki w zależności od szerokości ekranu.
  • 19. 4. Wyraźny przycisk call to action Call to action musi być wystarczająco duży, aby łatwo kliknąć w niego za pomocą kciuka.
  • 20.
  • 21. 4. Wyraźny przycisk call to action Nie dodawaj obok przycisku żadnych podlinkowanych elementów, aby użytkownik dotykając przycisku, nie trafił na odrębną stronę.
  • 22. 5. Maksymalnie krótki formularz Ogranicz liczbę pól do tych niezbędnych (maksymalnie 3).
  • 23.
  • 24. 5. Maksymalnie krótki formularz Dodaj do formularza pola z możliwością wyboru opcji z listy lub zaznaczenia odpowiedzi (checkbox).
  • 25.
  • 26. +48 510 132 150 Aplikacja, która pomoże Ci samodzielnie stworzyć perfekcyjny landinig page pod dowolną kampanię. info@landingi.com Dostosuj swój landing page do mobile! Zapraszamy na: www.landingi.com