Konwersja strony
Pierwszy ekran landingu usługowego: przykład i wzór treści
Napisz pierwszy ekran konkretnej usługi. Porównaj dwa warianty tej samej oferty, skorzystaj ze wzoru i zobacz rzeczywisty ekran koncepcyjnego NORD.
MAPA Growth · · 3 min czytania
Powiedz: jaka usługa, dla kogo i co dalej
Pierwszy ekran powinien pozwolić rozpoznać usługę i rozpocząć właściwy kolejny krok. Nie musi mieścić całej oferty ani obiecywać wyniku. Nowy landing może być czytelny jeszcze przed pierwszą wizytą.
Zacznij od treści. Dopiero potem wybierz proporcje nagłówka, obrazu i przycisku. Jeśli nie masz prawdziwego materiału pracy, pokaż konkretny zakres zamiast wymyślonej rekomendacji.
Ta sama firma i zakres: przed oraz po
Przykład demonstracyjny. Hipotetyczna firma projektuje i zakłada ogrody przy domach w Łodzi i okolicach. Obejmuje projekt, przygotowanie terenu i nasadzenia. Oba warianty opisują te same możliwości; nie zakładamy ceny, terminów ani wyników.
Przed
Tworzymy przestrzeń dla Ciebie.
Pomagamy zmienić teren wokół domu w ogród dopasowany do Twoich potrzeb. Zajmujemy się projektowaniem ogrodów, przygotowaniem terenu i nasadzeniami. Działamy w Łodzi i okolicach.
Napisz, czego potrzebujesz.
Po
Ogrody przy domach · Łódź i okolice
Zaprojektuj z nami ogród i zleć jego wykonanie.
Przygotujemy projekt, teren pod ogród i nasadzenia. Opisz, jak chcesz korzystać z ogrodu — pomoże nam to ustalić potrzebny zakres prac.
Projekt ogrodu · Przygotowanie terenu · Nasadzenia
Podaj lokalizację i krótko opisz potrzeby. Możesz dołączyć zdjęcia terenu. Na tej podstawie ustalimy, czego jeszcze potrzebujemy do rozmowy o zakresie.
Zobacz, co obejmują poszczególne prace
- Usługa w nagłówku. Odbiorca rozpoznaje projekt i wykonanie ogrodu bez odszyfrowywania hasła.
- Dopasowanie odbiorcy. Ogrody przy domach i obszar działania pomagają ocenić, czy oferta pasuje.
- Konkretny zakres. Trzy czynności wyjaśniają pracę. Nie udają dowodu wyników.
- Przewidywalny kontakt. Przycisk i tekst przy nim przygotowują do opisania potrzeb; formularz musi to umożliwiać.
Ten sam tekst „po” w kolumnie mobilnej
Przykładowy układ na telefonie
Ogrody przy domach · Łódź i okolice
Zaprojektuj z nami ogród i zleć jego wykonanie.
Przygotujemy projekt, teren pod ogród i nasadzenia. Opisz, jak chcesz korzystać z ogrodu — pomoże nam to ustalić potrzebny zakres prac.
Projekt ogrodu · Przygotowanie terenu · Nasadzenia
Podaj lokalizację i krótko opisz potrzeby. Możesz dołączyć zdjęcia terenu. Na tej podstawie ustalimy, czego jeszcze potrzebujemy do rozmowy o zakresie.
Zobacz, co obejmują poszczególne prace
NORD: zobacz zasadę w wykonanym projekcie
NORD jest projektem koncepcyjnym MAPY, rozbudowaną witryną pracowni architektonicznej. Pokazujemy jego rzeczywisty ekran, bez dorabiania rzekomej gorszej wersji. Nie jest to test skuteczności landingu kampanii.
- Nagłówek określa charakter oferty pracowni; krótki opis dopowiada sposób myślenia o projekcie.
- Obraz pokazuje kontekst wizualny architektury. Sam w sobie nie dowodzi efektu współpracy.
- Przejście do projektów daje odbiorcy materiał do oceny przed briefem.
Wzór tekstu do własnej usługi
Wpisz wyłącznie informacje zgodne z ofertą. „Do ustalenia” może zostać w dokumencie roboczym; przed publikacją potwierdź fakt albo usuń obietnicę.
Szkic pierwszego ekranu
Zaznacz i skopiuj wzór do własnego dokumentu.
Etykieta — odbiorca i obszar działania: Nagłówek — usługa i konkretne zadanie: Krótki opis — zakres i istotny warunek: Materiał pracy lub objaśnienie zakresu: Przycisk — co odbiorca właśnie zrobi: Tekst przy przycisku — czego potrzeba i co nastąpi dalej: Pomocniczy link — co warto sprawdzić przed kontaktem:
Na telefonie treść może wyjść poza pierwszy ekran
Powyżej pokazujemy ten sam wariant „po” również w wąskiej kolumnie mobilnej. To demonstracja składu treści, nie screenshot działającej strony firmy ogrodniczej. Dłuższe objaśnienie może wymagać przewinięcia. Nie zmniejszaj tekstu tylko po to, żeby zmieścić go nad zgięciem.
Sprawdź stronę z banerem cookies, dłuższą nazwą usługi i powiększeniem. Poproś 2–3 osoby spoza firmy o opis: co firma robi, dla kogo i co nastąpi po kliknięciu. Taki sprawdzian ujawnia niejasności, ale nie mierzy wzrostu konwersji.
Połącz ekran z resztą strony
Masz już treść pierwszego ekranu, ale trzeba ją jeszcze połączyć z zakresem usługi, przykładami i kontaktem. Zobacz, co obejmuje przygotowanie strony i landing page. Jeśli planujesz całą witrynę, zbierz strukturę i materiały dla wykonawcy.
Pytania i odpowiedzi.
Czy nagłówek musi zawierać miasto?
Gdy obszar obsługi rozstrzyga dopasowanie, pokaż go czytelnie. Może być w etykiecie lub opisie; nie trzeba wciskać wszystkich informacji w jedno zdanie.
Czy bez opinii klientów można przygotować landing?
Tak. Wyjaśnij zakres, proces i pokaż własne materiały, jeśli możesz. Nie twórz zastępczych opinii ani liczników realizacji.
Masz już treść pierwszego ekranu?
Możemy połączyć ją z zakresem usługi, materiałami pracy i kontaktem. Zobacz, jak wygląda przygotowanie strony lub landingu w MAPIE.