Kolporacja.pl
Strona firmy kolportażowej
Idea
Strona ta jest częścią szerszego projektu identyfikacji - nazwa, logo i strona. Na stronie bardzo chciałem przełamać "pudełkowatość" czy też "prostokątność" poszczególnych sekcji. To jest największa bolączka w porównaniu do print designu (magazyny, gazety), gdzie projektanci mogą nadawać stronom absolutnie dowolny kształt i formę. Struktura HTML jest "pudełkowata" i trzeba użyć trochę tricków w CSS, żeby to przełamać - jak ostre zakończenia dwóch sekcji na stronie Kolporacja.
Warto zaznaczyć, że używając narzędzia Pinegrow do budowania stron na Wordpressie, mogę ustawić formularz kontaktowy na poziomie kodu strony - jedna wtyczka do instalowania mniej!
Kolejnym mocnym akcentem mojego workflow z Pinegrow to animacje GSAP ze staggerem, które tworzy się niesłychanie łatwo! (GSAP to najbardziej profesjonalna biblioteka JavaScript do animacji). Owszem Elementor też to potrafi, ale page buildery mają szereg wad - spowalnianie strony chociażby. Wolniejsza strona, to gorsze pozycjonowanie na Google. Ja oddaję Tobie szablon w czystym kodzie HTML/CSS/PHP, zgodny ze specyfikacją Wordpressa, z niesłychanie minimalną ilością wtyczek! (Na stronie Kolporacja nie ma żadnej wtyczki oprócz Yoast SEO)
Responsywność
Strona jest responsywna i posiada 3 breakpointy: monitor, tablet i telefon
Całość layoutu
Najedź myszką (lub tapnij), by zobaczyć całość layoutu:
