Ventoro Exploded View to wtyczka WordPress dodająca interaktywną sekcję hero w stylu „exploded view” — czyli rozkładowego widoku części samochodowych. Przeznaczona do stron sklepów z częściami karbonowymi (domyślnie Porsche 911). Wtyczka osadzana jest za pomocą shortcode.
Pełnoekranowa sekcja na czarnym tle z subtelną siatką i delikatną poświatą. Na środku zdjęcie samochodu, a wokół niego rozmieszczone pływające grafiki pięciu części karbonowych:
| Część | Pozycja na ekranie | Specyfikacja | Redukcja masy |
|---|---|---|---|
| Maska karbonowa | góra-środek | Splot 2×2 Twill | −7,2 kg |
| Spoiler tylny | góra-prawo | Karbon + Kevlar | −1,2 kg |
| Dyfuzor tylny | dół-prawo | Prawdziwy karbon 3K | −2,5 kg |
| Spoiler przedni | dół-lewo | Prawdziwy karbon 3K | −1,8 kg |
| Nakładki lusterek | góra-lewo | Karbon błyszczący | −0,4 kg |
Hover na części: po najechaniu kursorem na dowolną część dzieje się kilka rzeczy jednocześnie:
Klik w dolny pasek: aktywuje ten sam efekt co hover dla wybranej części, ale utrzymuje go przez 2,8 sekundy, a następnie automatycznie wycisza — bez konieczności ruszania myszą. Przydatne na urządzeniach dotykowych.
Auto-demo: jeśli użytkownik nie wchodzi w interakcję przez 4 sekundy od załadowania, wtyczka sama uruchamia pętlę demonstracyjną — kolejno aktywuje każdą część w odstępach 2,8 sekundy. Demo zatrzymuje się natychmiast, gdy kursor wejdzie na sekcję.
Wszystkie części pojawiają się przy załadowaniu strony z opóźnieniami kaskadowymi, wlatując z efektem sprężyny. Rozmiar każdej części jest skalowany proporcjonalnie do szerokości hero, dzięki czemu widok poprawnie wygląda na każdej rozdzielczości.
Branża części premium (carbon / performance) wymaga nie tylko prezentacji produktu, ale doświadczenia, które oddaje jego jakość i charakter. Klient potrzebował wyróżniającej się sekcji hero, która w angażujący sposób pokaże komponenty, ich specyfikację oraz realne korzyści (np. redukcję masy), jednocześnie zachowując wysoką estetykę i płynność działania na różnych urządzeniach. Standardowe rozwiązania nie oferowały takiego poziomu immersji ani interakcji.
Stworzyliśmy autorską wtyczkę Ventoro Exploded View dla WordPress, wprowadzającą interaktywny moduł hero w formie „exploded view”. Rozwiązanie łączy zaawansowane animacje, dynamiczne interakcje i precyzyjnie zaprojektowany UI:
Powstała wysokiej klasy sekcja hero, która znacząco zwiększa atrakcyjność wizualną i interaktywność strony. Użytkownik nie tylko ogląda produkt, ale „odkrywa” jego elementy i właściwości w angażujący sposób. Rozwiązanie wspiera sprzedaż poprzez lepszą ekspozycję wartości produktu, wydłuża czas interakcji na stronie i wzmacnia wizerunek marki jako nowoczesnej oraz technologicznie zaawansowanej.
