Układ strony landingowej na WordPress za pomocą Visual Composer

Interlock — adaptacyjny układ strony na WordPress z Visual Composer

Zadanie klienta:
• Zrealizować adaptacyjny, pixel-perfect układ zgodnie z makietą w Figma
• Wdrożyć projekt za pomocą Visual Composer dla późniejszej elastycznej edycji
• Zapewnić kompatybilność ze wszystkimi nowoczesnymi przeglądarkami i responsywność na wszystkich urządzeniach

Moja praca:
• Stworzyłem układ od podstaw na bazie HTML5/CSS3/JS
• Zintegrowałem gotowy projekt w WordPress za pomocą Visual Composer
• Optymalizowałem wszystkie bloki pod urządzenia mobilne (układ responsywny)
• Uwzględniłem wymagania dotyczące szybkości, płynności animacji i ogólnej logiki UX
• Testowałem na Chrome, Firefox, Safari, Edge, Android/iOS

Technologie:

HTML5, CSS3, JavaScript, WordPress, Visual Composer

Rezultat:
• Strona w pełni odpowiada makietom projektowym
• Klient otrzymał zarządzalną stronę, na której łatwo zmieniać treści za pomocą Visual Composer
• Wszystkie sekcje zrealizowane jako oddzielne bloki z możliwością duplikacji i adaptacji

Wizual:
https://www.figma.com/file/3fVKaHELyBroYflly2w2vl/landing-page?node-id=0%3A1&t=TzX6Hzx6E18C4T2z-0

Komentarz:
Projekt jest interesujący właśnie tym, że pozwolił elastycznie połączyć niestandardowy układ z konstruktorami stron — idealne rozwiązanie dla zespołów, które chcą mieć kontrolę bez zagłębiania się w kod.