Projekt strony głównej (lub strony głównej) to projekt wizualny i strukturalny pierwszej strony witryny internetowej, którą odwiedzający widzą podczas pierwszej wizyty na witrynie. Strona główna odgrywa kluczową rolę w tworzeniu pierwszego wrażenia witryny i pomaga odwiedzającym znaleźć potrzebne informacje lub nawigować dalej po zasobach.
1. Projekt strony głównej Shopify
Podobnie jak wiele innych stron docelowych w tym poście, przykładowa strona docelowa Shopify sprawia, że jest to proste. Na przykład nagłówek zorientowany na użytkownika składa się tylko z kilku słów, a strona opiera się na prostych punktorach, a nie akapitach, aby przekazać szczegóły i zalety wersji próbnej. Przed rozpoczęciem należy wypełnić tylko kilka pól. Wszystko to ułatwia Ci sprzedaż online za pomocą Twojego narzędzia.
2. Projekt strony głównej kagańca
Strony docelowe pomagają użytkownikom zdecydować, czy Twój produkt lub usługa jest warta ich cennego czasu i energii. Czy jest lepszy sposób na jasne i bezpośrednie przekazanie propozycji wartości niż dopasowanie odwiedzających do problemu, który rozwiązuje Twoja aplikacja?
Komentarze na Instagramie zyskują więcej
KaganiecAplikacja na Maca, która wycisza powiadomienia na ekranie, całkowicie to pokrywa pokazać, nie mówiąc mentalność na ich minimalnej stronie docelowej. Odwiedzających tę stronę wita szybki ogień niezręcznych powiadomień w lewym górnym rogu ekranu. Animacja jest nie tylko zabawna, ale także przekonująco oddaje użyteczność aplikacji bez długich opisów.
3. Projekt strony głównej TransferWise
TransferWise umożliwia wysyłanie i odbieranie pieniędzy w wielu walutach, a strona docelowa pokazana poniżej zawiera szczegółowe informacje na temat poszczególnych działań, dzięki czemu nie rozpraszają Cię opcje, które Cię nie dotyczą.
Jeśli chcesz przesłać pieniądze, możesz wypełnić formularz przelewu. Aby otrzymać pieniądze, po prostu przejdź do środkowej zakładki, a aby zarejestrować się w TransferWise przy użyciu karty debetowej, przejdź do zakładki skrajnie po prawej stronie.
Каждая вкладка на этой целевой странице создает свой wezwanie do działania в зависимости от того, на что вы подписываетесь — каждая из них в яркой зеленой рамке, чтобы выделить ваш следующий шаг после трех возможных начальных точек.
4. Projekt strony głównej Airbnb
Aby pomóc w przekształceniu gości w gospodarzy, Airbnb oferuje kuszącą personalizację: przybliżone oszacowanie średnich zarobków na podstawie Twojej lokalizacji. Możesz wprowadzić dodatkowe informacje na temat potencjalnego miejsca docelowego w polach, aby uzyskać jeszcze bardziej spersonalizowaną ocenę.
Jeśli odwiedziłeś już stronę, do której jesteś przekonany, wyraźne wezwanie do działania na górze strony ułatwia natychmiastową konwersję.
5. Zespołu
dziwaczny nie jest to zwykle pierwsze słowo, które przychodzi na myśl, gdy myślisz o oprogramowaniu HR, ale wizualna strona docelowa Teambit jest właśnie taką. Prostej formie z jednym polem towarzyszy urocze biuro pełne postaci zwierząt - wszystkich bardzo zadowolony z Teambit, jeśli jesteś zainteresowany. Obok każdej sekcji informacyjnej strony docelowej pojawia się animowane zwierzę, zachęcające odwiedzających do przewinięcia w dół i dowiedzenia się więcej. Projekt strony głównej
Wstęp Teambit to doskonały dowód na to, że nie trzeba mieć „zabawnego” produktu lub usługi, aby stworzyć zabawną stronę docelową.
6. Projekt strony głównej Wistii
Po pierwsze, jest to strona docelowa Wistia za darmowe konto Wistia. Od razu rzuca się w oczy formularz z jednym polem do założenia konta - niebieskie tło o minimalistycznym designie ładnie kontrastuje z jasnym białym polem formularza.
Długość pola formularza w połączeniu z widocznym rozmieszczeniem eliminuje prawie wszystkie trudności podczas tworzenia konta... ale jeśli masz wątpliwości, zawsze możesz przewinąć poniżej, aby przeczytać FAQ. Oddzielając te dwa elementy silnym kontrastem kolorów, Wistia znacznie ułatwia proces konwersji.
7. Przepływ sieci. Projekt strony głównej
Webflow, narzędzie do projektowania dla twórców stron internetowych, zawiera wiele informacji w formacie GIF i trzech polach formularza. Byłoby miło mieć cały formularz rejestracyjny w jednej linii - nie tylko skraca to stronę, ale wypełnienie każdego pola od lewej do prawej pokazuje użytkownikom, jak blisko są do kliknięcia czwartego niebieskiego przycisku i rozpoczęcia pracy za darmo.
Animowany GIF pod formularzem wyświetla się w tej samej ramce na stronie, dzięki czemu użytkownicy mogą zobaczyć, jak działa produkt. и zarejestruj się bez przewijania i przechodzenia na nową stronę.
Projekt strony głównej e-booka
8. Projekt strony głównej Nauto
Naauto, платформа данных для самостоятельного вождения автомобилей, помогает сделать автономное вождение более безопасным для компаний, которые управляют автопарком. Естественно, его клиентам потребуется вся информация для продажи на этой платформе. У Nauto она есть в супер-простой e-book, чья целевая страница дает вам краткую форму для контактов и статистику предварительного просмотра, чтобы доказать, почему этот ресурс так важен.
Zielony przycisk „Pobierz teraz” mógł być nawet celowy (w końcu zielony oznacza „przejdź”).
Przewiń w dół, a zobaczysz kolejne wezwanie do działania „Pobierz eBook”, aby przypomnieć użytkownikom, co jest w sklepie. Zobaczysz także trzy niepokojące statystyki wypadków samochodowych, które mają zachęcić użytkowników do dowiedzenia się więcej. Sprawdź to poniżej.
9. Projekt strony głównej silnego marketingu przemysłowego
Ta strona docelowa od razu mnie przyciąga swoim nieodpartym, wyrazistym nagłówkiem: „Nie każ mi powiększać”. Odnosi się to bezpośrednio do ogólnego doświadczenia większości z nas podczas przeglądania telefonów lub tabletów – i jest to również trochę bezczelne.
Ale to nie jedyna rzecz, która zainteresowała mnie na tej stronie docelowej. Zwróć uwagę na strategiczne rozmieszczenie koloru czerwonego na górze i na dole formularza, jeszcze bardziej przybliżając Cię do zdarzenia konwersji.
Кроме того, этот дизайн мета для загрузки: он выглядит и отлично работает на urządzenia mobilne. Имейте в виду, что многие посетители будут получать доступ к вашим целевым страницам на своих смартфонах или планшетах, и, если projekt Twojej strony internetowej им не подходит, они могут сдаться и покинуть вашу страницу.
Специалисты Industrial Strength Marketing сделали поле czcionki и форм достаточно большим, чтобы посетителям не приходилось, например, масштабировать, чтобы читать и взаимодействовать с контентом.
10. Czat na żywo w Velaro
Czasami najmniejsze szczegóły robią największą różnicę. To oni na przykład tworzą stronę docelową Czat na żywo w Velaro niesamowity.
Этот маленький символ PDF над изображением объекта помогает определить, в каком формате будет загружаться загрузка. Стрелка перед подзаголовком помогает еще больше обратить внимание на важную копию, которую посетители хотят прочитать. Как и IMPACT, у них также есть автоматически установленный флажок для subskrypcje на новостную рассылку в их форме — который, если превратить его в дополнительный флажок, является отличным способом увеличить число подписчиков . Все эти мелкие, казалось бы, незначительные детали помогают составить солидный, восхитительный дизайн целевой страницы. Дизайн главной страницы
11. IMPACT Branding i design / Projekt strony głównej
Strona główna WPŁYW od dawna stanowią źródło inspiracji dla projektantów. Podoba mi się prosty układ strony, począwszy od dużej kopii tytułowej i szczegółowego obrazu, poprzez kontur otaczający kształt, a skończywszy na przyjemnych dla oka kolorach i czcionkach.
W bezpłatnej instrukcji IMPACT do pobrania tutaj również nie jest zaznaczone samo pobranie na niebieskim przycisku umożliwiającym przesłanie wypełnionego formularza. Zamiast tego IMPACT zachęca Cię do „generowania większej liczby konwersji” poprzez skupienie się na tym, co możesz zyskać dzięki przeczytaniu przewodnika.
Strony docelowe, aby dowiedzieć się więcej
12. Odznacz
Nic dziwnego, że Unbounce znajduje się na szczycie tej listy – to oni naprawdę napisali książkę o tworzeniu stron docelowych o wysokiej konwersji. Chociaż ta strona docelowa ma wiele niesamowitych rzeczy, dwie, które naprawdę mi się podobają, to: 1) użycie okna czatu zamiast klasycznego formularza oraz 2) szczegółowe – ale dobrze zapakowane – informacje poniżej formularza/Strony głównej Projekt strony
Pierwsza pomaga skierować uwagę na cel strony – wypełnienie formularza – w sposób dyskretny i nie sprawiający wrażenia uciążliwego. Drugie rozwiązanie poprawia SEO tej strony (wyszukiwarki będą miały więcej treści do przeszukania) i usuwa niepokój osób, które muszą dowiedzieć się więcej o treści przed przesłaniem informacji, bez odwracania uwagi ludzi od okna czatu.
13. Bills.com. Projekt strony głównej
Ludzie często myślą o stronach docelowych jako o statycznych stronach witryny. Ale dzięki odpowiednim narzędziom możesz uczynić je interaktywnymi i spersonalizowanymi.
Weź poniższy przykład z Bills.com. Aby dowiedzieć się, czy skorzystasz z ich konsultacji, odpowiedz na trzy pytania, zanim wyświetli się formularz. Zaczyna się od tego:
Następnie odpowiadasz na dwa kolejne pytania, takie jak to poniżej:
A oto końcowy formularz strony docelowej, w którym podajesz swoje dane:
Nie jestem pewien, jak działa algorytm (i czy w ogóle taki istnieje), ale podczas jego wypełniania miałem pewne obawy nie квалификации. Как только я узнал, что я сделал, я был взволнован, чтобы заполнить форму, которая, я уверен, большинство людей, которые имеют долги и используют этот инструмент. Сделав это предложение более эксклюзивным, пока форма не появилась на целевой странице, могу поспорить, что Bills.com значительно zwiększona konwersja.
14. Projekt strony głównej Trulia
Trulia zrobił coś bardzo podobnego do Bills.com ze swoją stroną docelową. Zaczyna się od prostego formularza z prośbą o „adres” (co brzmi mniej przerażająco niż „twój adres”, chociaż to właśnie ma na myśli). Poniżej tego prostego pola formularza znajduje się jasnopomarańczowy przycisk, który dobrze kontrastuje z obrazem postaci za formularzem i podkreśla, że wycena zostanie spersonalizowana pod kątem Twojego domu.
Oczywiście sam adres nie wystarczy, aby oszacować wartość domu. Oznacza po prostu otoczenie domu. Dlatego na kolejnej stronie znajdują się dodatkowe pytania dotyczące samej nieruchomości, takie jak liczba łóżek i łazienek. Poniżej możesz zapoznać się z kopią „Powiedz nam, gdzie wysłać raport” – z zastrzeżeniem, że wpisując te informacje wyrażasz zgodę na kontakt z agentem nieruchomości. To świetny przykład tego, jak firma od samego początku ceni swoich gości, jednocześnie wyznaczając oczekiwania odwiedzających co do tego, co się w rezultacie wydarzy.
15. Projekt strony głównej Landbota
landbot, usługa tworząca strony docelowe oparte na chatbocie, umieszcza własny produkt w centrum swojej strony docelowej opartej na czacie. Odwiedzających wita przyjazny bot – wyposażony w emotikony i GIF-y – który zachęca ich do podawania informacji w formie konwersacyjnej, a nie w tradycyjnej formie.
16. Zyski internetowe
Dla kontrastu... a co z długimi stronami docelowymi? Za pomocą kilku trików możesz sprawić, że nawet najdłuższa strona docelowa będzie wyglądać na krótką. Poniższa strona docelowa Webprofits pokazuje, jak to zrobić. Projekt strony głównej
W prawym górnym rogu znajduje się wyraźny przycisk CTA, za pomocą którego można dowiedzieć się więcej — z dobrym kontrastem tła, które wyróżnia go, oraz strzałką w dół zachęcającą do przewijania. Nie umieszczając pola formularza z przodu, pomagają zmniejszyć tarcia i dają odwiedzającym możliwość dowiedzenia się więcej, zanim wyświetli się im opcja konwersji.
Pozwalają także zrozumieć, co jest naprawdę делает Webprofits . Pozostała część strony zawiera szczegółowe informacje o tym, co otrzymasz po przesłaniu informacji. Ponadto zawiera strategiczne wezwania do działania, które pomogą Ci wrócić na górę i wypełnić formularz, np. „Porozmawiajmy”.
17. H.BLOOM
Czasem wystarczy się zatrzymać i podziwiać piękno strony docelowej. Podczas korzystania ze zdjęcia w wysokiej rozdzielczości i dużej ilości białej przestrzeni na stronie docelowej H.BLOOM miło patrzeć na.
Oprócz piękna strona ma kilka świetnych elementów konwersji: formularz narzutowy, jasny i zwięzły opis tego, co się stanie po wypełnieniu formularza, a nawet jasnopomarańczowy przycisk „Wyślij”. Jedyna rzecz, którą zmienimy? Kopiuj za pomocą przycisku Prześlij – może to być bardziej specyficzne dla oferowanej propozycji. Projekt strony głównej
18. Laboratorium konwersji
Chociaż nie umieściłbym przykładowego postu z formularza w poście o stronach docelowych, ta witryna jest wyjątkowa. Strona główna to cała witryna - linki nawigacyjne po prostu przeniosą Cię do poniższych informacji. Projekt strony głównej
Po kliknięciu „Uzyskaj pomoc na stronach docelowych” cała witryna zostanie przesunięta, aby zrobić miejsce na formularz. Oto jak to wygląda przed kliknięciem:
A kiedy klikniesz to wezwanie do działania, sprawdź, jak wygląda formularz:
Podoba mi się, że nie musisz opuszczać strony, aby wypełnić formularz, ale jednocześnie formularz nie będzie nachalny dla przypadkowych gości witryny.
Pomysły/projekt strony głównej
Хорошо оптимизированная главная страница может превратить клиентов в потенциальных клиентов, собирая информацию, которая поможет вам лучше понимать, продвигать и радовать посетителей. Поскольку целевые страницы имеют решающее значение для конверсий, важно убедиться, что они хорошо спланированы, разработаны и выполнены .Вот несколько вещей, которые следует учитывать при создании ukierunkowane страниц:Привлекательная эстетика: может помочь только цвет вашей целевой страницы и чистый пользовательский интерфейс. Посетители захотят узнать больше о ваших продуктах и увидеть доказательства ценности, которую вы предлагаете. Взгляните на №10 в нашем списке — Inbound Emotion — за отличный пример потрясающей веб-страницы.
Mniej znaczy więcej: niech zdanie lub obrazy mówią najwięcej, ale pamiętaj o dołączeniu wszelkich opisowych nagłówków i tekstu pomocniczego, aby Twoja strona docelowa była przejrzysta i przekonująca. Dotyczy to niemal każdego elementu strony: białych znaków, prostej kopii i krótszych formularzy.
Projekt strony głównej
Zatrzymaj odwiedzających na stronie: usuwając główną nawigację lub rozpraszające linki zwrotne, zmniejsza się prawdopodobieństwo wystąpienia tarć w pozyskiwaniu potencjalnych klientów, które mogłyby skłonić odwiedzających do opuszczenia Twojej strony.
Обмен в социальных сетях. Простой способ привлечения посетителей к вашей целевой странице — это использование кнопок общего доступа вsieci społeczne, чтобы они могли распространять ваш контент среди своих подписчиков в социальных сетях. В конце концов, клиенты являются центром вашего маркетингового маховика.
Testy A/B: prawidłowe działanie stron docelowych jest ważne, a ponieważ psychologia konsumenta może czasami zaskakiwać, zawsze najlepiej jest poeksperymentować z różnymi wersjami stron, aby sprawdzić, która ma najwyższy współczynnik konwersji (CVR). Sprawdź pozycjonowanie oferty, rodzaje CTA, a nawet kolorystykę.
Call-To-Action: CTA , где мясо на целевой странице, или переломное , где перспектива стать контактами. CTA могут попросить посетителей подписаться, загрузить, заполнить форму, поделиться в sieci społeczne и т. Д., Но в целом CTA необходимы для более активного вовлечения вашей аудитории в ваше предложение. Для генерации лидов CTA должны быть смелыми и привлекательными, но самое главное, они должны эффективно передавать ценность.
Zostaw komentarz