Maxwell Oil Tools

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ę pionowo, 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.

Cechy projektu:

• 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