Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Landing page, które konwertują jak szalone - 2018

130 views

Published on

Pozdrawam i zapraszam na → flynerd.pl
Jak budować landing page, które spełniają swój cel?
Spojrzenie od strony użytkownika, projektanda i developera

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

Landing page, które konwertują jak szalone - 2018

  1. 1. Landing page, które konwertują jak szalone
  2. 2. Hello! Rita Łyczywek, flynerd.pl hello@flynerd.pl 2
  3. 3. 1. Czym jest konwersja? Zacznijmy od przykładu
  4. 4. akcja na stronie 4 1000 wejść na stronęUŻYTKOWNICY
  5. 5. akcja na stronie 5 1000 wejść na stronę 300 CTAIlu kliknęło CTA? UŻYTKOWNICY
  6. 6. akcja na stronie 6 1000 wejść na stronę 300 CTA 50 formularz Ilu kliknęło CTA Ilu wypełniło formularz? UŻYTKOWNICY
  7. 7. akcja na stronie 7 1000 wejść na stronę 300 CTA 50 10 formularz zakupów Ilu kliknęło CTA Ilu wypełniło formularz? UŻYTKOWNICY Ilu dokonało zakupu?
  8. 8. 2. Prosta forma
  9. 9. 9
  10. 10. “ Najczęstszym zachowaniem wśród użytkowników jest bezlitosne polowanie na informacje i ignorowanie wszelkich szczegółów (...) Tekst powinen być skanowalny 10 Jakob Nielsen
  11. 11. 11 Mniej Znaczy więcej
  12. 12. mniej elementów rozpraszających uwagę 12 większa konwersja
  13. 13. Postrzeganie obraz 13
  14. 14. Jak rozmieścić treści? lewa strona projektu - ilustracje - zdjęcia - filmy dowolne rozmieszczenie - drobne grafiki - krótkie teksty - elementy neutralne prawa strona projektu - testy - liczby - statystyki 14
  15. 15. jeden landing page = jeden cel 15 jeden CTA
  16. 16. wyślij / dołącz / sprawdź korzyść albo akcja! WZROST KONWERSJI 1 landing page = 1 cel = 1 CTA (call-to-action) 16
  17. 17. 17 Above The fold
  18. 18. 3. USP unikalny i spójny przekaz marketingowy
  19. 19. mniejszy wybór 19 większa konwersja
  20. 20. Want big impact? Use big image. 20
  21. 21. Oferta dopasowana do potrzeb 21 Kto jest moim klientem?
  22. 22. Oferta dopasowana do potrzeb 22 WSZYSCY !
  23. 23. Oferta dopasowana do potrzeb 23
  24. 24. nie mów o cechach 24 zaoferuj korzyść
  25. 25. 1. Transition headline Let’s start with the first set of slides
  26. 26. “ Najczęstszym zachowaniem wśród użytkowników stron jest bezlitosne polowanie na informacje i ignorowanie wszelkich szczegółów. Kiedy jednak „ofiara” zostanie już złapana, użytkownicy bardziej zagłębiają się w stronę. Treści powinny umożliwiać dostęp do informacji na oba sposoby: plądrowanie i konsumpcję. Tekst powinien być skanowalny, ale też dostarczyć informacje jakich poszukuje użytkownik 26 Jakob Nielsen
  27. 27. 1. Transition headline Let’s start with the first set of slides
  28. 28. Hierarchia treści 28
  29. 29. 4. Grafika
  30. 30. Psychologia kolorów 30
  31. 31. Indywidualne podejście 31
  32. 32. Korzyść od pierwszego wejrzenia 33
  33. 33. 5. Formularze
  34. 34. mniej pól 36 większa konwersja
  35. 35. Wymagane pola 37
  36. 36. Wymagane pola 38
  37. 37. Znikające etykiet 39
  38. 38. Badaj! 40 Google Analytics, Google Optimize, CrazyEgg, HotJar
  39. 39. 41 Thanks! Pytania? Wpadnij na flynerd.pl ;)

×