Projekt strony docelowej – pytania i odpowiedzi ze starszym projektantem wizualnym Freddierickiem Mesiasem

W Instapage stawiamy sobie najwyższe oczekiwania: Twoje. Od wielu marketerów słyszymy, że nasza platforma jest intuicyjna i pomaga ich kampaniom uzyskiwać wyższe współczynniki konwersji. Wiemy, że w szczególności projektanci korzystają z naszego kreatora, ze względu na pewne specyficzne funkcje, które udostępniliśmy w ciągu ostatnich kilku lat.

Nasz zespół stale otrzymuje informacje zwrotne od projektantów w zakresie testów użyteczności, moderowanych wywiadów i wyników NPS. Traktujemy te opinie bardzo poważnie, aby kontynuować tworzenie platformy, która nie tylko odpowiada na bieżące potrzeby projektantów, ale także na przyszłe pragnienia.

Usiadłem z naszym starszym projektantem wizualnym, Freddierickiem Mesiasem, aby poznać jego doświadczenie ze stronami docelowymi po kliknięciu i platformą Instapage.

BW: Jakie jest Twoje doświadczenie projektowe i jaka jest Twoja rola w Instapage?

FM: Moje doświadczenie projektowe obejmuje projektowanie stron internetowych, branding i projektowanie interfejsu użytkownika. Główne narzędzia projektowe, których używam, to Sketch (do tworzenia makiet o wysokiej wierności), Adobe Photoshop i Illustrator (do tworzenia wizualnych zasobów strony docelowej po kliknięciu, takich jak ikony, edycja zdjęć, ilustracje itp.)

W Instapage nasz zespół projektowy jest uzupełniany przez różnorodny zestaw umiejętności: projektowanie stron internetowych, ilustracje i komunikacja marki. Naszym głównym celem jest skuteczne komunikowanie się z naszymi odbiorcami za pomocą wizualizacji. Moją rolą jest w szczególności projektowanie pięknych, wysoce konwertujących stron docelowych po kliknięciu dla naszego zespołu marketingowego.

BW: Jakie było Twoje pierwsze doświadczenie, gdy projektowałeś landing page po kliknięciu w Instapage?

FM: Dla mnie nie było dużo nauki, ponieważ produkt był już dość zaawansowany, zanim dołączyłem do zespołu w listopadzie 2016 roku. Kiedy po raz pierwszy zacząłem z Instapage, byłem pod wrażeniem tego, jak platforma została zbudowana z myślą o projektantach . Kreator nie był zagracony mnóstwem opcji menu, w których można się było zgubić.

Oczywiście w kreatorze były zielone prowadnice, które pomagały wyrównać elementy, ale funkcja mobilna, grupowanie i wyrównanie zaskoczyła mnie, gdy zaprojektowałem moją pierwszą stronę docelową po kliknięciu. Zamiast wyrównywać każdy element i rozmieszczać go na urządzeniach mobilnych, mogłem teraz grupować elementy i przenosić je jednocześnie, zachowując nienaruszone proporcje dla urządzeń mobilnych.

Ten ostatni element jest szczególnie wyjątkowy, ponieważ ponieważ internet częściej korzysta z urządzeń mobilnych, kluczowe znaczenie ma optymalizacja stron docelowych po kliknięciu przez marketerów pod kątem urządzeń mobilnych. Dzięki tej funkcji mogłem pobrać ukończoną wersję komputerową i automatycznie przekonwertować ją na telefon komórkowy jednym kliknięciem. Dzięki temu zaoszczędziłem mnóstwo czasu i szybciej publikowałem strony dla naszego zespołu.

Jeśli miałbym zdefiniować dwie cechy Instapage, powiedziałbym, że jest on konfigurowalny i bezbolesny.

BW: Ile czasu zajęło Ci nabycie się komfortowego korzystania z Instapage?

FM: Wcale nie długo. Rzeczą w Instapage jest to, że jest przyjazny dla projektantów. Jeśli znasz inne narzędzia do projektowania, takie jak Sketch, Illustrator lub Photoshop, nie będziesz miał problemu z zaznajomieniem się z platformą.

Weź zbudowaną przeze mnie stronę docelową integracji HubSpot. Cała strona została zbudowana w Instapage, ale ja stworzyłem trójwarstwową grafikę strony w Photoshopie i wstawiłem ją na naszą platformę, która dodała ładny komponent wizualny (przejdź tutaj, aby zobaczyć pełną stronę docelową po kliknięciu):

BW: Jakie są typowe frustracje projektantów podczas tworzenia landing pages po kliknięciu?

FM: Projektanci z natury są perfekcjonistami; nasza praca zależy od tego atrybutu. Więc nawet jeśli coś może wyglądać na idealnie dopasowane dla niewprawnego oka, na przykład – ale tak nie jest – w głębi duszy projektant będzie wiedział, że może być lepiej.

Właśnie dlatego nasza funkcja wbudowanego edytora stylów jest szczególnie przydatna, ponieważ umożliwia wprowadzanie niestandardowych zmian stylów na poziomie elementu. Wszystko, od zmian dopełnienia tekstu, promienia obramowania, wysokości linii i innych. Nie musisz już na nic patrzeć. Nasz kreator umożliwia dostosowanie do ostatniego piksela, dzięki czemu możesz stworzyć dokładnie to , co chcesz.

(Oto przykład, jak możesz wyizolować element i dodać cień do przycisku przy użyciu niestandardowego stylu:)

BW: Z kim najczęściej współpracujesz przy projektowaniu strony?

FM: W zależności od kampanii mamy od 3 do 5 interesariuszy: 1 copywritera, 1-2 projektantów i 1-2 liderów marketingu. Copywriter tworzy przekonujący język, aby zademonstrować propozycję wartości i kluczowe zalety oferty, przekazuje mi kopię do ostatecznego projektu, a liderzy marketingu nadzorują projekt i udzielają po drodze zatwierdzeń. Ponadto, w zależności od potrzeb projektowych strony docelowej po kliknięciu, czasami komunikuję się z naszym grafikiem w celu stworzenia gifów lub innych elementów wizualnych, które pomogą przekazać wiadomość.

Zauważysz, że nie włączyłem programisty. W bardzo rzadkich przypadkach sprowadzimy programistę do kompleksowej realizacji projektu. Współpraca i przekazywanie sobie nawzajem opinii stały się 2 razy bardziej wydajne podczas tworzenia strony docelowej po kliknięciu za pomocą naszego rozwiązania do współpracy. Zamiast używać zrzutów ekranu przesyłanych przez Slacka lub narzędzia innych firm, możemy umieścić hotspot na elemencie strony docelowej po kliknięciu i powiadomić projektanta (copywritera lub innego interesariusza), aby dokonał niezbędnych aktualizacji.

(Aby lepiej przyjrzeć się współpracy, obejrzyj poniższe — komunikowanie się za pośrednictwem hotspotów i udostępnianie strony zespołowi marketingowemu. Możesz też przejść tutaj).

BW: Jaka jest twoja ulubiona funkcja Instapage i dlaczego?

FM: Jako projektantowi trudno na to odpowiedzieć, ale muszę powiedzieć, że moją ulubioną funkcją Instapage są trzy nowe możliwości projektowania, które ogłosiliśmy w czerwcu 2017 roku:

• Pomiary krawędzi
• Blokada osi
• Skróty klawiszowe

Większość projektantów, których znam, jest zawsze głodnych odpowiedniego narzędzia, aby uczynić ich proces projektowania bardziej wydajnym. Ale musi również tworzyć doskonałe prace projektowe. To powiedziawszy, uważam, że Instapage właśnie to robi.

Podobnie jak w przypadku korzystania z aplikacji Sketch, mamy pomiar krawędzi i skróty klawiaturowe. Pomiar krawędzi jest szczególnie fajny, ponieważ możesz przesuwać i wyrównywać elementy piksel po pikselu lub zakres pikseli — uzyskując rzeczy dokładnie tam, gdzie chcesz. Blokada osi umożliwia płynne przesuwanie elementów wzdłuż osi X lub Y bez konieczności radzenia sobie z niechlujnymi prowadnicami.

Połączenie tych funkcji pozwala mi zbudować piękną, idealną co do piksela stronę docelową po kliknięciu w ramach samej platformy. Teraz możesz projektować bez ograniczeń! (Aby uzyskać więcej informacji na temat pomiaru krawędzi i blokady osi, obejrzyj je:)

Optymalizacja i iteracja naszego początkowego projektu po uruchomieniu naszej strony docelowej po kliknięciu na wolności to jeden z najważniejszych etapów. Tutaj przydają się możliwości testowania A/B Instapage.

BW: Czy jest jakiś konkretny landing page po kliknięciu, z którego jesteś najbardziej dumny?

FM: Oczywiście! Kilka miesięcy temu miałem projekt polegający na zaprojektowaniu i zbudowaniu strony docelowej po kliknięciu na potrzeby uruchomienia naszego rozwiązania do współpracy. Byłem stosunkowo nowy w zespole, więc nauka i przestrzeganie naszych wytycznych dotyczących marki i przewodnika po stylu odegrały ogromną rolę w tym procesie. Udało mi się dość łatwo utworzyć stronę docelową po kliknięciu i z dumą mogę powiedzieć, że obecnie ma ona współczynnik konwersji 24% (przejdź tutaj, aby zobaczyć pełną stronę).

Masz funkcję projektowania, którą chcesz, abyśmy dodali?

Zawsze oczekujemy opinii naszych klientów i chcemy pomóc Ci w tworzeniu lepszych, wysoce konwertujących stron docelowych po kliknięciu na dużą skalę. Jeśli jest jakaś funkcja projektowa, którą chciałbyś, abyśmy dodali do naszego kreatora, prześlij nam swoją opinię. Zapraszamy do zapoznania się z Instapage na Capterra, Trustpilot lub G2 Crowd.

Następnie zacznij tworzyć w 100% konfigurowalną stronę docelową po kliknięciu za pomocą Instapage. Po prostu nie możesz się pomylić z naszą przyjazną dla projektantów platformą i zaawansowanymi możliwościami testowania A/B; Twój współczynnik konwersji będzie Ci wdzięczny. Zarejestruj się na demo Instapage Enterprise już dziś.