ludzie od lat przewidują „śmierć strony głównej”.
ale strona główna nigdy nie zniknie.
każda strona potrzebuje drzwi wejściowych, aby powitać nowych użytkowników po raz pierwszy i dać im lay of the land.
jednak Strona główna ewoluuje.
jeszcze kilka lat temu na stronach internetowych było mnóstwo różnych informacji o każdym aspekcie działalności firmy.
były pełne linków i miejsc do odwiedzenia., Firma chciała podkreślić wszystkie różne aspekty tego, co zrobiła.
problem polega na tym, że nie działa.
było po prostu zbyt wiele opcji. To było przytłaczające i rozpraszające dla użytkowników.
jednym z najlepszych sposobów na szybką poprawę konwersji projektu strony internetowej jest porzucenie funkcji, które zmniejszają komfort użytkownika.
suwaki karuzelowe są doskonałym przykładem. Są one powszechnie używane do prezentacji wielu różnych rzeczy naraz.
ale ta wszechstronność często ma swoją cenę. Testy wykazały, że szkodzą one konwersji, SEO i czasom ładowania strony.,
widzisz ten niski procent kliknięć na powyższym obrazku? To nie jest dobry znak.
właśnie dlatego stworzyłem Crazy Egg. Jeśli widzisz, że użytkownicy nie klikają tego, co powinni, możesz zmienić projekt, zanim będzie za późno.
najlepsze strony internetowe uwzględniają doświadczenie użytkownika.
oto niektóre z moich ulubionych projektów strony głównej. Możesz zacząć je kopiować, aby uzyskać podobne wyniki.
Bills.com
pierwszym głównym trendem do podkreślenia jest ” strona główna jako strona docelowa.,'
To ma sens, gdy się o tym pomyśli.
twoim ostatecznym celem jest zwiększenie leadów i sprzedaży. Strona internetowa „broszura online” nie istnieje od lat.
najtrudniejszą częścią jest znajomość najlepszego podejścia do generowania leadów na stronie głównej, aby nie odstraszyć wszystkich i nie zmusić ich do odbicia.
na przykład, to dużo, aby poprosić Nowi użytkownicy, którzy nigdy nawet nie słyszeli o tobie, aby kupić jakiś duży produkt.
więc zamiast tego potrzebujesz prostszego, mniej inwazyjnego podejścia, aby ostatecznie uzyskać to, czego chcesz.
i dlatego kocham to, co Bills.com robi.,
na przykład udaj się na ich stronę, a zobaczysz następujący suwak:
teraz możesz interaktywnie przesuwać się w przód iw tył, aby wybrać kwotę długu, którą możesz być winien. To takie proste, że dziecko może to zrobić.
to też jedyna opcja jaką ci do tej pory dają! W ten sposób nie czujesz się przytłoczony lub rozproszony.
Po kliknięciu „Kontynuuj” pytają, czy zalegasz z płatnościami, czy nie (a jeśli tak, to jak długo).
kwalifikują Cię tutaj., Jeśli nie zalegasz z płatnościami, mogą Ci nie pomóc (Czytaj: zarabiaj na Tobie).
mogą użyć tego pytania, aby spersonalizować odpowiedź, którą w końcu ci udzielą. Może to nawet pomóc wewnętrznie podzielić, która osoba lub dział będzie najlepiej obsługiwać Twoją sprawę, jeśli zostaniesz klientem.
następnym krokiem jest wybór stanu, w którym mieszkasz:
Po raz kolejny kwalifikuje cię to, a także rodzi potencjalne problemy z ograniczeniami stanu (z którymi mogą mieć do czynienia później).,
ostatnim krokiem jest ten, który od początku chcieli: Twoje dane osobowe!
KlientBoost nazywa to „techniką Breadcrumb”, ponieważ zamiast odstraszać ludzi początkową formą, zmuszasz ich do podejmowania małych mikro zobowiązań.
każde mikro zobowiązanie zabiera je nieco dalej, dopóki nie są już tak zainwestowane, że muszą zakończyć proces.
na przykład, gdyby zapytali o Twoje imię i numer telefonu z góry, może cię to wystraszyć.,
jednak, zmuszając cię do zaangażowania się w te inne kroki, dają sobie lepszą szansę na ostatecznie przekształcenie cię w nowego klienta.
KlientBoost z powodzeniem wykorzystał tę technikę, aby zwiększyć współczynnik konwersji z 1% do prawie 20%.
sztuczka z tymi wieloetapowymi stronami docelowymi polega na tym, aby zacząć od możliwie najmniej groźnego pytania.
musi być to związane z tym, w jaki sposób ostatecznie im pomożesz. Jednak, to powinno być niezwykle proste dla kogoś, aby zapewnić.,
oczywiście w tym momencie nie powinno być żadnej wzmianki o cenie lub ich danych osobowych.
To może być nawet tak proste, jak poproszenie o Kod Pocztowy.
następny krok staje się nieco bardziej szczegółowy, wskazując na poziom usług, których będą potrzebować.
Po namówieniu ich do zaangażowania się w te dwa pierwsze kroki, możesz zadać kilka osobistych pytań, aby później je rozwiązać.
zauważysz, że Bills.com wykorzystuje również treści interaktywne, aby utrzymać zaangażowanie na swojej stronie.
Qzzr to jedno z narzędzi, za pomocą którego możesz to zrobić na własnej stronie., Mają już wbudowane „widżety”, które można skonfigurować w kilka minut(w przeciwieństwie do płacenia deweloperowi, aby zrobił to za Ciebie).
Victoria ' s Secret”Food Network pyta:” Czy możemy zgadnąć Twój wiek na podstawie Twoich preferencji żywieniowych?”
w każdym przypadku te marki używają zabawnego pytania, które Cię angażuje. Początkowo nie ma zagrożenia w odpowiadaniu na te pytania.
innym alternatywnym narzędziem jest SnapApp., Tworzą również interaktywne kalkulatory, a nawet infografiki, które ludzie mogą wskazywać, klikać i dostosowywać, aby zobaczyć nowe wyniki.
oto zabawny przykład tego, jak próżny jest twój marketing, który pozwala Ci odpowiadać na pytania w sposób blokowy.
ostatnią rekomendacją narzędzia jest Brackify. To nazwisko brzmi jak „nawias”, prawda?
no właśnie o to chodzi! Możesz tworzyć interaktywne nawiasy lub konkursy dla prawie wszystkiego i pozwolić klientom lub odwiedzającym witrynę wziąć udział w akcji.,
Oto, Jak to może wyglądać, gdyby ktoś zapytał, jaki jest Twój ulubiony film Disneya:
Kiva
Kiva jest platformą mikrolendingową.
łączą przedsiębiorców z krajów trzeciego świata z darczyńcami i sponsorami z innych części świata.
na przykład, powiedzmy przedsiębiorca w Indiach potrzebuje 1000 dolarów na nową komercyjną maszynę do szycia, aby mógł produkować i sprzedawać dwa razy więcej produktów.,
więc ludzie z całego świata mogą przekazać darowiznę w małych ilościach, a następnie uzyskać zwrot w ciągu roku lub dwóch z nowych przepływów pieniężnych, które przedsiębiorca jest w stanie wygenerować.
Strona domowa Kiva jest stosunkowo prosta, szczerze mówiąc.
jednak, jak widzieliśmy, jest OK!
proste i bezpośrednie mogą skupić ludzi na tym, co ważne (dając Ci swoje informacje w zamian za coś wartościowego).,
problem polega na tym, że podczas gdy ludzie mogą odwiedzać Twoją stronę główną i być zainteresowani tym, co robisz, nie zawsze istnieje przekonujący powód, aby rozpocząć ten proces.
czasami trzeba być trochę bardziej agresywnym lub asertywnym, aby poinformować ich o niesamowitej wartości, którą mogą uzyskać.
w tym przypadku Kiva zdecydowała się użyć nakładki popup, aby po prostu otrzymywać newsletter e-mail.
chcieli zacząć od małego (a nie używać czegoś groźnego, czego nauczyliśmy się w ostatnim kroku).,
więc Kiva poszedł z prostą opcją e-mail, aby przynajmniej dostać coś od kogoś, zanim odbił i opuścił stronę.
oto jak wyglądała Nowa nakładka ofertowa:
Nakładki takie jak ta są trudne do ściągnięcia.
niektórzy widzowie ich oczywiście nienawidzą. Ale może zapłacić ogromne dywidendy, jeśli dobrze pozycjonujesz swoje treści i oferujesz.
Możesz także kontrolować, jak i kiedy się wyświetla. Na przykład, możesz zdecydować się na uruchomienie go tylko dla nowych użytkowników (a nie powracających) i tylko wtedy, gdy ich kursor zacznie przesuwać się poza okno.,
często tworzą one efekt „lightbox”, który usuwa wszystko inne w tle, dzięki czemu ludzie patrzą prosto na twoją nową ofertę.
oto kolejny przykład tego, którego używam podczas nadchodzących webinarów:
zawsze znajdzie się odsetek Twoich odbiorców, którzy nienawidzą tych rzeczy.
więc musisz uważać, jak ich używasz. (Musisz również uważać na błędy projektowe, które zrujnują również twoje SEO.)
jednak wyniki często są warte ryzyka.,
Kiva postanowiła podzielić test tej nakładki, aby zobaczyć, jak zareagowała ich własna publiczność.
podłączyli Unbounce z MailChimp (dla ewentualnych opt-inów e-mail) i postanowili pokazać nową nakładkę tylko do 50% ruchu początkowo. To wyszło na około 5000 gości.
właśnie ta pojedyncza nakładka przyciągnęła dodatkowe 3-4% odwiedzających od razu.
nieźle jak na „irytujące” wyskakujące okienko, prawda?
H. Bloom
czym dokładnie jest H. Bloom?,
to luksusowa usługa dostarczania kwiatów. Możesz kontynuować, wbijać w swoje preferencje, a oni zajmą się resztą.
więc są idealne dla przepracowanego przedsiębiorcy, aby nigdy nie zapomnieć o swoich bliskich.
rzućmy okiem na ich stronę główną, a potem powiem ci, dlaczego tak bardzo mi się podoba:
przede wszystkim mają swoją formę nad fałdą.
to sprawia, że cel tej strony jest jasny od razu. Twoi klienci trafiają na tę stronę i nie muszą zgadywać, co mają zrobić dalej.,
forma, która jest z przodu i na środku sprawia, że wszystko jest ładne i jasne.
większość odwiedzających stronę zazwyczaj skupia większość swojej uwagi ponad fałdę (mimo że przyzwyczajają się do przewijania w dół).
najprostszym sposobem na poprawę optymalizacji formularza generowania leadów jest utrzymanie CTA w normalnym wzorcu oka, z którego ludzie już korzystają.
na przykład, badanie zostało przeprowadzone lata temu, które śledziło, jak i gdzie ludzie śledzili oczy, gdy trafili na Twoją stronę. Odkryli, że ludzie mają tendencję do skanowania witryny w kształcie litery „F”.,
Tak więc pierwsza sekcja strony głównej H. Bloom natychmiast informuje czytelnika, co mają robić na stronie.
a następnie następna sekcja w środku wyjaśnia dokładnie, jak działa ich proces.
logiczna progresja krok po kroku pomaga ludziom zrozumieć, czego się od nich oczekuje oraz jak trudne lub czasochłonne będzie coś takiego.,
to jest krytyczne, ponieważ natychmiast wyznacza oczekiwania i przezwycięża potencjalne zastrzeżenia, że rozpoczęcie pracy może być zbyt czasochłonne.
działa w tych samych liniach co pasek postępu.
na przykład paski postępu mają moc zwiększania konwersji o 28%, ponieważ szybko zapewniają widza, że nie ma wiele do zrobienia, aby uzyskać nagrodę.'
moim ostatnim ulubionym fragmentem tej strony jest subtelna strzałka używana jako wizualny sygnał, aby pomóc przejść widzów z jednej sekcji do następnej.,
to mały szczegół, ale pomaga dać użytkownikom wiadomość, aby kontynuować czytanie w dół strony, zwłaszcza jeśli nie są jeszcze gotowi, aby wypełnić formularz i zacząć jak najszybciej.
Basecamp
zanim Basecamp był „Basecamp”, były to 37Signals z wieloma różnymi produktami programowymi.
i przez lata stale powtarzali, aby zobaczyć, co najlepiej sprawdza się w nowych bezpłatnych rejestracjach próbnych.,
oto jedna z ich obecnych odmian strony głównej, które wykorzystują klasyczną technikę copywritingu, która istnieje od dziesięcioleci:
przeczytaj pierwszy wiersz tej strony naprawdę szybko.
„twój biznes się rozwija, a Ty jesteś zawalony robotą. Sposób, w jaki pracujesz, już nie działa.”
wymieniają kilka różnych problemów i problemów, których prawdopodobnie oczekujesz (przepracowany właściciel firmy).
jest to podręcznikowy przykład techniki copywritingu PAS., Oto Jak to działa:
- Problem: szybko przechodzisz do sedna sprawy, wyraźnie potwierdzając główny problem, z którym twoja perspektywa ma do czynienia(np.”).
- Agituj: następnie przechodzisz do nazywania wszystkich różnych punktów bólu i objawów, których obecnie doświadczają w wyniku tego problemu (np. „niechlujne e-maile i smsy”, „rzeczy wyślizgujące się przez szczeliny” itp.).
- rozwiązanie: teraz przedstawiasz swoje rozwiązanie jako Zbawiciela, które usunie dla nich wszystkie te problemy (np. ” It ' s time for Basecamp.”).,
oto kolejny szybki rzut oka na tę stronę główną, teraz możesz zidentyfikować formułę, którą podążają.
zbyt wiele firm chce uruchomić bezpośrednio do funkcji i korzyści swojego produktu na stronie głównej.
jednak problem polega na tym, że odwiedzający Twoją witrynę jeszcze nie są.
ci ludzie mogą nie rozpoznawać tych samych problemów w swoim życiu, więc „rozwiązanie”, które im sprzedajesz, nie rezonuje z nimi. Opuszczają Twoją witrynę bez konwersji w rezultacie!,
zauważysz również, że ta strona główna jest tekstowa, co jest niezwykłe w porównaniu do niektórych innych witryn z oprogramowaniem.
to kolejna sztuczka, której nauczyli się po testowaniu różnych wersji w ciągu ostatnich kilku lat.
lata temu przetestowali klasyczną stronę docelową o długiej formie i początkowo zauważyli ogromny skok konwersji (37.5%).
jednak nadal nie byli zadowoleni i myśleli, że mogą zrobić lepiej.
więc próbowali kolejny test, ale tym razem za pomocą referencje klienta w stosunku do oryginalnego projektu.,
klient wyszedł na szczyt ze wzrostem konwersji o 102%.
następnie wykonali jeszcze jeden test, aby sprawdzić, czy długość kopii ma coś wspólnego z wynikami. (Odpowiedź: Nie.)
więc widać, że nadal trzymają się formatu ciężkiego tekstu. Jednak to niekoniecznie Długość tej kopii robi różnicę.
zamiast tego wszystko sprowadza się do konkretnych słów i sprytnej formuły, aby upewnić się, że ich klienci dokładnie wiedzą, które problemy rozwiązuje Basecamp.,
MailChimp
Strona główna firmy zajmującej się oprogramowaniem do marketingu e-mail, MailChimp, przedstawia jedną z najlepszych lekcji, jak zaprojektować stronę główną, która się konwertuje.
jednak na początku rumieniec nie wygląda zbytnio:
jedną z pierwszych rzeczy, które zauważysz, jest to, że nad zakładką znajduje się pojedynczy przycisk.
nie ma tu dosłownie nic więcej do kliknięcia!
, Chodzi o to, że im więcej decyzji zmuszasz odwiedzających do podejmowania, tym dłużej zajmuje im decyzja, co robić (jeśli w ogóle).
Strona główna MailChimp oferuje również lekcję w białej spacji (lub negatywnej spacji).
na przykład wszyscy próbowaliśmy przeczytać post na blogu na stronie internetowej, tylko po to, aby poczuć się zbyt „ciasno” lub bałagan. To jedna wielka czerwona flaga, że twój projekt bloga śmierdzi!
zamiast tego dobrze zaprojektowana strona powinna być otwarta i przestronna jak MailChimp.
ujemna przestrzeń wokół głównego CTA pomaga zwiększyć jej znaczenie na stronie., Ludzie są więc niemal zmuszeni do zwracania na to większej uwagi.
przewińmy trochę stronę w dół i zobaczmy, jak bawią się z poziomymi odstępami, aby zmonopolizować twoją uwagę.
używają sztuczki fotograficznej zwanej „regułą trzech”, która mówi, że najważniejsze elementy strony należy umieścić pośrodku celownika krzyżowego.
treść w tej sekcji strony głównej jest nieośrodkowana nie bez powodu! Kończy się to kształtowaniem lub kontrolowaniem sposobu wyświetlania zawartości strony w kolejności ważności.,
w ten sposób mogą pomóc subtelnie ustalić hierarchię stron, która mówi „to jest opcja #1, to jest opcja #2, itd.”
podsumowanie
najlepsze strony w sieci mogą mieć różne cele.
jednak zawsze jest jeden duży, do którego wracają. Lead generation.
wszystkie strony internetowe muszą dzisiaj sprzedawać.
to nie znaczy, że muszą namawiać ludzi do zakupu od razu. Ale w końcu musi dojść do tego punktu.
najlepsze strony wykorzystują różne czynniki, od interaktywnych funkcji po projektowanie, aby subtelnie instruować użytkownika, co ma robić dalej.,
Wierzcie lub nie, to też powinno być w najlepszym interesie odwiedzających.
pomaga uprościć ich życie, podejmując mniej decyzji, a jednocześnie szybciej docierając do zamierzonego miejsca docelowego (aby mogli rozwiązać problem lub ból, którego doświadczają).
Jaki jest Twój ulubiony przykład strony głównej i co w nim kochasz?
Zwiększ swój ruch