Twój partner w Marketingu i IT
Menu
Strona produktowa · SaaS

Onimator

Przebudowa landing page’a z ciężkiego Divi na lekką, autorską wtyczkę WordPress.

WordPressAutorska wtyczkaBunny Stream (CDN)UI/UXWideo

Wyzwanie

Oryginalny landing stał na Divi — dużo nieużywanego kodu, wolne ładowanie, ciężkie wideo na hostingu WP i ograniczona kontrola nad wyglądem.

Rozwiązanie

Napisaliśmy stronę od zera jako lekką wtyczkę WordPress. Wideo na Bunny Stream (CDN), a kluczowe sekcje — hero „na telefonie" i slider platform — jako własne komponenty.

3098
PageSpeed (mobile)
0
zależności od Divi
CDN
wideo poza hostingiem WP
2.0.6
wersji z changelogiem
Przewodnik krok po kroku po żywej kopii strony — ładuje się dopiero po kliknięciu.

Zobacz stronę live ↗

Co pokazujemy w prezentacji

  1. Punkt wyjścia

    Tak wyglądała strona, którą zastaliśmy u klienta — postawiona na page-builderze Divi. Ciężka, wolniejsza i trudna w utrzymaniu. To nasz punkt „przed". Kliknij „Dalej", żeby zobaczyć efekt.

  2. Efekt: nowa strona

    To wersja, którą zbudowaliśmy od zera jako lekką, autorską wtyczkę WordPress. Ten sam adres, inna jakość i wydajność. W kolejnych krokach przewodnik sam przewinie stronę i podświetli konkretne rozwiązania.

  3. Autorski komponent

    Wideo „na telefonie" w hero

    Sekcja powitalna: klip odtwarzany inline w makiecie telefonu. Zbudowany ręcznie, nie z gotowca z marketplace — pełna kontrola nad zachowaniem i wyglądem.

  4. Interakcja

    Slider platform z wideo

    Instagram, TikTok, Reddit i kolejne — każda zakładka ma własny klip, ładowany leniwie (lazy-load), z brandowanym kaflem na czas wczytywania. Przełączanie bez przeładowań.

  5. Wydajność / CDN

    Wideo przez Bunny Stream

    Materiały wideo wynieśliśmy na CDN (Bunny Stream) zamiast trzymać je na hostingu WordPress. Strona zostaje lekka, a klipy serwują się szybko i stabilnie nawet przy ruchu.

  6. Architektura

    Cała strona jako wtyczka WP

    Zamiast Divi — jedna autorska wtyczka. Mniej kodu, szybsze ładowanie, wersjonowanie i changelog, brak zależności od page-buildera. Łatwo to utrzymać i rozwijać.

Masz pytanie? Szukasz rozwiązania dla siebie?

Napisz do nas — odpowiadamy szybko i konkretnie.