As swoją konwersję online: najlepsze praktyki dotyczące strony docelowej SaaS

Pandemia spowodowała boom na usługi oprogramowania, które pomagają nam łączyć się, pracować, uczyć się i bawić. Dzisiaj klienci SaaS mają więcej opcji niż kiedykolwiek. Jak zapakować najważniejsze elementy tak złożonych produktów w przejrzyste, wzbudzające zaufanie strony docelowe SaaS, które konwertują?

Podczas pandemii liczba uczestników spotkań korzystających z Zoom wzrosła z 10 milionów w grudniu 2019 r. do 300 milionów w kwietniu 2020 r., a 125 000 systemów szkolnych na całym świecie korzystało z platformy, aby dotrzeć do dzieci, które nie mogły być w klasie. Firmy wykorzystujące chmurę rozwijają się ogólnie: według Bessemer Venture Partners, branża jest obecnie warta łącznie 2 biliony dolarów, a pięciu największych dostawców — PayPal, Adobe, Salesforce, Shopify i Zoom — osiąga łączny wzrost o 70% w ciągu roku -roczna wartość.

Atrakcyjność konsumenckich produktów SaaS polega na tym, że nie musisz kupować produktów — po prostu je subskrybujesz. Mogą istnieć aplikacje, ale często możesz korzystać z usług za pośrednictwem dowolnej przeglądarki internetowej. Są one na ogół opłacalne w porównaniu z zakupami z góry, ponieważ płacisz tylko za to, z czego korzystasz.

Jednak usługi oprogramowania mogą być trudne do wytłumaczenia — a tym bardziej do sprzedaży — za pomocą zaledwie kilku słów i obrazów. Klienci mogą być bardziej doświadczeni niż rok temu, ale nadal nie są ekspertami, a propozycja wartości konkretnej usługi oprogramowania może być złożona. Strona docelowa musi zachować odpowiednią równowagę między dostarczaniem wystarczającej ilości informacji, aby zachęcić do kliknięcia bez przytłaczania lub nudy klienta.

Ponieważ usługi oprogramowania istnieją, aby pomagać klientom robić rzeczy lepiej lub prościej, Twoim celem jest optymalne dostarczanie tych komunikatów. Podejście projektowe skoncentrowane na użytkowniku pomoże Ci skuteczniej dotrzeć do klientów.

Zaspokajaj potrzeby swoich użytkowników

Jako dostawca usług oprogramowania powinieneś już dobrze wiedzieć o obawach i wyzwaniach użytkowników oraz o problemach, które próbują rozwiązać za pomocą Twojego produktu. Niech te statystyki UX wpłyną również na Twoją stronę docelową.

Ostatnio pracowałem nad stroną docelową dla produktu sukcesu klienta o nazwie Cohere. Nie tylko został uruchomiony, ale przeszedł kilka wersji. Informacje zebrane przez firmę podczas opracowywania produktu wpłynęły na projekt strony na wiele sposobów.

Większość klientów firmy korzystała z Cohere do:

• Pomóż odpowiadać na obawy i pytania klientów.
• Konwertuj potencjalnych klientów i pomóż im we wdrażaniu.
• Monitoruj działania swoich klientów na odpowiednich stronach internetowych, aby zrozumieć interakcje klientów z interfejsami.

Wykorzystaliśmy te dane do segmentacji strony docelowej, aby zaprezentować funkcje odpowiadające każdemu z trzech scenariuszy. Użytkownik może przełączać się między poszczególnymi sprawami, aby zobaczyć, jak produkt działa w każdym przypadku.

Osiągaj swoje cele, prezentując wartość

Każda strona docelowa musi prowadzić użytkownika do jasno określonego celu. Dla dostawców usług oprogramowania konsumenckiego często celem jest zachęcenie klientów do zarejestrowania się na bezpłatną wersję próbną z opcją przejścia na płatną usługę po określonym czasie lub do zaangażowania się w minimalistyczną wersję darmową z opcją płacenia za więcej funkcje.

Na przykład Slack chce, aby nowi klienci zapisali się na bezpłatną, niezobowiązującą wersję próbną, więc pokazuje, jak aplikacja może działać niezależnie od wielkości zespołu, rodzaju projektu lub rodzaju zaangażowania.

Strona docelowa podkreśla wartość, jaką oferuje Slack w wielu różnych scenariuszach, zaczynając od umożliwienia użytkownikowi wybrania rozmiaru zespołu. Ten wybór zawiera kilka odpowiednich przykładów z firm o podobnej wielkości, ułatwiając użytkownikowi zrozumienie, w jaki sposób jego zespół może z niego korzystać.

Dzięki temu użytkownik jest wystarczająco zaangażowany, aby przewijać w dół do bardziej uniwersalnych korzyści, takich jak czat wideo i możliwość współpracy z zespołami zewnętrznymi. Strona podsumowuje różne statystyki związane z produktywnością i społecznością, wraz z możliwością wdrożenia bezpłatnej wersji próbnej na miejscu lub porozmawiania z przedstawicielem handlowym, aby uzyskać więcej informacji.

Wybierz swojego bohatera (obraz) mądrze

Masz tylko 50 milisekund, aby przyciągnąć uwagę użytkownika, więc musisz być bardzo selektywny w tym, co chcesz pokazać. W przypadku produktu SaaS jest to dodatkowe wyzwanie, ponieważ nie ma żadnego namacalnego produktu, który można by reklamować. Niezbędne jest zaprezentowanie funkcji produktu oraz przewidywanie i odpowiadanie na pytania użytkowników bez rozpraszania materiałów wizualnych lub zbędnych informacji.

Zespół odpowiedzialny za narzędzie do zarządzania projektami Monday wykonuje świetną robotę, rejestrując propozycję wartości produktu za pomocą zrzutów ekranu, aby podkreślić wszystkie sposoby jego dostosowania.

Hasło – „Pracuj bez ograniczeń” – przyciąga uwagę, odpowiada na potrzeby i wzbudza ciekawość. Podtytuł zwiększa zainteresowanie, podsumowując propozycję wartości produktu i zachęca potencjalnych klientów do dowiedzenia się więcej o tym, jak może ona odnosić się do ich życia. Sformułowanie zaproszenia jako pytania zachęca do interakcji z witryną. Poniżej znajdują się wizualizacje przepływów pracy dostosowane do szerokiej gamy konkretnych branż, co skłania użytkownika do zastanowienia się, jak to może działać w jego przypadku.

Często warto podkreślać korzyści nad funkcjami. To świetna strategia, jeśli Twój produkt jest trudny do wizualizacji lub zbyt zniuansowany, by skondensować go w kilku chwytliwych słowach. Zamiast pokazywać wszystkie funkcje produktu, możesz skupić się na tym, co jest najważniejsze dla użytkowników.

Strona docelowa Pipedrive dobrze ilustruje wartość korzystania z systemu zarządzania relacjami z klientami (CRM). Strona przedstawia w zwięzły sposób wszystkie kluczowe zalety produktu, aby uniknąć konieczności przewijania. Na pierwszy rzut oka użytkownik może:

• Zdobądź kontekst i wiedzę o CRM.
• Wizualizuj rezultaty, których mogą się spodziewać po użyciu produktu.
• Dowiedz się, jak produkt Pipedrive wyróżnia się z tłumu.
• Dowiedz się, jak produkt działa w dużych zespołach, co jest kluczem do przyciągnięcia dużych firm.

Na koniec rozważ podejście interaktywne. Produkty SaaS mogą być nudne, ale ich strony docelowe nie muszą. Interaktywny projekt może utrzymać zaangażowanie użytkowników na tyle długo, abyś mógł przekazać informacje o produkcie i jego wartości, a także historię Twojej marki.

Koncepcja strony docelowej agencji Cuberto dla aplikacji bankowości mobilnej Wickret wykorzystuje interakcję i minimalistyczny wygląd, aby utrzymać zainteresowanie użytkowników.

Interaktywna kopia, którą napotyka użytkownik podczas przewijania strony, a także sprytne sposoby, w jakie niestandardowy kursor animuje elementy ekranu, sprawiają, że proste wiadomości ożywają. Zwróć uwagę, jak mikrointerakcja w wezwaniu do działania — „Pobierz” — pomaga wyróżnić się na tle reszty strony.

To zabawny, wciągający sposób na pokazanie minimalistycznego produktu.

Projektuj z myślą o użytkownikach mobilnych

Połowa użytkowników będzie przeglądać Twoją witrynę za pomocą urządzeń mobilnych. Ale strona docelowa nie musi się tylko zmniejszać do mniejszego ekranu, musi być zoptymalizowana pod kątem urządzeń mobilnych.

Należy pamiętać o rodzajach interakcji, jakie użytkownicy mogą przeprowadzać na urządzeniach mobilnych, i uprościć strukturę strony, aby użytkownicy mogli bezproblemowo się po niej poruszać. Gdy witryna jest jedynie responsywna, treść jest zwykle przesuwana do mniejszej siatki i układana pionowo. Ta zmiana architektury treści może zmniejszyć siłę przekazu, więc musisz się zastanowić, czy układ pionowy jest najlepszy dla twojego projektu. W niektórych przypadkach bardziej skuteczne mogą być alternatywne rozwiązania, takie jak poziome karuzele lub zakładki.

Brak dobrej komunikacji produktu na urządzeniach mobilnych może spowodować spadek liczby konwersji. Usługa przesyłania wiadomości wideo Loom wykonała świetną robotę polegającą na przetłumaczeniu interaktywnych komponentów i wizualnego opowiadania historii używanych na jej stronie internetowej na urządzenia mobilne, upraszczając w razie potrzeby architekturę treści i stosując alternatywne podejście do kart.

Buduj zaufanie od podstaw

Wyobraź sobie, że wchodzisz do pokoju pełnego nieznajomych i zastanawiasz się, czy jesteś we właściwym miejscu. Jest to podobne do tego, co czuje użytkownik odwiedzając stronę nowego produktu. Na imprezie, gdy zobaczysz znajome twarze, zaczynasz czuć się bardziej komfortowo.

Ta sama idea dotyczy produktów SaaS. Nawet jeśli klienci mają problemy, które chcą rozwiązać, nauka i integracja nowego produktu z ich rutyną może być onieśmielająca. To może utrudnić klientom racjonalizację ryzyka przekazania swoich danych kontaktowych i płatniczych.

Zaufanie możesz promować na wiele sposobów:

• Upewnij się, że masz certyfikat SSL.
• Uporządkuj swój adres URL w sposób zwięzły i informacyjny.
• Upewnij się, że nie ma niepotrzebnych przekierowań.
• Unikaj kopii, która brzmi jak desperacko szukająca potencjalnych klientów.
• Spraw, aby Twoja strona była intuicyjna i łatwa w użyciu.

Są to proste sposoby na budowanie relacji z użytkownikami i tworzenie środowiska, w którym czują się docenieni i poinformowani. Ale nie powinieneś na tym poprzestać.

Pokaż użytkownikom, jak to dla nich działa

Możesz zmniejszyć niepewność i wiarygodność projektu, pokazując, że wiesz, w jaki sposób Twoi klienci mogą korzystać z Twojego produktu. Pokazanie im, jak Twój produkt pasuje do ich rutyny, może bardzo szybko odpowiedzieć na wiele pytań.

Na przykład Monday.com oferuje szybką prezentację, pomagając użytkownikowi zobaczyć, jak wchodzi w interakcję z witryną.

Narzędzie do tworzenia prototypów Framer idzie o krok dalej, z animacją, która pokazuje rozwój działającego prototypu w interfejsie Framer. Dodatkowa interaktywność umożliwia użytkownikowi przeglądanie różnych projektów w celu lepszego zrozumienia możliwości.

Dowód społeczny jest niezbędny

Dowód społeczny jest szczególnie ważny w przypadku produktów SaaS. Pokazanie swoim klientom zaufanych partnerów to duży krok w kierunku zwiększenia chęci użytkowników do wypróbowania Twojego produktu.

Inną świetną formą dowodu społecznego jest pozytywna presja rówieśników. Jak często sprawdzałeś recenzje restauracji przed zarezerwowaniem stolika lub kupiłeś coś online na podstawie pozytywnych recenzji? Według BrightLocal robi to 87% konsumentów.

Adnotacje mogą być potężnym narzędziem, ale muszą zawierać informacje i być istotne dla użytkownika. Zrobione dobrze, mogą zrobić kilka rzeczy na raz. Zoom pokazuje, jak recenzje mogą:

• Pokaż, że jesteś poszukiwany . Rekomendacje Zoom pokazują, że produkt jest dobrze rozpoznawany i używany przez duże firmy z różnych branż.
• Stwórz poczucie wspólnoty wśród klientów . Dzielenie się opiniami i przemyśleniami od wielu klientów komunikuje dużą bazę użytkowników, co sprawia, że ​​nowi klienci czują się bardziej mile widziani.
• Promuj wiarygodność . Użytkownicy widzą, że zakupy dokonują rozpoznawalni klienci, co daje wiarygodność Twojemu produktowi i buduje zaufanie.

Koniec na prawej stopie

Nawet jeśli użytkownik przeszedł całą stronę Twojej strony, istnieje wiele powodów, dla których może nie być gotowy do podjęcia decyzji:

• Są zainteresowani Twoim produktem SaaS, ale chcą uzyskać więcej informacji.
• Mają pytania lub wątpliwości, na które nie odpowiedziano.
• Nie ufają produktowi ani marce.

Jak zaprojektować dół strony, aby rozwiązać te problemy? Po pierwsze, upewnij się, że jest wyraźna sekcja, przycisk lub łącze, w którym użytkownicy mogą uzyskać natychmiastowe wsparcie lub skontaktować się z kimś, kto może odpowiedzieć na ich pytania i wątpliwości. Możesz zaoferować dodatkowe możliwości łączenia się przez czat lub podać często zadawane pytania.

Innym sposobem na przyciągnięcie ciekawskich, ale niechętnych użytkowników jest zapewnienie dodatkowej perspektywy. Jeśli bezpłatny okres próbny nie jest Twoim głównym wezwaniem do działania, zaoferowanie wersji demonstracyjnej może pomóc w schwytaniu użytkowników, którzy wciąż pozostają na ogrodzeniu. Alternatywnie możesz dostarczyć studia przypadków od różnych użytkowników.

Twoja stopka powinna otwierać drzwi użytkownikom, pozwalając im na stworzenie silniejszego, bardziej spersonalizowanego połączenia z Twoim produktem. Nie traktuj tego tylko jako końca strony: traktuj to jako początek nowej podróży dla swoich użytkowników.

Mieszaj i dopasowuj, aby osiągnąć sukces

Konwersja nie jest spójną formułą, która będzie działać tak samo dla każdego produktu. Udana strona docelowa SaaS będzie raczej zawierać kompilację zmiennych, które można kontrolować, dostosowywać i komponować w celu stworzenia witryny, która spełnia trzy C:

• Przekazuje historię produktu w najbardziej efektywny sposób.
• Przechwytuje uwagę, zainteresowanie i działania użytkowników.
• Nawraca ich.

Dalsza lektura na blogu Toptal Design:

• Jak zaprojektować skuteczną stronę docelową
• Stworzony do konwersji — sprawdzone metody projektowania strony docelowej
• Zapoznanie się — przewodnik po procesach wprowadzania użytkowników