Landing Page cz. 2

Cześć, witaj w kolejnym odcinku, czyli kontynuacji poprzedniego, w którym chciałbym pokazać Ci trochę technikaliów w kontekście tworzenia landing page'a. To z czego korzystamy to Webflow i jest to świetny web builder, który pozwala na tworzenie właśnie tego typu stron, a co najważniejsze w Webflow Możemy taką stronę opublikować z pomocą jednego kliknięcia, czyli klikamy Publish, wpinamy tam domenę i po prostu nasza strona jest już na określonej domenie, w naszym przypadku na easycard.pl i tak samo publikujemy zmiany, czyli jeśli chcemy tutaj cokolwiek zmienić, to edytujemy tę stronę, klikamy Publish i jest gotowe. Webflow jest edytorem, który wymaga trochę nauki, nie jest aż tak super prosty i nie korzystamy tu z jakichś gotowych Pamiętnik Foundera.

Episode 2. Pamiętnik Foundera. Pozwala na budowanie w Webflow z pomocą gotowych elementów. Wygląda to tak, że Webflow, kiedy tworzysz tam nową stronę, jest po prostu takim blank canvasem, jest pusta kartka i możesz w nim tworzyć elementy HTML-a i CSS-a, dodając tutaj poszczególne divy, obiekty, kolumny, przyciski itd. No i rzeczywiście trwa to dosyć długo, żeby poskładać taką stronę. Natomiast jej korzyścią jest to, że jest w pełni poprawna semantycznie, jest dobra pod SEO, szybko działa i tak dalej. Jest zoptymalizowana. Natomiast system flow jest właśnie Takim frameworkiem, który działa wewnątrz Webflow, w którym stworzyliśmy szereg gotowych komponentów, takie jak przyciski, drop downy, menu nawigacyjne itd.

A także zobacz, że są tutaj gotowe template'y, takie jak np. sekcja hero i znajdują się tu różne warianty całej hero sekcji. I teraz jak z tego skorzystać? Wystarczy, że się kliknie na nazwę w System Flow, a następnie w Webflow wystarczy wcisnąć Command-E Czy Ctrl-E, wkleić to, co mamy w schowku i wcisnąć Enter. I ta sekcja została już tutaj dodana. Zobaczcie, to jest dokładnie ta sekcja, którą mieliśmy w tej dokumentacji i w ten sposób jest poskładana cała ta strona. Dodatkowo w System Flow można bardzo łatwo zmienić sobie style, takie jak kolory, zmienić fonty. I dzięki dostosowaniu tych pojedynczych elementów, które znajdują się w System Flow, właśnie zmianie fonta, zmianie kolorów i tak dalej, zrobiliśmy taką Pamiętnik Foundera.

Episode 2. Tła na stronie i te dwa kolory w różnych skalach jasności, stopniach jasności w zasadzie ogrywają nam całą praktycznie identyfikację wizualną dla tej strony. Jest ona unikalna przez to, że zastosowaliśmy jeszcze unikalny font, ale tak to po prostu skorzystałem z System Flow i dosłownie cała ta strona została złożona w jeden dzień mniej więcej. Do tego jeszcze został dorobiony blog, bo od początku chciałem mieć bloga na stronie i z pomocą Webflow i CMS-a w Webflow można to bardzo łatwo stworzyć.

Więc podbudowanie contentu i podbudowanie bloga, bardzo ważna rzecz, czyli zrobienie tego keyword researchu, ale bardzo podstawowego, takiego, który dokładnie Ci pokazałem. Jeżeli chodzi o technikalia, nie mam tu więcej sekretów. Z Webflow i Systemflow jesteś w stanie zrobić naprawdę nawet złożoną stronę w jeden dzień czy w dwa czy trzy dni. Postawić też do tego jeszcze dodatkowo bloga. Treści, które masz zacząć pisać na bloga już wiesz jak odnaleźć, czy mniej więcej masz orientację czego szukać i w którą stronę tutaj iść, jak sobie porobić jakieś proste nawet analizy słów kluczowych. Następnie wypisać pomysły na artykuły. Mając tą wiedzę o słowach kluczowych, które tutaj zresearchowaliśmy, porobić sobie Po prostu porobić sobie takie listy artykułów, które warto przygotować i dopilnować, żeby co tydzień ukazywał się, czy mieć osobę, która pilnuje, że co tydzień ukazuje się nowy artykuł na blogu i co tydzień męczy nas.

Akurat mamy taką osobę, której po prostu przekazaliśmy i męczyć nas, żebyśmy dowieźli Przynajmniej wsad do takiego artykułu raz w tygodniu. Następnie ta osoba bierze ten wsad i ubiera go w słowa jako copywriter, a później jeszcze dba o to, żeby te słowa kluczowe, które tam są, się znalazły i w końcu priorytetyzujemy do napisania te artykuły, które mają większą potencjalną wyszukiwalność, czyli które adresują słowa kluczowe, które są z tego górnego segmentu listy, które więcej osób będzie szukało w Google. Proste i bardzo skuteczne. Naprawdę mało osób to robi w ten sposób, a to jest bardzo logiczna rzecz do wykonania. Więc wszystko Wam powiedziałem na temat postawienia strony. Tak jak powiedziałem, było to naprawdę szybkie, ale dzięki temu, że mamy Webflow, mamy możliwość też iterowania na tej stronie, co jest dla nas bardzo ważne.

I w ten sposób rozpoczęliśmy tą promocję, w ten sposób przygotowaliśmy sobie szereg takich prostych mockupów, które służyły nam później do tego, żeby tą pierwszą komunikację przeprowadzić. No i w zasadzie, tak jak wspomniałem, tą paczkę z logo trzeba przygotować sobie też w różnych rozmiarach, różne typy plików, np. pliki SVG do sieci, pliki PNG itd., ale myślę, że to każdy dosyć dobrze rozumie i będzie potrafił sobie wyeksportować te Te rzeczy Webflow zdecydowanie Wam pomoże w przygotowaniu szybkiej strony i iteracjach. System Flow pomoże Wam ewentualnie przy Webflow do tego, żeby bardzo łatwo zaprototypować sobie stronę już z gotowych komponentów, które tutaj mamy. Tutaj są różne pricingi i tak dalej, tabele. To wszystko można jednym kliknięciem wstawić, dostosować tylko kolory i fonty jeden raz i to wszystko