Realizacja: system rezerwacji online z wyceną dojazdu, panelem administracyjnym i 41 landingami lokalnymi dla PranieMobilne.pl. Zobacz, jak działa.
Zobacz stronę na żywoPranieMobilne.pl – to usługa mobilnego czyszczenia tapicerki (kanap, foteli, materaców, tapicerki samochodowej) realizowana bezpośrednio u klienta, bez konieczności transportu mebli. To zdecydowanie najbardziej rozbudowana realizacja, jaką dotąd wykonałem – wykraczająca daleko poza typową stronę wizytówkową.
Zależało mi na tym, żeby cały proces rezerwacji usługi odbywał się online, bez telefonów i ręcznego ustalania terminów. Klient miał samodzielnie wybrać usługę, adres i termin, a system miał sam wyliczyć koszt dojazdu i przygotować zgłoszenie gotowe do obsługi. To połączenie frontendu, backendu, panelu administracyjnego i całej warstwy SEO w jednym, spójnym projekcie.
Zakres ustalony na starcie i zrealizowany w całości – od projektu po wdrożenie.
Frontend zbudowałem w React i Vite – nowoczesnym stosie technologicznym, dzięki któremu strona działa płynnie i szybko, zarówno na komputerze, jak i na telefonie. Duży nacisk położyłem na responsywność, bo większość klientów zamawia usługę właśnie z telefonu, często w pośpiechu, np. patrząc na zabrudzoną kanapę.
To serce całego projektu. Klient w kilku krokach wybiera usługę, podaje adres i wybiera dogodny termin, a system automatycznie wylicza koszt dojazdu na podstawie lokalizacji. Cały proces zaprojektowałem tak, żeby był prosty i nie wymagał kontaktu telefonicznego – klient widzi gotową wycenę, zanim jeszcze wyśle zgłoszenie. Do rezerwacji można też dołączyć zdjęcia, co pomaga ocenić zakres prac jeszcze przed przyjazdem.
Do obsługi zgłoszeń zbudowałem dedykowany panel administracyjny z logowaniem – miejsce, z którego obsługuje się wszystkie rezerwacje. W panelu widać szczegóły każdego zgłoszenia, można zmieniać jego status (np. „w trakcie”, „zrealizowane”) i mieć pełny przegląd bieżącej pracy bez prowadzenia notatek na kartce czy w telefonie.
Po złożeniu rezerwacji system automatycznie wysyła e-mail zarówno do klienta (potwierdzenie zgłoszenia), jak i do administratora (powiadomienie o nowym zleceniu). Dzięki temu żadne zgłoszenie nie ginie, a klient od razu wie, że jego zamówienie zostało przyjęte.
Całość działa na dedykowanym backendzie napisanym w PHP, połączonym z bazą danych MySQL. To rozwiązanie budowane pod konkretne potrzeby tego projektu, a nie gotowy szablon – dzięki temu system rezerwacji, wycena kosztu dojazdu i panel administracyjny działają jako jedna spójna całość.
Ponieważ strona przetwarza dane klientów i obsługuje cały proces zamówień, zadbałem o zabezpieczenia na kilku poziomach: dane wpisywane w formularzu są sprawdzane zarówno po stronie użytkownika, jak i na serwerze, sesje administratora są zabezpieczone, a wszystkie punkty komunikacji między stroną a bazą danych są chronione przed nieautoryzowanym dostępem. Dodatkowo wprowadziłem limit liczby zgłoszeń z jednego źródła w krótkim czasie, żeby zapobiec przypadkowemu lub celowemu zalewaniu systemu fałszywymi rezerwacjami.
Pod kątem widoczności w wyszukiwarce przygotowałem 41 lokalnych landingów – po jednym na każde miasto z obszaru działania firmy. Treść i dane miast zarządzane są centralnie, więc aktualizacja informacji (np. cennika) na wszystkich landingach naraz nie wymaga edytowania każdej strony osobno. Strony są prerenderowane pod kątem SEO, a całość uzupełniają sitemap.xml, plik robots.txt, canonicale, dane Open Graph oraz znaczniki schema – czyli komplet elementów, które pomagają wyszukiwarce prawidłowo zrozumieć i zaindeksować stronę.
Strona ma też galerię realizacji z filtrowaniem, miniaturami i podglądem zdjęć w powiększeniu (lightbox), a także własne strony błędu 404, politykę prywatności, regulamin oraz baner cookies zapisujący decyzję użytkownika – czyli wszystkie elementy, które budują profesjonalny odbiór strony, nawet jeśli klient nigdy bezpośrednio ich nie zauważy.
Przed uruchomieniem strony w wersji produkcyjnej przeprowadziłem audyt techniczny i testy całego systemu – od formularza rezerwacji, przez panel administracyjny, po pocztę automatyczną – żeby mieć pewność, że wszystko działa poprawnie na żywym serwerze, zanim trafi do pierwszych klientów.
PranieMobilne.pl to najbardziej kompleksowy projekt, jaki dotąd zrealizowałem – zaprojektowany od warstwy wizualnej i UX, przez SEO i automatyzację komunikacji, aż po backend, bazę danych, bezpieczeństwo i wdrożenie na serwer produkcyjny. Klient nie musi obsługiwać zgłoszeń ręcznie ani prowadzić kalendarza po swojej stronie – cały proces, od pierwszego kliknięcia po powiadomienie e-mail, dzieje się automatycznie.
Zobacz stronę na żywoPodobne rozwiązanie zrobię też dla Twojej firmy. Zobacz usługi powiązane z tym projektem albo wszystkie realizacje stron internetowych.
Opowiedz, czego potrzebuje Twoja firma. Odpiszę z propozycją zakresu, ceną i terminem – bez zobowiązań.
Następny projektKowalstwo SzkatułaStrona internetowa / Kowalstwo