Landing page e-booka kulinarnego – Kinga Wierzbicka

Są takie projekty, przy których dostaję gotowy projekt graficzny, otwieram go i od razu widzę, że ktoś naprawdę przemyślał, jak ma wyglądać całość. Kolory, zdjęcia, kompozycja, rozmieszczenie poszczególnych elementów – wszystko ma swoje miejsce. Pozostaje tylko jedno, całkiem istotne zadanie: sprawić, żeby ten projekt zaczął działać w internecie.

Tak właśnie wyglądała moja kolejna współpraca z Kasią Yello przy stronie Kingi Wierzbickiej.

Tym razem przygotowywałyśmy landing page dla nowego e-booka Kingi – „Nocne owsianki”. Kasia odpowiadała za projekt graficzny, a ja zajęłam się jego technicznym wdrożeniem w WordPressie z wykorzystaniem Divi.

Cel był konkretny: Kinga miała otrzymać gotową stronę sprzedażową, na której będzie mogła zaprezentować swój nowy produkt i kierować zainteresowane osoby do zakupu.

Nowy e-book zasługuje na coś więcej niż kolejną pozycję w sklepie

Kiedy tworzysz nowy produkt cyfrowy, możesz oczywiście dodać go do sklepu, przygotować zdjęcie okładki, opis i cenę. Technicznie wszystko będzie gotowe do sprzedaży.

Jednak osobna strona sprzedażowa daje znacznie więcej możliwości przedstawienia produktu.

Wyobraź sobie, że Kinga opowiada na Instagramie o swoim nowym e-booku „Nocne owsianki”. Ktoś ogląda jej materiały, zaczyna interesować się przepisami i chce dowiedzieć się więcej. Po kliknięciu linku trafia na stronę poświęconą właśnie temu produktowi.

Nie musi przeglądać całego sklepu ani szukać właściwego e-booka wśród pozostałych propozycji. Może od razu skupić się na tym, co go zainteresowało.

Właśnie dlatego osobny landing page był dobrym rozwiązaniem. Pozwalał przygotować przestrzeń przeznaczoną do prezentacji jednego konkretnego produktu, z odpowiednio zaplanowanym układem treści i elementami prowadzącymi do zakupu.

Przy produktach cyfrowych ma to szczególne znaczenie. Klient nie może przecież wziąć e-booka do ręki i przekartkować go tak, jak zrobiłby to w księgarni. Strona powinna więc pomóc mu wyobrazić sobie, co kupuje, i zapoznać się z informacjami potrzebnymi do podjęcia decyzji.

Kasia Yello zaprojektowała, a ja zadbałam o to, żeby wszystko działało

Przy tym projekcie podział pracy był bardzo klarowny.

Kasia Yello przygotowała projekt graficzny landing page’a. To ona odpowiadała za jego wygląd, kompozycję i wizualny sposób prezentowania „Nocnych owsianek”.

Ja otrzymałam zadanie przeniesienia tej koncepcji do działającej strony internetowej.

I właśnie tutaj zaczyna się część pracy, której często nie widać na pierwszy rzut oka.

Gotowy projekt graficzny pokazuje, jak strona powinna wyglądać, ale sam w sobie nie jest jeszcze stroną internetową. Trzeba zbudować poszczególne sekcje, odpowiednio rozmieścić elementy, zadbać o zachowanie układu na różnych urządzeniach i sprawić, żeby przyciski rzeczywiście prowadziły tam, gdzie powinny.

Przy landing page’u sprzedażowym jest to szczególnie istotne. Każdy element powinien wspierać główny cel strony, czyli umożliwienie zainteresowanej osobie zapoznania się z produktem i przejścia do zakupu.

Dlatego podczas wdrożenia zależało mi na zachowaniu charakteru projektu Kasi, a jednocześnie na jego prawidłowym funkcjonowaniu w przeglądarce.

Divi, czyli jak dałam projektowi nowe życie w WordPressie

Landing page „Nocne owsianki” wdrożyłam w Divi, czyli narzędziu do budowania stron w WordPressie.

W praktyce oznaczało to odtworzenie projektu graficznego w środowisku, w którym działa strona Kingi. Poszczególne sekcje, grafiki, teksty i przyciski musiały zostać odpowiednio zbudowane, żeby całość wyglądała zgodnie z przygotowaną koncepcją.

To trochę jak praca z projektem wnętrza. Architekt może przygotować piękną wizualizację pomieszczenia, ale później ktoś musi jeszcze zadbać o to, żeby wszystkie elementy znalazły się we właściwym miejscu i rzeczywiście dało się z tej przestrzeni korzystać.

Podobnie jest ze stronami internetowymi.

Wizualny efekt jest ważny, jednak podczas wdrożenia trzeba również myśleć o tym, co wydarzy się, kiedy odwiedzający otworzy stronę na telefonie zamiast na dużym monitorze. Jak ułożą się grafiki? Czy teksty pozostaną czytelne? Czy przycisk zakupu będzie łatwy do znalezienia?

Przy projekcie Kasi chciałam zachować dopracowaną estetykę, a jednocześnie zadbać o to, żeby landing page był wygodny w użytkowaniu.

Ładna strona sprzedażowa ma jeszcze jedno zadanie: pomagać kupić

Bardzo lubię estetyczne projekty, ale przy stronach sprzedażowych zawsze patrzę również na ich praktyczne zastosowanie.

Bo wyobraź sobie, że ktoś ogląda stronę e-booka, zachwyca się grafikami, czyta opis i dochodzi do wniosku, że chciałby go kupić. Jeśli w tym momencie musi zastanawiać się, gdzie znajduje się odpowiedni przycisk albo jak przejść dalej, pojawia się niepotrzebna przeszkoda.

Dlatego podczas technicznego wdrażania landing page’a zwracam uwagę nie tylko na zgodność z projektem, ale również na sposób działania elementów prowadzących do zakupu.

W przypadku „Nocnych owsianek” najważniejsze było to, żeby zainteresowana osoba mogła zapoznać się z produktem i bez zbędnego szukania przejść do kolejnego etapu.

Strona sprzedażowa powinna ułatwiać podjęcie decyzji. Odpowiednio zaprojektowany wygląd pomaga zainteresować odbiorcę, a poprawne wdrożenie pozwala mu skorzystać z przygotowanej oferty.

To dwa elementy, które muszą ze sobą współpracować.

Kolejny projekt Kingi, przy którym połączyłyśmy siły

Landing page „Nocne owsianki” był kolejną realizacją, przy której współpracowałam z Kasią Yello dla Kingi Wierzbickiej.

Wcześniej zajmowałyśmy się odświeżeniem strony głównej Kingi. Kasia przygotowała nowy projekt wizualny, a ja wdrożyłam go technicznie. Tym razem mogłyśmy wykorzystać podobny model współpracy przy stronie poświęconej konkretnemu produktowi.

Lubię takie realizacje, ponieważ każda z nas może skupić się na swojej specjalizacji. Kasia tworzy oprawę graficzną, a ja odpowiadam za to, żeby projekt stał się funkcjonalną częścią strony internetowej.

Dzięki temu klientka otrzymuje zarówno dopracowany wygląd, jak i gotowe rozwiązanie, z którego może korzystać w swoim biznesie.

W przypadku Kingi szczególnie podoba mi się to, że kolejne elementy jej strony zaczęły lepiej wspierać sprzedaż e-booków. Nowa strona główna prezentuje produkty, a osobny landing page pozwala poświęcić całą uwagę „Nocnym owsiankom”.

Od projektu graficznego do gotowej strony dla „Nocnych owsianek”

Efektem naszej współpracy jest wdrożony w Divi landing page nowego e-booka Kingi Wierzbickiej.

Kasia Yello przygotowała jego wygląd, a ja przełożyłam projekt na działającą stronę w WordPressie, dbając o odpowiednie rozmieszczenie elementów i funkcjonalność całości.

Kinga otrzymała gotowe miejsce do prezentowania i sprzedawania swojego nowego produktu.

I właśnie takie zakończenia projektów lubię najbardziej. Projekt graficzny przestaje być jedynie wizualizacją, a staje się narzędziem, które właścicielka biznesu może wykorzystywać na co dzień.