Case study Branża dźwigowa Windy · serwis · pogotowie 24/7 Giżycko

Windy Giżycko. Strona, na której klient sam projektuje windę.

windygizycko.pl to strona rodzinnej firmy dźwigowej z Giżycka, działającej od 1964 roku. Montują i serwisują windy osobowe i towarowe, platformy dla osób z niepełnosprawnościami i urządzenia Home Lift, a pogotowie dźwigowe czuwa całą dobę. Sercem strony jest konfigurator wind 3D: klient wybiera kabinę, wykończenie, drzwi i szyb, ogląda efekt z wnętrza i z korytarza, a gotową konfigurację wysyła razem z zapytaniem.

Wypróbuj konfigurator Otwórz windygizycko.pl ← Realizacje

windygizycko.pl

▲88881964

Wyświetlacz z hero: lata firmy jak piętra

KlientWINDY-GIŻYCKO S.C.

ZakresStrona + konfigurator 3D

TechnologiaHTML, CSS 3D, JS

CelZapytanie z gotową konfiguracją

2Wyzwanie i rozwiązanie

Windy nikt nie kupuje z katalogu. Każdą trzeba zobaczyć.

Inwestor, zarządca budynku czy architekt pyta o windę, której jeszcze nie ma. Zamiast wymieniać maile o kolorze ścian i wymiarach szybu, chciałem, żeby mógł ją sam złożyć i obejrzeć, zanim zadzwoni. A równolegle strona musiała obsłużyć zupełnie inny scenariusz: awarię o trzeciej w nocy.

PRZEDWyzwania

Wycena windy wymagała długiej wymiany maili o kabinie, materiałach, drzwiach i szybie
Klient nie potrafił wyobrazić sobie wykończenia z próbnika ani z opisu
Dwie zupełnie różne ścieżki: zapytanie o nową windę i pilna awaria
Ponad 60 lat historii i ponad 300 realizacji do pokazania bez przytłaczania
Odbiorcy z całej Polski, w tym architekci szukający wytycznych projektowych

PORozwiązanie

Konfigurator 3D: kabina, wykończenie, drzwi i szyb w 4 krokach, z podglądem z wnętrza i z korytarza
Konfiguracja trafia do firmy razem z zapytaniem, jako link, PDF i gotowa treść maila
Pogotowie 24/7 widoczne w nagłówku na desktopie i w dolnym pasku na telefonie
Wyświetlacz piętra w hero i szyb windy jako wskaźnik przewijania: motyw branży w samym interfejsie
Galeria realizacji z filtrami, partnerzy i poradnik PDF dla projektantów

3Konfigurator wind

Zaprojektuj windę. W przeglądarce, w kilka minut.

Poniżej prawdziwe widoki z konfiguratora na windygizycko.pl. Proszę zmienić wykończenie albo przejść na korytarz i otworzyć drzwi. Drzwi zamykają się i otwierają przy każdej zmianie, jak w prawdziwej kabinie.

Wnętrze kabiny w wykończeniu Standard szary z konfiguratora windygizycko.pl

Ściany: Dobel 1112 · Podłoga: Granite

Rendery 1:1 z konfiguratora. Wizualizacja ma charakter poglądowy, tak jak na stronie klienta.

Kabina składana w 3D, bez jednej biblioteki.

Konfigurator nie używa WebGL ani zewnętrznych bibliotek. Kabina to ściany, sufit i podłoga ustawione transformacjami CSS 3D, pokryte prawdziwymi teksturami materiałów producentów. Widok można obracać przeciągnięciem, wyśrodkować, przełączyć na korytarz i otworzyć drzwi teleskopowe. Działa także na telefonie.

2typy kabin: 630 kg (8 osób) i 1000 kg (13 osób)

19wzorów ścian plus szkło lakierowane w 7 kolorach

188grafik ściennych w bibliotekach tematycznych

4gotowe aranżacje na start, od szarej po Inox Len

3 + 4panele dyspozycji i kasety wezwań do wyboru

EI60odporność ogniowa drzwi: brak, EI30 lub EI60

Kabina

Udźwig, jedno lub dwa wejścia na wprost, parametry: drzwi 900 × 2000 mm, prędkość 1,0 m/s, do 15 przystanków.

Wykończenie

Ściany, podłoga, sufit, lustro, poręcz, grafika naprzeciw wejścia, panel dyspozycji i dodatki: kamera, logo, awizacja głosowa.

Drzwi i korytarz

Drzwi przystankowe, odporność ogniowa i kaseta wezwań. Podgląd windy z klatki schodowej na tle tynku, betonu lub grafitu.

Szyb i kontakt

Rodzaj inwestycji, wymiary szybu z podpowiedzią katalogową dla wybranej kabiny i dane kontaktowe. Wymiary nie są obowiązkowe.

windygizycko.pl/konfigurator-windy.html

Konfigurator windy na windygizycko.pl: podgląd kabiny w drewnie jasnym i panel kroku Wykończenie z gotowymi aranżacjami i wzorami ścian

Zapytanie z konfiguracją

Po walidacji formularza otwiera się gotowy mail z danymi klienta i pełną listą wybranych opcji.

Podsumowanie PDF

Jednym kliknięciem klient zapisuje podsumowanie konfiguracji, które może pokazać wspólnocie albo inwestorowi.

Link do konfiguracji

Cała konfiguracja zapisuje się w adresie strony. Wystarczy skopiować link, żeby ktoś otworzył dokładnie tę samą windę.

transform: rotateY(90deg)

Bez WebGL, bez frameworka. Każda ściana kabiny to element HTML ustawiony w przestrzeni 3D. Perspektywa kamery przelicza się przy zmianie widoku, a skrzydła drzwi otwierają się z różnym czasem, jak w prawdziwych drzwiach teleskopowych.

4Spacer po stronie

Strona, która jeździ jak winda.

Sekcje strony głównej są ponumerowane jak piętra, od parteru po kontakt. Przy prawej krawędzi biegnie szyb z kabiną, która przewozi użytkownika między nimi. Ten sam wskaźnik widzą Państwo teraz na tej stronie.

windygizycko.pl

Parter · Hero

Rok firmy na wyświetlaczu piętra.

Zamiast zwykłego „od 1964 roku” w hero stoi wyświetlacz LED, który odlicza lata od założenia do dziś, jak piętra w kabinie. Obok pokaz 13 zdjęć realizacji i dwa wyraźne wyjścia: zaprojektuj windę albo zadzwoń 24/7.

Siedmiosegmentowy wyświetlacz z wygaszonym tłem „8888”
Pokaz slajdów z 13 zdjęć montaży
Menu z numerami pięter i szyb jako wskaźnik przewijania

windygizycko.pl/#konfigurator

Sekcja Zaprojektuj swoją windę online na stronie głównej z miniaturą kabiny i próbnikami wykończeń

Piętro 2 · Zapowiedź konfiguratora

Mała kabina, która zaprasza do dużej.

Na stronie głównej konfigurator ma własną sekcję z miniaturą kabiny i próbnikami ścian. Klik w próbnik od razu zmienia wykończenie, więc odwiedzający czuje, jak działa narzędzie, zanim je otworzy.

Podgląd czterech kroków: kabina, wykończenie, drzwi, szyb
Konfigurator dostępny też z menu jako „Zaprojektuj windę”

windygizycko.pl/#serwis

Ciemna sekcja Pogotowie dźwigowe 24/7 z przyciskiem alarmowym i numerem telefonu

Piętro 3 · Serwis i pogotowie

Przycisk alarmu, który naprawdę dzwoni.

Sekcja pogotowia przechodzi w ciemny motyw, a numer siedzi na panelu z czerwonym przyciskiem alarmowym, jak w kabinie. Klik dzwoni od razu. Ten sam numer jest w nagłówku na desktopie i w stałym pasku na dole ekranu telefonu.

Schema LocalBusiness z EmergencyService czynnym całą dobę
Osobny numer do biura, pogotowia i księgowości

5Telefon

Awaria nie czeka na komputer.

Na telefonie na dole ekranu zawsze są dwa przyciski: Pogotowie 24/7 i Zapytanie. Konfigurator działa także na małym ekranie, z widokiem kabiny nad panelem kroków.

Strona główna windygizycko.pl na telefonie z dolnym paskiem Pogotowie 24/7 i Zapytanie — Strona główna

Konfigurator windy na telefonie z kabiną w ciemnym drewnie — Konfigurator

Sekcja pogotowia dźwigowego 24/7 na telefonie — Pogotowie 24/7

6Co zbudowałem

Sześć elementów, jedna winda.

Konfigurator wind 3D

Cztery kroki, dwa widoki, drzwi otwierane animacją, 188 grafik i link, PDF oraz mail z pełną konfiguracją.

Wyświetlacz piętra w hero

Siedmiosegmentowy wyświetlacz odliczający lata firmy od 1964 roku do dziś. Motyw branży zamiast ozdobnika.

Szyb jako nawigacja

Sekcje ponumerowane jak piętra, kabina w szybie pokazuje, gdzie jest użytkownik, a menu podświetla aktualne piętro.

Pogotowie 24/7

Numer alarmowy w nagłówku, w ciemnej sekcji z przyciskiem alarmu i w stałym dolnym pasku na telefonie.

Realizacje, partnerzy, poradnik

Galeria ponad 300 realizacji z filtrami i podglądem zdjęć, 8 partnerów i pliki PDF z wytycznymi dla architektów.

SEO lokalne i dane firmy

Schema LocalBusiness z rokiem założenia, pięcioma numerami telefonu i działem EmergencyService czynnym całą dobę.