niedziela, 14 grudnia 2014


Jak stworzyć Landing Page o wysokiej konwersji?


Poprawna strona docelowa (landing page) jest zaprojektowana aby skupić uwagę odwiedzającego i zachęcić go do podjęcia natychmiastowej akcji. Strona docelowa powinna być stworzona do konwersji ruchu do sprzedaży, pozyskania istotnych informacji o potencjalnych klientach, uzyskania nowych użytkowników mediów społecznościowych, adresów e-mail i rejestracji do listy mailingowych. Wygląda to dosyć prosto, ale zbyt często firmy nie spędzają dużo czasu i pieniędzy na tworzenie wybitnych stron docelowych.


Czym dokładnie jest strona docelowa?


Jeśli używasz wyłącznie strony startowej jako strony docelowej, bądź pewny, że tracisz cenne ruch prowadzący do sprzedaży. Strona główna witryny internetowej jest przeznaczona do ogólnego użytku i wyjaśnia, czym zajmuje się Twoja firma. 

Wyobraź sobie, strona główna jest jak okno sklepowe: kupujący mogą zatrzymać się i podziwiać produkty, ale jeśli firma nie może angażować się w zainteresowanie kupującego, to prawdopodobnie nigdy nie zobaczysz go ponownie. 

Strona docelowa, z drugiej strony, może być uznana za "otwarte drzwi". Jest to strona, która pojawia się w samodzielnym odpowiedzi na kliknięcie w reklamę lub za pośrednictwem poczty elektronicznej, angażuje się bezpośrednio z potencjalnym nabywcą i przechwytuje dane do generowania możliwości sprzedaży.


Dlaczego komercyjna witryna potrzebuje landing page?


Dobra strona docelowa koncentruje uwage uzytkownika i zapisuje informacje kontaktowe. Nie ma sensu generowania ruchu, jeżeli nie możesz przekonwertować zainteresowanych uzytkowników do zysku ze sprzedazy. Strona docelowa powinna skutecznie kierowac kampanie marketingowa miec ciekawa oferte i wezmawanie do dzialania "call to action". Po prostu nigdy nie powinno sie rozpoczynac zadnej kampanii reklamowej w internecie bez strony docelowej.

Jak stworzyć stronę docelową?


Przed rozpoczęciem kampanii reklamowej i założeniem strony do przechwytywania ruchu, należy zadać sobie pytanie, co oczekujesz od potencjalnych klientów, gdy znajda się na stronie internetowej. Czy chcesz im zaprezentować najnowsze produkty, które masz do zaoferowania? Czy chcesz, aby zapisali się do listy mailingowej? 

Bez względu na cel jaki będzie mieć Twoja strona docelowa do osiągnięcia, oznacza, że ​​może być ustanowiony do szybkiego i bezpośredniego ruchu w sposób, który zwiększa skuteczność marketingu online. Jeśli chcesz strony docelowej, aby konsekwentnie dostarczać wyników, spróbuj zachować następujące kwestie:

 1. Krótkie i proste jest najlepsze: Strony docelowe powinny odpowiedzieć na potrzeby odwiedzających szybko i łatwo. Utrzymać docelową stronę bez zbednego bałaganu, ma być przejrzyście i precyzyjnie. 

 2. Upewnij się, że oferta jest przekonywująca i jednoznaczna, pamiętaj aby strona docelowa posiadała linki społecznościowe, umożliwiające odbiorcom udostępnianie treści o twojej ofercie w mediach społecznościowych. Pamiętaj o "call to action". Umieść przycisk pozwalający na realizację celu landing page w widocznym miejscu już na pierwszym ekranie. Jeśli strona jest długa powtórz go na każdym następnym ekranie oraz na każdej podstronie. Przycisk "call to action" powinien być widoczny cały czas. 

 3. Można również korzystać z wielu stron docelowych dla poszczególnych kampanii. Na przykład, jeśli masz stronę internetową sprzedającą buty, zadbaj o różne strony docelowe dla każdego z typów demograficznych, np. Strona docelowa dla nastolatków Strona docelowa buty damskie/męskie Strona docelowa buty sportowe Strona dla ofert wyprzedażowych i promocyjnych


Na pewno powinieneś rozważyć budowę strony docelowej jeżeli...


  • Zaczynasz kampanie PPC 
  • Promujesz nowy produkt Chcesz wzmocnić reklame offline (prasa, radio, TV, billboard, ulotki, foldery itp.) 
  • Zaczynasz budowe listy mailingowej 
  • Chcesz dotrzeć do konkretnego typu klienta 
W zależności od typu Landing Page oraz interesujących Cię celów marketingowych może on służyć do rozpoczęcia procesu zakupu, rejestracji w serwisie, wzmocnienia marki, pozyskania danych kontaktowych czy rozdystrybuowania informacji o ofercie. Możliwości Landing Page ogranicza jedynie Twoja wyobraźnia. Tylko od Ciebie zależy czy i jak wykorzystasz Landing Page.

Testuj...


Aha i jeszcze jedno… testuj! Nawet gdybyśmy przeczytali tuzin książek o usability i kolejny tuzin tutoriali o budowie udanego landing page’a, to nic tak nam nie pomoże, jak indywidualne testy. Landing page to wiele elementów wpływających na ogólne wrażenie, a przede wszystkim na decyzje zakupowe. I tak naprawdę każdy z nich można testować – treść, nagłówki, wielkość obrazka, wielkość buttona CTA, ilość punktorów, miejsce zakładek… 

Tylko ciągłe sprawdzanie, testowanie i poprawianie zagwarantuje, że landing page będzie stawał się co raz bardziej skuteczny i opłacalny. Na koniec krótkie podsumowanie, czyli infografika(kliknij aby powiększyć) jak powinna wyglądać dobra strona docelowa i najlepsze praktyki.

 
żródło: landingi.com


Prezi daje odwiedzającym tylko tyle, aby uzyskać istotę produktu, tego, co firma prezentuje na pierwszy rzut oka. Użytkownik ma możliwość dowiedzieć się więcej jeśli przewinie stronę w dół .




  • Squarespace prezentuje kilkustronnicowy slider landing page.
    Polecam także serwis themeforest a w nim więcej przykładowych landingów oraz szablony do pobrania.
    Jeżeli nie masz czasu aby samemu stworzyć landing page, zachęcam do odwiedzin strony eb-studio.pl gdzie można zlecić wykonanie profesjonalnej strony docelowej.

    Landing Page - czyli jak stworzyć stronę docelową.

    poniedziałek, 27 października 2014


    Co prawda temat luźno związany z projektowaniem graficznym, ale jak najbardziej na czasie. Warto wziąć pod uwagę tą technikę projektując witrynę od strony kodowania. Proste umieszczenie w kodzie linku pobrania wstępnego jest techniką która instruuje przeglądarkę do pobrania zdefiniowanych zasobów w tle.  W rezultacie, kiedy odwiedzający wchodzi na twoją stronę zdefiniowane zasoby zostają wstępnie pobrane, przeglądarka ładuje je szybko z cache. Możesz użyć link prefetching do przyspieszenia strony w pewnych przypadkach. 
    Pobieranie wstępne nie jest wspierane we wszystkich przeglądarkach. Użyj tego  narzędzia by sprawdzić która przeglądarka ma wsparcie dla prefetch. 

    Użycie Prefetch tag

    Możesz wyszczególnić jakich zasobów ma dotyczyć pobranie wstępne używając komendy <link rel="prefetch"/>:
    <link rel="prefetch" href="http://mojadomena.com/strona.html"/>
    Powyższe otagowanie instruuje przeglądarkę do pobrania wstępnego link http://mojadomena.com/strona.html. Poza pełnymi stronami, możesz także pobrać wstępnie np. obrazki . Poniższy wycinek kodu pokazuje jak załadować wstepnie grafikę:
    <link rel="prefetch" href="http://mojadomena.com/obrazek.png"/>
    W tym przypadku przeglądarka wstepnie załaduje tylko obrazek i obsłuży na żadanie użytkownika.
    Mozilla także respektuje Link nagłówkowy do wstępnego pobierania.
    Link: </obrazki/moj-obrazek.png>; rel=prefetch

    Fakty odnośnie komendy prefetch.

    1. W przypadku Firefoxa tylko http:// URLe moga być wstępnie pobierane.
    2. Jeżeli coś ściągasz w tle, pobieranie wstępne ze strony zostanie opóźnione do czasu zakończenia ściągania.
    3. Pobieranie wstępne nie powinno być robione agresywnie do  cache'owana każdego elementu na twojej stronie www.

    Używaj komendy prefetch z rozwagą

    Prefetching to dobra technika do przyspieszenia ładowania stron www, ale powinna być stosowana z rozwagą. Kiedy najlepiej ją wykorzystać? 
    1. Jeżeli wyświetlasz różne strony/zdjęcia w  pozkazie slajdów, możesz użyć ładowania wstępnego aby trochę przyspieszyć.
    2. Możesz załadować obrazki lub inne dokumenty użyte na stronach/podstronach w twojej witrynie.

    Przyspiesz swoją stronę www

    piątek, 17 października 2014

    Internetowe trendy wzornicze w 2015 roku, czyli na co projektant powinien zwrócić uwagę. 

    W świecie projektowania stron internetowych, wszystko rozwija się w szybkim tempie. Pewnego dnia coś się wyostrza, a za jakiś czas widzisz że to praktycznie nieaktualne. Dlatego jest bardzo istotne, aby wiedzieć co nastąpi dalej. Posiadając zaprojektowaną stronę, zgodną z najnowszymi trendami możesz znacząco pomóc swojej firmie wyróżnić się w gąszczu podobnych biznesów.


    Flat Design

    Płaskie projektowanie, czyli flat design oznacza pożegnanie się z  przestarzałymi teksturami takich jak cienie, gradienty i skosy w zamian za prostszą, bardziej minimalistyczną formę, a ostatecznie bardziej spójny i czytelny design.


    Responsive Web Design

    Pojawienie się urządzeń mobilnych staje się dominującym środkiem dostępu do witryn internetowych i wymaga ich dostosowania. Dosłownie. Twoja strona powinna być w stanie dostosować się do rozmiaru ekranu w zależności od tego z jakiego urządzenia klient korzysta.
    Dlaczego strony RWD to przyszłość?

    Przewijanie vs klikanie

    Więcej wejść na stronę z urządzeń mobilnych(smartfon/tablet,/fablet) powinno oznaczać dla nowoczesnej witryny więcej przewijania i mniej klikania. Daje to wyraźną wygodę w poruszaniu się z przeglądarki www na urządzeniu mobilnym, przesuwana treść strony to wrażenia użytkownika dające pozytywne doświadczenia(UX) z tego, że jedna strona jest bardziej wygodna i łatwiejsza do połączenia oraz nawigacji z kanału mobilnego, w przeciwieństwie do klikania i przedzierania się przez gąszcz linków na dziesiątkach innych stron.

    One page design

    Typografia


    Obecnie projektanci webowi już wywierają nacisk na typografię, tak więc w najbliższych latach jakość czcionek będzie mieć prawdopodobnie także wpływ na postrzeganie jakości prowadzonego biznesu. Dlatego upewnij się,  że trzymasz się wyrafinowanych, eleganckich i wysokiej jakości czcionek. 

    web typografia

    Mniej tekstu, więcej grafiki.

    Wizualne odwołanie było i jest najsilniejsze, także na stronach www zmienia sposób w jaki są przekazywane informacje. Strony internetowe coraz mniej będą polegać na ciężkiej zawartości tekstach a bardziej na wizualnych komponentach, takich jak infografiki, ikony i wielkie obrazki.


    Chociaż nie jest to prorokowanie to dane konsumenckie i raporty w internecie, a także projekty graficzne wielu branż, pokazują, że jest to najbardziej prawdopodobne. A poza tym, posiadając elegancką i wyrafinowanie zaprojektowaną stronię internetową, zaspokajającą rosnące zapotrzebowanie na mobilność wśród konsumentów treści internetowej na pewno nie zaszkodzi.

    Jeżeli uważasz, że Twoja strona potrzebuje redesignu, bo chcesz by była bardziej przejrzysta i na czasie, to zapraszamy na http://eb-studio.pl, przeprowadzimy audyt Twojej strony pod kątem SEO i RWD.

    Trendy w web designie na 2015 rok

    niedziela, 12 października 2014

       Google twierdzi, że strony responsywne to najlepsza konfiguracja dla internetu mobilnego, a nawet posuwa się tak daleko, iż odnosi się do Responsive Web Design jako najlepszej praktyki w branży. 

     
    strona RWD HTML5
    Strona eb-studio.pl w technice responsywnej (RWD)

    1. Rekomendowane przez Google.

    To dlatego, że projektowanie stron reagujących na skalowanie mają jeden i ten sam adres URL. Projektowanie w HTML5 niezależnie od urządzenia, co sprawia, że są łatwiejsze i bardziej efektywne dla Google do przeszukiwania, indeksowania i organizowania zawartości. W porównaniu z oddzielną stroną dla telefonu, która ma inny adres URL i inny pulpit HTML niż jego odpowiednik, wymagający od Google przeszukiwania i indeksowania wiele wersji tej samej witryny.

    2. Jedna strona wiele urządzeń.

    Jednym z najbardziej atrakcyjnych aspektów responsive web design jest to, że strona internetowa może zapewnić wspaniałe doświadczenie dla użytkownika na wielu urządzeniach i rozmiarach ekranów. Jest to ważna cecha, ponieważ niemożliwe jest przewidzenie wszystkich urządzeń i wielkości ekranu jakich użyje się, aby uzyskać dostęp do witryny.Witryna, która działa dobrze niezależnie od tych zmiennych zapewni lepsze i bardziej spójne doświadczenie dla użytkownika niż oddzielna strona dla telefonu, która jest przeznaczona dla urządzenia i ekranu określonej wielkości. 
    Weźmy następujący przykład. 

    Ktoś szuka produktu na swoim smartfonie w czasie przerwy w pracy. Znajduje stronę, która ma określony produkt i chce kontynuować przeglądanie w tym samym miejscu w sieci, po powrocie do domu ale na komputerze stacjonarnym. Jeżeli strona w tym przykładzie jest responsywna, osoba ta będzie miała pozytywne doznania związanie z przechodzeniem z wersji komórkowej na komputerową. Z drugiej strony, jeśli strona dedykowana jest mobilna, ta osoba będzie sfrustrowana faktem, że "musi się odnaleźć" w wersji desktopowej i jeszcze raz wyszukać produkt.

    3. Pozycjonowanie.

    Zarządzanie jedną kampanią SEO jest znacznie łatwiejsze niż zarządzanie dwoma(na adresie url standardowym i subdomenie)). Jest to kluczowa zaleta stron RWD. Istnieją korzyści w mobilnej strategii SEO, takie jak optymalizacja słów kluczowych, które są bardziej prawdopodobne w wyszukiwaniu, gdy ktoś przegląda internet na swoim smartfonie/tablecie. 
    Przykład: 

    Użytkownicy w wyszukiwaniu mobilnym dla przedsiębiorstwa działającego lokalnie mogą być bardziej skłonni do używania słowa "w pobliżu" w treści ich zapytania.

    3. Konkluzja.

    Responsive Web Design jest zalecane przez Google, pozwala wyświetlać zoptymalizowaną treść na jednej stronie internetowej(pod tym samym adresem url), aby zapewnić wspaniałe doświadczenia dla przeglądania na wielu urządzeniach i rozmiarach ekranu, a także sprawia, że ​​zarządzanie swoją strategią SEO jest łatwiejsze. Z tych powodów, elastyczne projektowanie stron internetowych jest najlepszym rozwiązaniem dla każdego współczesnego biznesu. Na koniec zapraszam jeszcze do zapoznania się z poniższą infografiką:


    Responsive Web Design

    Więcej na: http://eb-studio.pl

    Dlaczego strony responsywne to przyszłość?