O czym już rozmawialiśmy wstęp do czego służą i na jakich podstawowych zasadach się opierają. Ale pomimo faktu, że istnieje szereg zasad i technik, które zapewnią sukces Twojej witryny, błędem jest myślenie, że tworzenie landing page to praca z szablonu, a dobrze działającą stronę można stworzyć w 5 minut, po prostu wiedz samodzielnie zastępować obrazki i zmieniać teksty. Oczywiście jest to proces twórczy, a fantazja poparta zrozumieniem zachowania docelowych odbiorców jest mile widziana. Poniżej przedstawimy kilkanaście przykładów niebanalnych landingów, a także stron, które zapewniają wysoką konwersję.

1. Termostat gniazdowy

Bardzo ciekawie zaprojektowany podest dedykowany do sprzedaży termostatu pokojowego. Pomimo obecności wszelkiego rodzaju danych technicznych i opisów wygodnych funkcjonalności, landing page skupia się na komponencie wizualnym – kilka zdjęć wnętrza, a także animacja na środku strony, genialna w koncepcji i wykonaniu, sprawiają, że czujesz, że po zakupie tego urządzenia Twój dom nie będzie gorszy niż na zdjęciach w internecie. Tym samym podest nie sprzedaje termostatu, ale komfort w domu, który jest ostateczną potrzebą klienta.

2. Chłopak nieśmiały

Strona internetowa studia projektowego, po której raczej nie będziesz chciał nawet szukać ofert konkurencji. Lądowanie na czterech ekranach jest w stanie przekonać cię do zwrócenia się do tych facetów, nawet jeśli nie czytasz żadnych recenzji ani listy firm, z którymi studio współpracowało. Najprawdopodobniej po prostu przewiniesz, podziwiając efekt paralaksy i sam go nie zauważysz, gdy zaczniesz wprowadzać swoje dane do ładnego formularza zwrotnego.
http://boy-coy.com

3. Wódka „Walenki”

Kolejny przykład pięknego landing page'a z efektem paralaksy. Strona czysto wizerunkowa, która nie zmusza do natychmiastowego zakupu, ale tworzy pozytywny wizerunek dla docelowych odbiorców. Należy pamiętać, że informacje o jakości produktu są prezentowane w wystarczającej objętości, ale można je przegapić, obserwując, jak pięknie unoszą się kostki lodu. Jednak pożądany efekt został już osiągnięty. Ta witryna jest zbyt piękna, aby oferować coś słabej jakości - taki podświadomy wniosek pojawi się u każdego odwiedzającego każdą gustowną witrynę.
http://www.valenkivodka.com

4. Internetowy sklep z misiami

Naprawdę ciekawe lądowania mogą przyciągnąć uwagę nawet osób, które są daleko od grupy docelowej. Sprawdź przykład sklepu, który sprzedaje ogromne pluszowe misie. Strona jest dosłownie pełna ciekawych pomysłów i wydaje się być w dialogu z odwiedzającym, co ostatecznie z dużym prawdopodobieństwem oznacza zakup.
http://medvedy.com

5. Inteligentny postęp

Piękny landing page popularnego serwisu do wyznaczania i osiągania celów. Po pierwsze, idź i zobacz, jak to działa, a po drugie, oceń projekt, który ucieleśnia ruch w kierunku celu. W połączeniu z bardzo kompetentnym wypełnianiem bloków, to naprawdę motywuje do zrobienia wszystkiego, co zostało zaplanowane, ale zostało odłożone w nieskończoność.
https://smartprogress.do

Przykłady sprzedaży landing pages z wysoką konwersją

1. Produkcja i montaż okien drewnianych

Jak wiesz, landing page nie powinien przeciążać odwiedzającego, ale od razu dać mu coś do zaczepienia i wypełnienia wniosku. Nie będziemy się spierać, ale niektóre produkty wymagają starannej selekcji i nie wyjdziesz z jednego lub dwóch bloków. Strona docelowa tego producenta okien przebiegła maksymalnie zgodnie z programem i dotknęła takich szczegółów, o których nawet nie myślimy przy wyborze okien. I choć w kilku blokach, jak nam się wydaje, doszło do przeciążenia informacyjnego, ta strona jest nadal dobrym przykładem dużego lądowania.
http://goodwin-nnov.ru/

2. Ubezpieczenie CASCO

Kolejna strona docelowa o wysokiej konwersji. Zastosowano tu zasadę zamiany odwiedzającego w leada podobnie jak w poprzednim przykładzie – kalkulator. Oferujemy ocenę, ile parametrów można wprowadzić przy wyborze polisy i jak łatwo to zrobić. To samo można powiedzieć o pozostałej treści lądowania – jest ono niezwykle proste i zrozumiałe, a jednocześnie opisane są wszystkie korzyści, jakie właściciel samochodu chce uzyskać, ubezpieczając swój samochód.

http://prostokasko.rf

3. Zautomatyzowana franczyza akwariów rozrywkowych

Dobry przykład landing page’a sprzedażowego, który zapewnia wysoką konwersję ze względu na to, że jasno wyjaśnia korzyści potencjalnemu klientowi, ale jednocześnie pozostawia intrygę, chęć poznania szczegółów biznesplanu, który obiecuje pasywny dochód. Projektant jest naszą szczególną pochwałą.
http://morewishes.ru

4. Naprawa laptopa

Dobry przykład strony docelowej, gdzie relatywnie duża liczba tekst (wraz z miejscem, jakie zajmuje na głównym ekranie) nie stwarza odwiedzającym żadnych trudności, wręcz przeciwnie, wygląda organicznie iz powodzeniem odmalowuje wszystkie zalety organizacji naprawy. Usługi naprawy laptopów są pilne, więc potencjalni klienci nie powinni podawać informacji ponad miarę: wystarczy kilka bloków, ale wypracowanych tak pięknie i pouczająco, jak to możliwe, co budzi zaufanie.

Wiktoria Kuczinowa

Główny problem z większością nowoczesnych stron docelowych polega na tym, że wszystkie wydają się być wykonane w formie kopii. A gdzie kreatywność, ogień, gdzie szaleństwo projektowe?

W tej kolekcji zebrałem ciekawe żetony i niezwykłe efekty. Niektóre z nich zostały stworzone przez programistów Texterra i projektantów stron internetowych, a niektóre zostały znalezione w Runecie. Nie bez przykładów obrzydliwego dizajnu i wręcz szizy – na końcu artykułu znajdziecie znajomego z chomikiem-zabójcą i Snow Maiden z wiadrem.

Oglądaj, inspiruj się, wcielaj w życie pomysły, które Ci się podobają, mieszaj je z własnymi i nie zapomnij o testach A/B - to jedyna słuszna recepta na tworzenie zabójczych stron docelowych.

I co najważniejsze, pamiętaj, że landing page nie jest narzędziem samowystarczalnym. Do konwersji, potencjalnych klientów i sprzedaży potrzebny jest ruch wysokiej jakości. A trudno go zdobyć bez kompleksowej promocji.

Rozszerzona forma

Zwykle osoby korzystające z jednej strony używają standardowego formularza wniosku z kilkoma polami. Najczęściej klient musi podać dane kontaktowe - imię, nazwisko, adres e-mail lub numer telefonu. Ale w niektórych złożonych obszarach lepiej omówić temat bardziej szczegółowo. Oto jak to zrobili w Texterra: w postaci strony docelowej dellservers.ru klient może wybrać moduł, parametry i zadania serwera. Może zresetować wartości, jeśli coś poszło nie tak.

Po co to jest? W każdym przypadku właściciel landing page’a otrzyma swoje leady – nawet jeśli w formularzu są tylko dwa, trzy pola. Ale tutaj będzie interesujące dla klienta, aby kopać głębiej. Nie tylko na zamówienie, ale także na wybór własnej opcji.

Dwa przyciski STA

Na stronie docelowej narzędzia do planowania zadań pod adresem wunderlist.com/ru znajdują się jednocześnie dwa wezwania do działania, które wzajemnie się wzmacniają: „Utwórz bezpłatny konto' i 'Pobierz Wunderlist'. Użytkownicy klikają w oba linki, konwersja rośnie, a landing page doskonale spełnia swoje zadanie.

Konkretne liczby (wyniki)

Nie jest nowy, ale nadal działa. Pokaż klientom, co osiągnąłeś w liczbach: jest to jaśniejsze niż abstrakcyjne frazy „jesteśmy najlepsi”, „mamy setki zrealizowanych projektów” i tak dalej. Zajrzyj na stronę docelową smartprogress.do: od razu zobaczysz, ile osób już dołączyło do projektu, ile postawiono sobie celów, ile osiągnięto.

Personalizacja

Strony docelowe bez twarzy - br-r, co może być nudniejszego! Ożyw swój onepager, dodaj ognia, zainteresuj potencjalnego klienta. Na przykład na stronie usług Texterra do tworzenia stron internetowych znajdują się zdjęcia pracowników, którzy są w to bezpośrednio zaangażowani. Gość wchodzi i widzi: tak, nie abstrakcyjni programiści, ale całkiem żyjący Svyatoslav, Polina, Artem i inni zajmą się moimi zasobami.

Wygodny formularz odpowiedzi

Na wielu landing page’ach i stronach internetowych możesz zadać pytanie tylko przez formularz. A to oznacza, że ​​​​musisz podać imię i nazwisko, zostawić numer telefonu i e-mail. Czasem trzeba nawet wpisywać captcha i kody – zgroza! Oczywiste jest, że robi się to w celu zdobycia leadów. Ale jest jeszcze jedna opcja - jak na stronie docelowej Cerebro Target. Jeśli jesteś zarejestrowany na VKontakte, nie musisz niczego wypełniać - weź to i napisz. Zarówno klientka czuje się komfortowo jak i właścicielka ma się dobrze - kontakt zostaje, można dalej pracować.

Opinie klientów

Możesz poprosić klientów o opowiedzenie o swoich doświadczeniach i opublikowanie otrzymanych tekstów na landing page. Ale haczyk polega na tym, że odwiedzający w żaden sposób nie sprawdzi, czy są to prawdziwe recenzje, czy fałszywe. Lepiej iść dalej i przekonać o tym odwiedzających. Landing page huskypark.info, który został opracowany przez Texterra, cytuje słowa klientów z Instagrama wraz z linkami do ich kont. Wszystko jest sprawiedliwe - przyjdź i zobacz.

Demonstracja wyników

Grafika 3D i rozszerzona rzeczywistość

Landing page został stworzony dla aplikacji Qubi. Jest to gra dla dzieci w wieku 3+ lat i dorosłych. Istota gry jest prosta. W pierwszym kroku użytkownik, zgodnie z zaproponowanym schematem, przykleja prawdziwą kostkę z papieru, tektury lub drewna.

Następnie instaluje aplikację, otwiera ją na smartfonie i „patrzy” na kostkę przez kamerę urządzenia.

Na ekranie smartfona lub tabletu kostka ożywa. Użytkownik gra w trójwymiarową wersję „Węża”, „2048”, „Labiryntu”. W takim przypadku musisz sterować grą za pomocą prawdziwej kostki. Aby sterować kostką dwiema rękami, potrzebujesz specjalnego stojaka na smartfona, który możesz samodzielnie złożyć.

Trójwymiarowy model sześcianu można zobaczyć na ilustracji (gif).

Czego chciał klient

Klient poprosił o wykonanie landing page'a podkreślającego cechę gry: wykorzystanie rozszerzonej rzeczywistości 3D. W szczególności chciał zobaczyć efekt poruszania się ścian trójwymiarowego sześcianu, którego aktywna ściana jest wpisana na ekran urządzenia odwiedzającego.

Co my zrobiliśmy

Zaimplementowaliśmy 3D za pomocą transformacji 3D CSS3. Przejścia między ścianami sześcianu są wykonywane przy użyciu czystego JavaScript ze śledzeniem zdarzeń przeciągania i dotykania. Dzięki nietypowym przejściom między ekranami, użytkownik stwarza wrażenie trójwymiarowości ekranu. Jest to szczególnie widoczne na działającej wersji strony docelowej.

Na potrzeby ostatecznej wersji landing page’a wykonaliśmy bardziej realistyczną wersję kostki. W przeciwieństwie do wersji roboczej, w ostatecznej wersji sześcian obraca się od zewnątrz, a nie od wewnątrz. Wrażenie trójwymiarowości potęgują animacje tytułu.

Strona docelowa jest w pełni responsywna.

Interaktywny dobór kolorów wnętrz i mebli

Osobliwością strony docelowej DSK.Color jest możliwość samodzielnego wyboru koloru mebli i elementów wyposażenia wnętrz za pomocą interaktywnej palety.

Firma DSK.Color maluje dowolne powierzchnie na różne kolory. Istnieje możliwość zamówienia kolorystyki mebli, sprzęt AGD, rowery, instrumenty muzyczne i inne przedmioty. Klient może wybrać dowolny kolor.

Najczęściej zamawianą usługą jest malowanie mebli i elementów wyposażenia wnętrz. Stanowi około 80% pracy klienta.

Czego chciał klient

Klient poprosił o wykonanie jasnego i niezapomnianego lądowania „z wezwaniem do pokolorowania wszystkiego wokół”. Miał pomysły na wykonanie trójwymiarowych reprezentacji mebli, aby odwiedzający „mógł obrócić i obejrzeć malowany przedmiot pod różnymi kątami”.

Co my zrobiliśmy

Zaproponowaliśmy klientowi pomysł: dać odwiedzającemu możliwość samodzielnego wyboru koloru mebli i elementów wyposażenia wnętrz.

W tym celu strona docelowa oferowała obraz pokoju, w którym odwiedzający może malować główne obiekty za pomocą palety otwieranej po kliknięciu. Na podstawie wybranych kolorów i pozycji użytkownik może obliczyć koszt usługi. Tak wyglądał pierwszy prototyp.

Klientowi bardzo spodobał się ten pomysł, więc wykonaliśmy działający prototyp strony docelowej. Na nim główna część wyglądała już tak.

Umówiliśmy się z klientem na pozostawienie możliwości pomalowania stołu, krzeseł, drzwi i szafki kuchennej. Są to główne elementy, które firma maluje.

Po zatwierdzeniu prototypu do prac przystąpił projektant i projektant layoutu. Pierwszy narysował wszystkie elementy w svg (jest to format graficzny). Drugi uzupełnił i dodał paletę kolorów do obszarów svg. Następnie zaimplementowano okno modalne. Dzięki niemu użytkownik może dwukrotnie sprawdzić kolory i elementy oraz złożyć wniosek o usługę.

Niezwykłe i zwykłe preloadery

Za pomocą preloadera lub spinnera możesz uczynić dowolną stronę docelową wygodniejszą i atrakcyjniejszą wizualnie. W tej sekcji porozmawiamy o preloaderach i przyjrzymy się przykładom tych elementów stworzonych przez specjalistów Texterra.

Co to jest preloader i jakie zadania rozwiązuje

Preloader lub spinner to znak, który pojawia się na ekranie przed załadowaniem strony. Widzisz te elementy każdego dnia, kiedy korzystasz z Internetu. Poniżej znajduje się przykład preloadera.

Preloader rozwiązuje praktyczny problem: informuje użytkownika, że ​​strona się ładuje, a także zastępuje nieatrakcyjny wizualnie obraz ładowania. Należy to wyjaśnić.

Z powodu właściwości techniczne praca przeglądarek Strony witryn ładują się nierównomiernie. Podczas ładowania układ może „unosić się”. Jeśli strona ładuje się w kilka sekund, a nie ułamek sekundy, użytkownik przez jakiś czas widzi nieatrakcyjny obraz.

Preloadery są implementowane przy użyciu standardowych narzędzi programistycznych front-end: HTML, CSS, JavaScript oraz dodatkowych bibliotek i frameworków, takich jak jQuery, React.

Jak ulepszamy strony docelowe za pomocą modułów wstępnego ładowania

Tworzymy unikalne preloadery, w tym animowane. Oto niektóre z naszych prac.

• Qubi

Dla strony docelowej Qubi stworzyliśmy preloader, który naśladuje menu nawigacyjne. Pozwala to użytkownikowi zrozumieć, w jaki sposób strona jest zarządzana przed jej załadowaniem.

• wyrównać

Na stronie Levellen Interiors zastosowaliśmy preloader w postaci firmowego logo. Ten element dodatkowy branding witryny.

Landing page zawiera informacje o najmie lokali w centrum biznesowym. Główny sekret strony docelowej znajduje się w sekcji „Biura”. Tutaj użytkownik może zobaczyć dostępność wolnych biur na każdym piętrze budynku.

Gdy najedziesz kursorem na wolne biuro, pojawi się przycisk „Szczegóły”.

Naciśnięcie przycisku kieruje użytkownika na stronę z informacjami o biurze i jego zdjęciami. Z tej strony możesz zostawić prośbę o wynajęcie pokoju.

Cechy implementacji

Nasz projektant narysował kształty przestrzeni biurowej, rysunki są w formacie svg. Rysunki te są nałożone na plany pięter. Gdy administrator serwisu w panelu kontrolnym zauważy, że gabinet jest wolny, skrypt włącza wyświetlanie obrazu na planie oraz możliwość przejścia do strony z informacjami i formularzem zamówienia. Gdy administrator zauważy, że biuro jest zajęte, skrypt wyłącza obraz na planie.

Własny projekt

W tym przykładzie nie ma skomplikowanych sztuczek technicznych i efektów projektowych - całe lądowanie trwa Ładne zdjęcie: tło, kolory, apetyczne zdjęcia kawioru z Astrachania. jedna strona astrahancaviar.ru jest dobrym przykładem tego, jak projektant sprawia, że ​​chcesz kupić produkt. I jedz natychmiast!

Na koniec o bolesnych - kilka przykładów strasznych lądowań. Dla kontrastu facepalm, bezsilna agonia i tak dalej. Nie będę opisywał co jest z nimi nie tak - proponuję samemu rozwiązać te problemy. Ita-a-ak...

Witryny sprzedaży. Co to jest? Co druga osoba powie: „Oczywiście, że to landing page!”. Są to strony jednostronicowe, są też stronami docelowymi, są też stronami sprzedażowymi.

Nie przekonam Cię, że jest odwrotnie, bo w tych słowach jest dużo prawdy. Dlatego w tym artykule przeanalizujemy, które strony docelowe można nazwać najlepszymi i dlaczego.

Kiedyś zacząłem szukać najlepiej sprzedających się stron, gdzie zobaczyć ich przykłady, oceny i jak je ogólnie oceniać. W końcu początkowo wymyślono stronę jednostronicową, aby zwiększyć sprzedaż firmy.

Ostatnio wiele się zmieniło. Te, które były istotne wcześniej, zniknęły, strony zaczęły być ulepszane, piękniejsze, z dużą ilością animacji, zdjęć i różnych kuszących funkcji.

Kryteria oceny

Na jakiej podstawie oceniać? Co wziąć za podstawę? Jak uszeregować strony TOP-10? Gdzie wziąć strony na konkurs? Wszystko to komplikuje sytuację w tworzeniu prawdziwego i uczciwego rankingu najlepszych witryn.

Ponadto nie wiemy, ile firm handlowych dokonuje za pośrednictwem takich witryn. Nie możesz do nich zadzwonić i zapytać: „Co jest twoje?” lub „Z ilu aplikacji otrzymujesz?”.

Jestem pewien, że nikt nie odpowie na takie pytanie, bo albo nikt nie pomyśli, albo powiedzą, że to informacja poufna.

Tak, marzyć!

Więc ułatwiłem. Zacząłem szukać i przeglądać oceny i selekcje najlepszych lądowań. I wiesz co?

Ocena jest oczywiście subiektywna, ponieważ nie mamy wskaźników wszystkich stron i nie możemy fizycznie zbadać wszystkich witryn internetowych. Opieramy się na naszym doświadczeniu i tych witrynach, które poznaliśmy w sieci World Wide Web przez 5 lat.

JEST NAS JUŻ PONAD 29 000 osób.
WŁĄCZYĆ COŚ

TOP 10 witryn jednostronicowych

Nie traktuj numeracji jako podziału nagród. Ponieważ wszystkie landing page’e mają inne zadania, przez co porównywanie ich między sobą jest nie tylko nieprofesjonalne, ale i głupie. Więc po prostu ciesz się pracą.

1. Zespół mieszkaniowy „Park Flora”

Strona to totalna rozkosz. Od razu widać, że fajny projektant i czołowy marketer mieli w tym swój udział. Patrzysz i chcesz przyjść i zobaczyć wszystko sam.

Ponadto na stronie kompletna nieobecność, nie ma formularza do wypełnienia, tylko numer telefonu. I to jest w ich przypadku słuszne, choć dla wielu może się to wydawać dziwne.

Zespół mieszkaniowy „Park Flora”

Jedynym minusem jest projektant układu dla słabo zoptymalizowanej animacji i plików .

Witryna ładuje się bardzo długo, co może znacznie wpłynąć na współczynnik odrzuceń. Ludzie nie lubią czekać i odejdą szybciej niż zobaczą ofertę.

2. Warsztat „Dinero”

To nie jest strona internetowa, ale cały film o jednej „postaci” - drewnianym portfelu. Gdyby to kosztowało 1000-2000 rubli, to strona by upadła, bo nie ma jednoznacznych: oferty, opisu, formy przechwytywania itp. Ale w segmencie Luxur wszystko działa inaczej i ta jedna strona jest tego dowodem.

Główną wadą tej strony jest próba, jak mówią, siedzenia na dwóch krzesłach, a mianowicie na jednej stronie, aby sprzedawać towary zarówno detalicznie, jak i hurtowo.

Musisz szukać dealerów na osobnej stronie, ponieważ kupujący detaliczni i hurtowi mają różne kryteria wyboru, co oznacza, że ​​​​muszą pokazać różne obrazy i korzyści w innej kolejności.

Warsztaty „Dinero”

3. Oferty pracy Alfa-Bank

Ten czerwono-biały bank jest naszym partnerem. Jesteśmy autorami ich bloga dla klubu klientów.

Ale ich strona nie jest tutaj dla „rodzinnych więzi”, naprawdę podjęli dobrą decyzję, aby znaleźć pracowników do swojej firmy. I zrobili to w bardzo oryginalny sposób.

Oferty pracy Alfa-Bank

Jedyne, co im możemy powiedzieć (a my to zrobimy), to nie zabierać klienta z tej witryny i wykonywać całą interakcję wewnątrz niej. W ten sposób osoba będzie bardziej skłonna do pozostawienia prośby ze względu na zwykły układ elementów i logiczny ciąg działań.

4. Gorset sportowy „Loni-gorset”

Ta strona została stworzona przez nas i trochę głupio jest wystawiać ocenę i nie mówić, że uważamy nasze witryny za fajne.

Co więcej, wszystkie nasze strony są w najlepszym wydaniu, możesz to zobaczyć tutaj —> . Ale ponieważ większość odbiorców tej strony to mężczyźni, postanowiliśmy pokazać stronę z dziewczynami 🙂

Gorset sportowy „Loni-gorset”

Strona działała dla 4+. Jedynym blokiem, którego nie mogliśmy dodać, był społeczny dowód istnienia firmy wysyłającej.

Klient zdecydował się nie pokazywać tej informacji. Dlatego śmiało mówimy, że wynik mógłby być wyższy, gdyby kupujący zobaczyli magazyn, zespół, biuro i inne. Ale co jest, to jest.

5. Zatwierdzenie SRO „Gralnik Licensing”

Na pierwszy rzut oka ta witryna powinna sprawić, że zastanawiasz się, dlaczego znajduje się na pierwszej liście. Nie ma w nim nic szczególnego: prosty design, zwykłe bloki, typowe teksty.

ALE! Zaufaj mi, kiedy będziesz ich klientem docelowym, zdasz sobie sprawę, że jest to świetna strona, która jest całkowicie zbudowana dla klienta. I nawet ten prosty powstaje z tak zwyczajnego powodu.

Zatwierdzenie SRO „Gralnik Licensing”

Oczywiście mają miejsce na rozwój. Ich układ unosi się w niektórych blokach, a jest ich, nawiasem mówiąc, 15. Ponadto mają nieprawidłowe dzielenie wyrazów, a główne elementy są słabo podświetlone.

Ale to wszystko drobiazgi, ponieważ zasadniczo wszystko jest zrobione poprawnie i napisane z punktu widzenia.

6. Projekt „Wielkie suszenie”

Większość kobiet (ich grupa docelowa) słyszała o projekcie Crazy Drying. Ich reklamy startowe są w całym Internecie. I nie jest to zaskakujące, gdy miliony inwestuje się w ruch drogowy.

Ale bez dobrej witryny nie będziesz w stanie uzyskać dziesiątek milionów przychodów, więc ich strona jest również uwzględniona w naszym TOP.

Projekt „Wielkie suszenie”

Widać, że do stworzenia podeszto bardzo dokładnie, czego warte są tylko niektóre teksty. Ale popełnili jeden duży błąd - nie zrobili przycisku połączenia na samym końcu. To bardzo wpływa na odpływ odwiedzających, którzy nie widzą logicznego zamknięcia całej historii.

7.

Sami korzystamy z systemu relacji z klientami Bitrix24. Ale ponieważ naszym tematem nie jest „ ”, strona internetowa systemu Megaplan przekroczyła wszelkie oczekiwania.

Za jego pośrednictwem przekazali wszystkie główne punkty swojego systemu, po czym rozumiesz, że jest to najlepsza rzecz dla biznesu.

CRM „Megaplan”

Jednym z naszych życzeń dotyczących ulepszeń jest dodanie recenzji wideo systemu, ponieważ wszyscy bezpośredni konkurenci go mają. A także wykonuj bardziej zrozumiałe połączenia, a mianowicie zamień tytuły (nie przyciski) na „Rozpocznij za darmo” lub coś w tym stylu.

Przy okazji! Jeśli chcesz używać go jako swojego systemu CRM, radzę nie zapomnieć o kodzie promocyjnym „Megastart”. Otrzymasz więc 10% rabatu na pierwszy zakup i 14 dni darmowego użytkowania.

8. Bank Przedsiębiorców „Toczka”

Ten landing page banku otrzymuje nagrodę za oryginalność. Ta strona jest wysyłana do Twoich znajomych jako link polecający.

Aby wzmocnić efekt, dodalibyśmy jeszcze kilka bloków, które wywierają presję na logikę. Teraz strona jest bardziej skoncentrowana na emocjach, aw niektórych przypadkach może to być właściwa decyzja. Ale wciąż mamy wybór banku, a same emocje nie mogą tu zadziałać.

Bank dla Przedsiębiorców „Toczka”

9. Wyposażenie siłowni Goodfit

Ciekawe przejście strony z czerni na biel z niebieskim. Ale oprócz oryginalnego rozwiązania projektowego, to lądowanie wykorzystuje doskonałą grę nagłówków. Tutaj nie są eyelinerem do bryły, ale samodzielnymi elementami, po przeczytaniu których można już stworzyć pełny obraz.

Aby uzyskać pełny pakiet, nie ma wystarczającej liczby prezentacji wideo w imieniu CEO. Musi być w świetnej formie fizycznej.

Do tego wszystkiego świetnie byłoby dodać liczby do przypadków. Czyli ile kosztuje sala, którą otrzymał klient. Nie jest to krytyczne, ale po prostu pożądane, ponieważ specyficzność dodaje wiarygodności i jest po prostu wygodna dla zwiedzających.

Sprzęt do siłowni „Goodfit”

10. Centrum Handlowe "METROPOLIA"

Zdecydowanie najfajniejsza strona docelowa centrum handlowego, jaką kiedykolwiek widziałem. Kolory są pięknie dobrane, główne znaczenie jest przekazane, doskonała użyteczność jest natychmiast widoczna po przejściu na tę stronę docelową. Więc kliknij i eksploruj.

Ale i tak wtrącę swoje 5 groszy. Oczywiście rozumiem, że osoby, które znają to centrum, powinny trafić na tę stronę. Ale oprócz nich upadną na niego ci, którzy zobaczą go po raz pierwszy.

Dlatego logiczne było zrobienie krótkiego opisu (opis w kilku słowach o firmie), aby odwiedzający od razu wiedział, gdzie się znajduje i co go tam czeka.

Centrum Handlowe „METROPOLIA”

Dlaczego tylko witryny Runet

Tak, w mojej recenzji skupiłem się głównie na najlepszych witrynach jednostronicowych w RuNet, chociaż na świecie jest wiele przyzwoitych opcji.

I co najważniejsze (i to jest najbardziej zaskakujące), landing page w burżuazji wykorzystuje nie tylko małe, ale nawet duże zużycie.

Na przykład jedna z najsłynniejszych usług taksówkarskich na świecie, Uber, jako stronę główną wybrała następującą opcję - wielofunkcyjną stronę docelową lub, jak mówią, wielostronicową stronę docelową.

Jest to strona internetowa z wieloma stronami docelowymi. Prawie wielostronicowa witryna, ale wciąż strona docelowa.

Ale celowo nie umieściłem tutaj ich strony docelowej, ponieważ są inne. Niech wszyscy mówią, że powtarzamy wszystko po Zachodzie, ale w tym przypadku myślę inaczej.

My Rosjanie jesteśmy inni. Mamy inny sposób myślenia, ponieważ żyjemy w innym kraju. Na przykład Amerykanin prawie nie ma w głowie strachu, że firma weźmie pieniądze i się rozpadnie. Ponieważ mają wszystko chronione przez dziesięć rzędów, to kosztuje tylko jeden PayPal.

Tutaj, w Rosji, ten strach jest na pierwszym planie. Dlatego mają niewiele przekonujących blokad na swojej stronie internetowej, aby zaufać firmie, a my mamy ich dużo.

Mogę podać jeszcze dziesiątki argumentów, że będziemy mieli z nimi różne najlepsze landing pages. Dlatego przepraszam, ale ich opcji tutaj nie będzie.

Lepiej ciesz się naszymi rosyjskimi rozwiązaniami, modeluj nasze teksty i bloki. A na zagranicznych stronach po prostu weź dobre pomysły na projekt.

Krótko o głównym

Teraz, kiedy przejrzeliście już wszystkich kandydatów, nie zachęcam do ślepego skupiania się na nich, ale zdecydowanie warto spojrzeć na przykład na najlepsze strony docelowe.

Jako minimum możesz wziąć od kogoś pomysł na ciekawie wykonaną animację. Lub na przykład jeden z twórców doskonale zna swój i używa go przez całe lądowanie. Generalnie warto przestudiować, wyciągnąć wnioski i przyjąć.

A tak przy okazji, jeśli szukasz pomysłu na swój pierwszy landing page, możesz spróbować stworzyć go samodzielnie. Dzięki temu zrozumiesz, czego potrzebujesz i że nie jest to takie proste, jak się wydaje na pierwszy rzut oka.

Użyj do tego np. PlatformaLP , Tilda , Bloxy. I dopiero wtedy czekamy, aż nas odwiedzisz w celu wspólnego rozwoju.

Osobliwością tego projektu jest to, że wszystkie elementy są widoczne, ale jednocześnie bardzo starannie ułożone. Uwagę zwraca również prosty, ale piękny pokaz slajdów.

Prosty, ale ładny projekt. Zaletą jest to, że możesz wejść na stronę przez Facebooka, nie tracąc czasu na rejestrację.

Doskonały przykład prezentacji produktu firmy. Co miesiąc firma aktualizuje wykaz produktów prezentowanych na stronie.

Zrozumienie, co jest sprzedawane na stronie, nie stanowi problemu dzięki dobrze ustrukturyzowanej treści, pięknym slajdom i dużym cenom.

Najbardziej udane strony sprzedażowe koniecznie zawierają jasne i łatwe do zrozumienia przykłady produktów.

Cechą charakterystyczną tego projektu jest prostota. Proste menu i jasny suwak dobrze do siebie pasują.

Strona jest dobrze wyświetlana w różnych sekcjach. Po więcej dokładna informacja Po prostu kliknij obraz, który Ci się podoba.

Projekt nie jest przeładowany zbędnymi elementami, od razu widać wszystkie cechy i ceny towarów.

strony rozrywkowe

Proste i gustowne. Cel strony jest od razu jasny - obejrzeć film dokumentalny.

Projekt strony jest bardzo przemyślany, fascynuje i dosłownie hipnotyzuje. Świetne połączenie kolorów i kształtów.

Ta strona jest na najwyższym poziomie. Znakomicie przemyślany projekt i mnóstwo interaktywnych elementów nie pozostawi nikogo obojętnym.

Ta strona dotycząca serii o Harrym Potterze zawiera znane fanom kolory, zwroty i nazwy.

Ta strona nie tylko pięknie wygląda, ale jest też bardzo funkcjonalna: dużo interaktywnych elementów, integracja z Google Maps, korzystanie z zakładek.

Nawet po przeprojektowaniu Uncrate nie zmienia swojej tradycji umieszczania wszystkich sekcji witryny w wygodnym górnym menu nawigacyjnym.

Ta witryna pokazuje potęgę projektowania graficznego i tworzenia stron internetowych. Lepiej go odwiedzić i samemu się przekonać.

Świetny przykład projektu „kafelkowego”, który pozwala stylowo ułożyć dużą liczbę bloków treści.

Wizualny komponent tej strony jest niesamowity. Żywe obrazy natychmiast przyciągają uwagę użytkowników.

Jay-Z dokładnie wie, jak się bawić. Na jego stronie artykuły, obrazy i inne treści są prezentowane jako interaktywne kafelki.

Ten projekt wykorzystuje naturalne odcienie, które dobrze komponują się z głównymi problemami poruszanymi na stronie.

Strony docelowe portfela

Ta strona ponownie jest zdominowana przez obrazy, które dosłownie ożywają po najechaniu myszką.

Ten przykład ma bardzo ciekawe połączenie kolorów. Co więcej, wszystkie elementy na stronie wykorzystują tę samą strukturę tła, na przykład drzewo.

Styl „starej szkoły” jest tutaj bardzo skutecznie stosowany, projekt każdego elementu jest przemyślany w najdrobniejszych szczegółach i jest niepowtarzalny. Dzięki niekończącemu się przewijaniu tej strony możesz cieszyć się takim pięknem przez długi czas.

Przejrzysty i przemyślany projekt pomaga stronie komunikować się w najbardziej efektywny sposób. Informacja główna odwiedzającym. Kolorystyka nawiązuje do marki i ukazuje styl projektanta w działaniu.

Strona jest doskonałą prezentacją. Każdy baner poświęcony jest osobnemu projektowi.

Przykład nietypowego projektu płytki.

Ta strona jest zdominowana przez typografię. Użycie różnych czcionek pomaga w przekazywaniu pomysłów.

Projekt jest zwięzły i zwięzły. Na stronie możemy zobaczyć wszystko, czego potrzebujemy: zarówno portfolio, jak i linki do innych działów.

Ikony i nic więcej. Dobry przykład minimalistycznego designu.

Strona portfolio wyświetla najważniejsze - przykłady prac.

Sprzedaż detaliczna

Strona zawiera wiele zdjęć użytkowników, które można łatwo przeglądać za pomocą przewijania i najeżdżania kursorem.

Duże jasne zdjęcia produktu firmy sprawiają, że chce się wypić puszkę zimnego piwa.

Nic nie odrywa zwiedzającego od kontemplacji najpiękniejszych godzin.

Najważniejszym punktem tej witryny jest pokaz slajdów u góry strony, który prezentuje przepyszne kulinarne arcydzieła.

Czcionka i grafika są doskonale połączone, tworząc jednolite postrzeganie witryny. W menu są tylko trzy pozycje i nie sposób ich nie zauważyć.

Elegancki styl, wysokiej jakości obrazy, doskonała prezentacja. Nic nie odwraca uwagi od głównych elementów.

Toyota stworzyła stronę w stylu Pinteresta dla miłośników Camry. Tutaj znajdziesz wiele zdjęć, artykułów, statystyk.

Pomimo tego, że strona ta mieści się na wysokości jednego ekranu, posiada wiele ciekawych elementów interaktywnych i nietypowych detali.

Projekt strony w pełni oddaje styl marki: kolory, czcionki, zdjęcia od razu kojarzą się z tą konkretną firmą.

Projekt wykonany jest w kojących jasnych kolorach, ta kolorystyka jest idealna dla proponowanego produktu.

Ta strona jest jak książka, która przykuwa twoją uwagę niezwykłą fabułą i ilustracjami.

Pływający czerwony przycisk na środku ekranu spełnia swoje zadanie: naprawdę chcesz go kliknąć.

Ta strona docelowa wykorzystuje efekt paralaksy podczas przewijania, co zachwyca odwiedzających.

Projekt utrzymany jest w kolorystyce marki, przycisk CTA na banerze głównym doskonale się wyróżnia, co sprawia, że ​​aż chce się klikać.

Główny baner w stylu plakatu do filmu zdecydowanie przyciąga wzrok. Nawet jeśli nie wiesz, czym zajmuje się ta firma, zaintryguje Cię kapitan Dash na plakacie.

Niezwykła siatka tej strony pozwala odwiedzającym zobaczyć wiele treści na raz w sposób łatwy do zrozumienia.

Ta firma wybrała bardzo kreatywny projekt swojej strony internetowej. Klikając na elementy okna z tytułami, możemy przejść do odpowiedniej sekcji.

Wysokiej jakości projekt strony wskazuje, że tej firmie można zaufać.

To strona profesjonalnego fotografa, a jej wygląd pomaga nam zobaczyć to, co najważniejsze - zdjęcia. Nawet menu jest ukryte w „hamburgerze”.

Jasne elementy czynią tę stronę bardzo atrakcyjną, ale jednocześnie nie rzucają się w oczy i nie odwracają uwagi od głównej treści.

Ten projekt wykorzystuje spójny styl tła od bloku do bloku, aby zapewnić integralność strony i ułatwić czytanie informacji.

Wniosek

Przyjrzeliśmy się ponad 50 zupełnie różnym projektom, ale każdy z nich jest dobry na swój sposób i kompetentnie wyraża wyjątkową ofertę firmy. Podczas opracowywania strony docelowej bardzo ważne jest, aby strona pasowała do Twojej marki i była interesująca dla docelowych odbiorców.

Landing można nazwać dowolną witryną jednostronicową, która zawiera wezwanie do działania. Z reguły linki do takich stron zawarte są w reklamach, więc po przejściu potencjalnego klienta będziesz miał tylko kilka sekund, aby przekonać go do zakupu, połączenia, rejestracji, zapisania się do newslettera, udziału w wydarzeniu lub zrobienia coś innego. Dlatego takie witryny składają się z 1 strony - treść nie może być rozłożona na kilka stron. Celem jest szybkie zainteresowanie i naprawienie wykonania akcji, czyli przekształcenie ruchu w wynik. Oznacza to, że strona powinna znaleźć nabywców wśród odwiedzających.

Różnica między stronami docelowymi a innymi typami witryn polega na tym, że zawierają one tylko jedną główną ofertę (w następnej kolejności mogą być prezenty, rabaty, bonusy, ale główny cel strony jest zawsze ten sam). Wynika z tego prosty wniosek: zastosowanie one-page jest właściwe, gdy oferta mieści się w jednym przycisku wezwania do działania. Wniosek powinien mieć prosty i liniowy charakter. Najważniejszy dla landing page’a jest ruch i ten sam przycisk. Reszta służy jako rama. Jedna strona pozwala kontrolować kolejność otrzymywania informacji, dlatego ważne jest zbudowanie efektywnej sekwencji sekcji.

Przykłady lądowań na jednej stronie:

1. Dom przy bulwarze - zespół mieszkalny

Vib-dom.ru to kompetentna i pięknie zaprojektowana strona docelowa agencji nieruchomości, której celem jest zbieranie wniosków o zakup mieszkania w nowym budynku. Warto zauważyć, że na stronie nie ma przycisków typu „oddzwoń” lub „zostaw prośbę”. Strona w przekonujący sposób opisuje zalety kompleksu mieszkaniowego, zawiera szereg linków do cyfrowych kopii pozwoleń, raportów i innych dokumentów potwierdzających wiarygodność perspektyw osiedla oraz hojnie udostępnia dane kontaktowe. Lądowisko jest zaprojektowane tak, aby klient, po zapoznaniu się z charakterystyką projektu, mógł sam zadzwonić do działu sprzedaży lub odwiedzić jedno z biur firmy. Oznacza to, że wezwanie do odwołania jest dyskretne, opis kompleksu jest naturalnym powodem zainteresowania.

Projekt strony jest świetny. Przyjemne pastelowe kolory kojarzą się z wygodą i, nawiasem mówiąc, z grubsza odpowiadają kolorystyce kompleksu mieszkalnego, sądząc po zdjęciu. Harmonijnie wyszło, wszystko jest w środku jednolity styl. Zdjęcia są doskonałe, dają korzystne pozycjonowanie projektu. Opisy rozkładów mieszkań są jasne i zrozumiałe. Argumenty przemawiające za zaletami są ważkie, tekst zwięzły i wysokiej jakości. Bez wody i długich stwierdzeń każda fraza niesie dla potencjalnego klienta przydatne informacje. Strona istnieje od około 2 lat - przed Tobą długowieczny landing page. Wynika to ze specyfiki niszy – klientów zaczęły przyciągać już na początku rozwoju. Ciekawa jednolinijka.

2. Viaresto - cyfrowe wyposażenie kawiarni i restauracji

Viaresto.ru to doskonale zaprojektowana strona firmy, która dostarcza, instaluje i konserwuje sprzęt cyfrowy do nadzoru wideo, dźwięku, kas fiskalnych, Wi-Fi i innych rzeczy w różnych instytucjach publicznych. Ekstremalna zawartość informacyjna, starannie dobrane argumenty perswazyjne, kompetentna prezentacja tekstowa i strukturalna, doskonałe wsparcie graficzne opisów - to wszystko razem robi mocne wrażenie. Mimo dużej ilości informacji i elementów landing page nie sprawia wrażenia przeładowanego, czyta się z zaciekawieniem, bo wszystko jest przedstawione szczegółowo i na temat.

Projekt jest dość złożony, zastosowano dużą liczbę odcieni kolorów i elementów graficznych. Nie wszystkie są jednorodne, jednak strona jest postrzegana jako całość, ma fabułę. Podczas przewijania zmieniają się semantyczne „lokalizacje”, a wraz z nimi podejście do projektowania. Strukturalnie wszystko jest logiczne, wyraźnie zbudowane i doprawione kilkoma efektami animacji. Opisy kluczowych cech usług, kolejność działań we współpracy, ceny, opinie klientów, portfolio klientów i partnerów oraz szczegółowe kontakty z formularzem zamówienia konsultacji jako wyzwalacza wezwania do działania. Stopka podsumowuje pokrótce zawartość strony docelowej, która notabene ma już 4 lata - kolejna wysokiej jakości długa wątróbka.

3. Re: treść - strona studia internetowego

Recontent.ru to strona docelowa do zbierania aplikacji do tworzenia stron internetowych. Wykorzystuje prostą i wydajną strukturę. Ze względu na specyfikę niszy, deweloper postanowił zainteresować klientów jedynie demonstracją przykładów gotowych prac. Całkiem wystarczająca argumentacja - według tych przykładów wszystko jest doskonale jasne, nic nie trzeba dalej wyjaśniać. Cała strona składa się z sekcji, które zawierają zrzuty ekranu witryn z prostą animacją przybliżenia po najechaniu kursorem, krótki opis projektu i link do niego. Wszystko to dla odmiany zapakowane jest w wielokolorowe klocki. Wygląda dobrze, ale nic więcej.

Projekt jest adaptacyjny i ze względu na wybraną konstrukcję niezwykle prosty. W nagłówku znajdują się kontakty, oryginalne logo studia oraz wezwanie do działania w formie briefu do zamówienia strony. Na stronie znajduje się inny rodzaj przycisku z linkiem do krótkiego formularza zamówienia opinii. Oznacza to, że otrzymujemy 2 przyciski o różnych kształtach, ale prawie o tym samym znaczeniu. Jako jedyny argument na korzyść wskazano adaptacyjność oraz podano miniatury mobilnych wersji gotowych witryn. Poniżej powtórzono formularz zamówienia oddzwonienia i dodano szczegółowe dane kontaktowe. Zwykłe lądowanie, w którym prawie cały ładunek semantyczny został przesunięty na przykłady pracy. Ale nie było żadnych zalet szablonów.

4. Pechatnikov - strona docelowa drukarni

Pechatnikov.rf - ładnie zaprojektowana strona typograficzna. Charakterystyczne logo nawiązujące do starosłowiańskich pionierów, wskazujące na autentyczność rzemiosła i zwiększające jego znaczenie w dobie cyfrowej. Kapelusz wygląda klimatycznie, choć elementy w nim ułożone są asymetrycznie. W wersja mobilna tego nie widać. Dostępne jest menu umożliwiające szybką nawigację po sekcjach. Nawiasem mówiąc, ten landing jest wielostronicowy: ikony z obrazami usług zawierają linki do stron z ich opisami. Nie kłóci się to z ideą landing page, mogą być też wielostronicowe. Istotą oferty jest kontakt z drukarnią. Nie możesz opublikować dwóch tuzinów usług na jednej stronie - okaże się, że jest za długa, nie skończą jej czytać. Dlatego tworzenie dodatkowych stron statycznych jest tutaj w pełni uzasadnione.

Projekt strony jest adaptacyjny, atrakcyjny, choć strukturalnie prosty. Różnorodność prezentacji osiągnięto dzięki zastosowaniu wielu unikalnych ikon. Istnieje lista usług, która sama w sobie jest zrozumiała dzięki nazwie nazw. Specjalna uwaga płatne do kontaktów w obszarze stopki - są duże, czytelne, jest mapka. Strona reklamuje również partnera - sklep papierniczy. Najprawdopodobniej jest to jedno biuro. Okazuje się, że para reklam - całkiem opłacalna. Nie ma tu przycisków wezwania do działania, ich rolę pełnią wyraziste bloki kontaktowe w nagłówku i stopce, obramowujące listę świadczonych usług. Dobre lądowanie.

5. Strona producenta kabin tłumaczy

Sinhro-kabina.ru - strona docelowa do zbierania wniosków o zakup bardzo specyficznego sprzętu - różnych modeli kabin przeznaczonych do tłumaczeń symultanicznych. W tekście o firmie czytamy, że jest to firma pierwsza i jedyna w swoim rodzaju. Najprawdopodobniej nie kłamią, to bardzo wąski profil produktu. Z obrazu w nagłówku można wywnioskować, o co chodzi, chociaż jest on raczej kiepskiej jakości. Prawdopodobnie takie zdjęcia są trudne do zdobycia.

Struktura strony jest niezwykle prosta: na przemian działy z opisami kilku modeli synchrokabin. Charakterystyka jest wszędzie prawie taka sama, trudno zrozumieć różnice między modelami, ale można zauważyć kilka przydatnych właściwości. Nie mają one jednak charakteru informacyjnego. Głównym przesłaniem strony jest to, że istnieje firma, która produkuje taki konkretny produkt, ma adres, numer telefonu, pocztę, a nawet profil VK. Możesz zadzwonić i dowiedzieć się więcej.

Podsumowując

Landing page jest skuteczny, jeśli sekcje są odpowiednio ułożone, a oferta prezentowana w sposób jakościowy. Ich projekt musi być adaptacyjny, ponieważ wielu przerzuci się na nie z sieci społecznościowych ze smartfonów. Ładny design jest pożądany, ale nie wymagany. Najważniejsza jest treść informacji i perswazyjność. Cóż, przycisk, kontakty, sieci społecznościowe - konieczne jest, aby osoba natychmiast zrozumiała, gdzie się znajduje i gdzie pisać lub dzwonić, jeśli jest zainteresowana.

Landing pages nie zamieniają odwiedzających w kupujących, ale wyszukują wśród odbiorców tych, którzy mają predyspozycje i zasoby do wykonania wskazanej na stronie akcji. Najważniejsze jest to, że landing page zawiera jedną gotową ofertę, dzięki czemu pozbawia męki wyboru. Pozostaje tylko przekonać potencjalnego klienta, że ​​to wybór właściwy. Im dokładniej sformułujesz argumenty przemawiające za ofertą i im jaśniej przedstawisz korzyści, tym lepiej.