Landing Page cz. 2

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 jak widzisz, one są długie, rozbudowane, zawierają statystyki i ich przygotowanie zajmuje sporo czasu. Natomiast jest to bardzo ważna rzecz, którą polecam inwestować. Natomiast nie ma co inwestować w te artykuły na ślepo. W tym sensie, że oczywiście możemy tego typu artykuły, jakby dlaczego stworzyliśmy EasyCard, możesz stworzyć tym schematem, który omawiałem w poprzedniej lekcji. Tak samo, czym jest koszyk OneClick, to też wyjaśnienie trochę bardziej naszego produktu. Ale pozostałe artykuły, tak jak np. 5 pomysłów na skuteczniejsze strony sprzedaży albo porównanie systemów płatności w Polsce, Wynikają z pewnego researchu, który warto sobie zrobić w kontekście słów kluczowych, czyli warto jest przeprowadzić, założyć sobie np. konto na Senuto. Senuto jest świetnym serwisem, który nam to umożliwia. Możemy też np. na Ahrefsach czy na Semrushu.

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