Dla Maxwell Oil Tools przygotowałem nowoczesną stronę internetową, odzwierciedlającą innowacyjne podejście firmy do inżynierii. Otrzymałem gotowe projekty graficzne, które zakodowałem w całości w HTML, CSS, JavaScript i PHP — każda podstrona posiada swój unikalny szablon, bez powielania layoutów.
Wdrożyłem wielokrotnego użytku moduły treści (formularze kontaktowe, CTA), a Elementor został zastosowany selektywnie – do edytowalnych obszarów jak karty danych technicznych czy Case Studies (w formie akordeonów).
Jednym z kluczowych elementów projektu była rozbudowana animacja przewijania na stronie produktu Helix, gdzie zawartość przesuwa się horyzontalnie, a diamentowy element pozostaje na stałej pozycji — rozwiązanie zostało wykonane przy użyciu niestandardowego JS i CSS.
Dodatkowo, Slick Slider został mocno zmodyfikowany – zawiera rozszerzoną nawigację (next/prev) i dodatkowe elementy nieobsługiwane domyślnie przez bibliotekę.
Odpowiadałem za około 95% prac przy tym projekcie zanim odszedłem z firmy. Zajmowałem się wyłącznie kodowaniem i programowaniem — bez udziału w projektowaniu graficznym.
-
Niestandardowy motyw WordPress
Każda podstrona posiada unikalny układ — żadnych powielanych szablonów.
-
Moduły wielokrotnego użytku
Wspólne elementy takie jak CTA, formularze kontaktowe i inne sekcje powtarzają się w wielu miejscach.
-
Elementor w wybranych sekcjach
Edytor Elementor używany jest do obsługi Kart Specyfikacji i Case Studies w formacie akordeonu.
-
Niestandardowa animacja scrollowania i layout
Strony takie jak Helix mają przewijaną treść, a grafika w kształcie diamentu pozostaje nieruchoma – zrealizowane za pomocą własnego JS i CSS.
-
Zaawansowana modyfikacja Slick Slidera
Slider został gruntownie przebudowany – własne przyciski nawigacji i elementy UI niedostępne w standardowej wersji Slick.
-
Status realizacji
Wykonałem około 95% projektu przed odejściem z firmy – uruchomienie odbyło się bez mojego udziału.
-
Moja rola
- Kodowanie HTML/CSS
- JavaScript (logika i animacje)
- Szablony PHP dla WordPressa
- Bez udziału w projektowaniu graficznym
Odwiedź stronę: maxwelloiltools.com
