01
Wyszukiwarka z kalendarzem zakresowym
Jeden kalendarz pozwala wybrać termin odbioru i zwrotu samochodu. Godziny są dopasowane do wybranej lokalizacji, dzięki czemu użytkownik widzi tylko dostępne terminy i godziny otwarcia.
Case Study · Oslo Bilutleie
Od gotowej wtyczki do dedykowanego systemu rezerwacji.
Zastąpiliśmy gotową wtyczkę VikRentCar dedykowanym systemem rezerwacji dla WordPressa i odświeżyliśmy cały front: od wyszukiwarki na stronie głównej, przez listę samochodów, aż po prosty checkout z płatnością online. Całość uzupełniliśmy o automatyczne potwierdzenie rezerwacji w PDF oraz eksport zamówień do ERP.
W skrócie
0
Pliki wtyczki rezerwacji: VikRentCar kontra dedykowana wtyczka
0
Wersji językowych obsługiwanych natywnie przez Polylang
0
Dedykowanych ekranów panelu: zamówienia, kalendarz, sezony, ceny, lokalizacje, ERP
0
Wzrost wyniku wydajności w Google PageSpeed Insights
Wyzwanie
Rezerwacje były uzależnione od gotowej wtyczki
Oslo Bilutleie korzystało z VikRentCar — rozbudowanej wtyczki wywodzącej się jeszcze z Joomli. Z czasem coraz trudniej było ją dopasować do potrzeb wypożyczalni. Auta, ceny i zamówienia były przechowywane w jej własnych tabelach, a część strony działała w oparciu o parametry w adresach, takie jak ?carid= czy view=vikrentcar.
Przy kolejnych zmianach okazywało się, że nie możemy po prostu zmienić jednego elementu. Motyw korzystał z bezpośrednich zapytań do tabel wtyczki, rozbudowanych warunków opartych o adres URL i wielu osobnych widgetów. Dodanie nowej funkcji, integracji z płatnościami czy ERP wymagało więc ciągłego obchodzenia ograniczeń gotowego rozwiązania.
Nasze podejście
Zbudowaliśmy system rezerwacji dopasowany do tego, jak działa wypożyczalnia
- Logikę rezerwacji wydzieliliśmy do osobnej wtyczki
- Przenieśliśmy istniejące dane
- Przebudowaliśmy front — wyszukiwarkę, listę samochodów, karty aut i checkout,
- Połączyliśmy rezerwacje z płatnościami online, generowaniem PDF-ów i eksportem zamówień do ERP.
Proces
Od migracji danych do nowego checkoutu w cztery etapy.
01
Model danych i migracja
Samochody przenieśliśmy do WordPressa jako osobny typ wpisu `car`. Uporządkowaliśmy też kategorie, lokalizacje i wersje językowe obsługiwane przez Polylang. Do migracji przygotowaliśmy własne skrypty, dzięki którym przenieśliśmy dane ze starego systemu i zachowaliśmy powiązanie samochodów z ich dotychczasowymi identyfikatorami i adresami.
02
Silnik rezerwacji
Zbudowaliśmy od podstaw logikę rezerwacji — ceny sezonowe i progowe, sprawdzanie dostępności oraz czasową blokadę auta podczas składania zamówienia. System uwzględnia też różne godziny odbioru i zwrotu zależnie od lokalizacji.
03
Checkout i integracje
Checkout obsługuje płatność online przez Frontpayment albo wybór płatności później. Po rezerwacji klient otrzymuje potwierdzenie w PDF i wiadomość e-mail w odpowiednim języku. Dodałyśmy też możliwość samodzielnego anulowania rezerwacji, eksport zamówień do ERP.
04
Redesign, UX panelu i QA
Przebudowałyśmy cały proces od strony użytkownika — od strony głównej i wyszukiwarki, przez listę samochodów i kartę auta, aż po checkout. Uporządkowałyśmy również panel administracyjny, m.in. dodając zakładki w edycji auta i możliwość zbiorczej zmiany cen.
Nowy front
Lista samochodów zaprojektowana od nowa.
Cena, najważniejsze parametry i przycisk rezerwacji widoczne od razu — na desktopie i na telefonie.
Kluczowe funkcje
Co dostarczyliśmy.
02
Karta auta pod przyjaznym adresem
Każdy samochód ma własny, czytelny adres w formacie /car/nazwa-auta/. Na karcie znalazła się galeria zdjęć, pełna lista wyposażenia oraz wygodny przycisk rezerwacji, który na telefonie pozostaje cały czas pod ręką.
03
Checkout z płatnością online i PDF
Prosty checkout z wyborem dodatkowo płatnych opcji, numerem telefonu z prefiksem kraju i możliwością podania danych firmowych, w tym NIP-u. Klient może od razu opłacić rezerwację przez Frontpayment albo wybrać płatność później. Po złożeniu zamówienia otrzymuje e-mail z potwierdzeniem w PDF oraz linkiem do samodzielnego anulowania rezerwacji.
04
Wygodny panel obsługi
Obsługa może zarządzać zamówieniami i ich statusami, korzystać z kalendarza rezerwacji z eksportem do iCal, ustawiać sezony i ceny, a także zmieniać je zbiorczo. Panel pozwala również definiować godziny pracy poszczególnych lokalizacji z wyjątkami oraz ręcznie wyłączać samochody z oferty. Zamówienia są automatycznie przekazywane do ERP.
Mobile
Cała ścieżka rezerwacji wygodna na telefonie.
Wyszukiwarka, lista aut, karta samochodu i checkout zaprojektowane tak, żeby rezerwacja była prosta również na małym ekranie.
Najedź na ekran telefonu i przewiń, aby zobaczyć stronę
Kluczowe zmiany i optymalizacje
Co zyskał klient.
01
Bezpieczeństwo i poprawność rezerwacji
Dostępność wspólna dla wszystkich wersji językowych auta, ochrona przed podwójną rezerwacją
02
Wydajność i utrzymanie
Kilkadziesiąt plików własnej wtyczki w miejscu rozbudowanego systemu z funkcjami, zoptymalizowane zapytania cennika, dostępności i lokalizacji
03
UX klienta
Spójny wygląd od wyszukiwarki po potwierdzenie zamówienia, samodzielne anulowanie rezerwacji z linku w e-mailu, godziny odbioru i zwrotu dopasowane do lokalizacji, łącznie z wyjątkami i oknami zwrotu.
04
Obsługa i biznes
Edycja auta pogrupowana w zakładki, z przypisaniem lokalizacji w jednym miejscu, zmiana statusu zamówienia automatycznie wysyła właściwy e-mail do klienta, zamówienia trafiają do ERP
Stack i usługi
Narzędzia dobrane do zadania.
"Bardzo fajnie to wygląda. Jest świeżo, nowocześnie i zupełnie inaczej niż wcześniej. Naprawdę podoba nam się ten kierunek"