P&D Investment — trzy biznesy w jednym serwisie

Rodzinna firma z Krakowa sprzedaje nieruchomości, zarządza apartamentami na wynajem krótkoterminowy i wykańcza mieszkania pod klucz. Każda z tych usług ma innego klienta, więc dostała własną podstronę — z kalendarzem dostępności czytanym prosto z Booking.com i metamorfozą wnętrza, którą przesuwa się suwakiem.

Klient
P&D Investment
Lokalizacja
Kraków
Zakres
Projekt, kod, 4 podstrony, kalendarz, formularz
Technologia
HTML, CSS, JavaScript, iCal
Strona
pdinvestment.pl
Pierwszy ekran P&D Investment: nowoczesny budynek nad wodą o zmierzchu, nagłówek „Nieruchomości Premium” i liczniki osiągnięć

01 — Wyzwanie

Inwestor, turysta i właściciel mieszkania na jednej stronie

P&D Investment prowadzą Piotr i Dominika Dudzińscy. Piotr odpowiada za remonty i wykończenia, Dominika za nieruchomości i obsługę najmu krótkoterminowego. Trzy usługi, trzech różnych klientów:

  • inwestor szuka mieszkania, które się zwróci,
  • gość chce zarezerwować apartament na weekend w Krakowie,
  • właściciel lokalu w stanie deweloperskim chce go wykończyć pod klucz.

Jedna strona z jedną listą usług nie odpowiedziałaby żadnemu z nich dobrze. Do tego wynajem musiał pokazywać aktualną dostępność, a ta zmienia się codziennie na Booking.com.

4podstrony: główna, nieruchomości, wynajem, wykończenia
3etapy metamorfozy na suwaku
iCaldostępność apartamentów z Booking.com
@zapytania z formularza prosto na maila

Materiał od klienta

Wnętrza, które sprzedają same

Apartamenty, inwestycje i wykończenia — zdjęcia, które firma pokazuje klientom.

Apartament — pdinvestment.pl
Apartament
Salon — pdinvestment.pl
Salon
Inwestycja — pdinvestment.pl
Inwestycja
Wykończenie — pdinvestment.pl
Wykończenie

02 — Proces

Jak powstawał serwis P&D

Najpierw podział na trzy ścieżki klienta, potem wygląd, a na końcu to, co dzieje się samo — kalendarz i formularz.

  1. 01
    Struktura

    Jedna strona główna, trzy ścieżki

    Strona główna przedstawia firmę i ludzi, a potem rozdziela ruch: nieruchomości, wynajem, wykończenia. Każda ścieżka ma własną podstronę z własnym tytułem w Google — „Inwestycje w nieruchomości w Krakowie”, „Apartamenty na wynajem krótkoterminowy w Krakowie”, „Wykończenia wnętrz pod klucz w Krakowie”.

    • mapa serwisu
    • tytuły pod frazy
  2. 02
    Kierunek wizualny

    Czerń i złoto — segment premium

    Ciemne tło, złote akcenty z logo, duże zdjęcia architektury o zmierzchu. Szklane karty, liczniki osiągnięć w pierwszym ekranie i obracający się napis wokół znaku firmy.

    • dark + złoto
    • szklane karty
    • liczniki
  3. 03
    Wynajem

    Kalendarz, który czyta Booking.com

    Booking.com udostępnia kalendarz każdego apartamentu jako plik iCal. Strona pobiera go, wyciąga zajęte terminy i blokuje je w kalendarzu — gość widzi aktualną dostępność, a właścicielka niczego nie przepisuje ręcznie. Karty apartamentów mają filtr po mieście i dostępności oraz ocenę z Booking.com.

    • iCal z Booking.com
    • kalendarz flatpickr
    • filtr miast
  4. 04
    Wykończenia

    Metamorfoza w trzech warstwach

    Trzy zdjęcia tego samego wnętrza — stan deweloperski, wizualizacja projektu, efekt końcowy — nałożone na siebie i sterowane jednym suwakiem. Zamiast trzech osobnych zdjęć jedno płynne przejście, które pokazuje, za co płaci klient.

    • 3 warstwy
    • jeden suwak
    • dotyk i mysz
  5. 05
    Realizacje i kontakt

    Karuzela 3D i formularz na maila

    Realizacje kręcą się w karuzeli 3D, a każda otwiera galerię zdjęć obiektu. Formularz kontaktowy wysyła zapytanie prosto na skrzynkę firmy i przekierowuje na stronę z podziękowaniem — bez bazy danych i bez panelu do obsługi.

    • karuzela 3D
    • galeria obiektu
    • formularz → mail
  6. 06
    Start

    Szybki hosting i komplet SEO

    Biblioteki wgrane lokalnie, zdjęcia w WebP, osobne opisy i dane do udostępniania dla każdej podstrony, mapa witryny, strona błędu 404. Publikacja na infrastrukturze Cloudflare.

    • WebP
    • sitemap
    • Cloudflare

03 — Zobacz, jak to działa

Przesuń suwak — wykończ mieszkanie

Przekodowana metamorfoza z podstrony wykończeń. Te same trzy zdjęcia, ten sam suwak.

pdinvestment.pl/wykonczenia · metamorfozademo na żywo
Mieszkanie w stanie deweloperskim — surowe ściany i wylewka Wizualizacja projektu wnętrza tego samego mieszkania Wykończone mieszkanie — efekt końcowy

Stan deweloperski — inwentaryzacja lokalu i ocena potencjału.

04 — Kalendarz z Booking.com

Dostępność, której nikt nie przepisuje

Po lewej kalendarz, po prawej fragment pliku iCal — dokładnie tego formatu, który eksportuje Booking.com. Zajęte terminy są przekreślone, bo parser przeczytał je z pliku. Wybierz przyjazd i wyjazd, spróbuj też zahaczyć o zajęty dzień.

pdinvestment.pl/wynajem · kalendarzprzykładowe dane

Kalendarz wymaga JavaScriptu.

Plik iCal z serwisu rezerwacji — tak widzi go strona:

BEGIN:VCALENDAR
BEGIN:VEVENT
DTSTART;VALUE=DATE:…
DTEND;VALUE=DATE:…
SUMMARY:CLOSED - Not available
END:VEVENT
Wybierz dzień przyjazdu.

Terminy w demie są przykładowe i liczone względem dzisiejszej daty. Na stronie klienta plik pochodzi z prawdziwego eksportu kalendarza apartamentu na Booking.com.

Galeria sekcji

Trzy usługi, jeden standard

Zrzuty z działającej strony pdinvestment.pl — najedź, żeby przybliżyć.

Sekcja Nieruchomości na stronie pdinvestment.pl
01Nieruchomości
Sekcja Oferta na stronie pdinvestment.pl
02Oferta
Sekcja Wykończenia na stronie pdinvestment.pl
03Wykończenia
Sekcja Opinie na stronie pdinvestment.pl
04Opinie
Sekcja Partnerzy na stronie pdinvestment.pl
05Partnerzy
Sekcja Wynajem na stronie pdinvestment.pl
06Wynajem

05 — Szczegóły

Lista apartamentów pod lupą

Podstrona wynajmu P&D: filtry miasta i dostępności oraz karty apartamentów z oceną Booking.com
  1. Filtr miasta

    Apartamenty w Krakowie i okolicach — jedno kliknięcie zostawia tylko wybraną lokalizację.

  2. Dostępność w 30 dniach

    Drugi filtr odsiewa obiekty po statusie dostępności w najbliższym miesiącu.

  3. Sprawdź dostępność

    Otwiera kalendarz apartamentu z terminami zablokowanymi na podstawie pliku iCal z Booking.com.

  4. Ocena z Booking.com

    9,6/10 i 10/10 z podanym źródłem. Dowód społeczny, którego nie trzeba wymyślać.

  5. Plakietka „Nowe”

    Świeży obiekt w ofercie wyróżniony bez przebudowy strony.

  6. Miasto i typ obiektu

    Kraków albo Chrzanów, apartament albo pokoje gościnne — czytelne przed kliknięciem.

Cała strona

Od pierwszego ekranu do stopki

Strona główna P&D: hero z licznikami, historia i zespół, opinie, partnerzy, trzy usługi i formularz kontaktowy. Przewijaj — ramka przesuwa się razem ze stroną.

Otwórz pdinvestment.pl
Cała strona główna pdinvestment.pl od góry do dołu

06 — Słowo od klienta

Co mówi P&D Investment

Świetna robota. Strona dla naszej agencji nieruchomości wyszła dokładnie tak, jak chcieliśmy — jest przejrzyście, estetycznie i wszystko działa bez zarzutu. Największy plus za cierpliwość i super kontakt w trakcie poprawek. Jeśli ktoś szuka sprawdzonego człowieka od stron internetowych, to śmiało uderzajcie do Philipa.
P&D InvestmentAgencja nieruchomości, KrakówZweryfikowana opinia

Ludzie, nie anonimowa agencja

Sekcja „Historia i zespół” przedstawia właścicieli z imienia i nazwiska, z zakresem odpowiedzialności i bezpośrednim telefonem do każdego. W nieruchomościach klient chce wiedzieć, z kim podpisze umowę.

Sekcja „Historia i Zespół P&D Investment” z kartami Piotra i Dominiki Dudzińskich

07 — Co dostała firma

Serwis, który rozmawia z każdym klientem osobno

01

Osobna ścieżka dla każdej usługi

Nieruchomości, wynajem i wykończenia z własnymi podstronami i tytułami w Google.

02

Dostępność bez przepisywania

Kalendarz apartamentów czyta zajęte terminy z Booking.com.

03

Efekt, który widać

Metamorfoza wnętrza na suwaku pokazuje wartość wykończenia lepiej niż opis.

04

Zapytania prosto na maila

Formularz bez bazy danych i bez panelu — wiadomość trafia do skrzynki firmy.

Pytania

Strona dla nieruchomości — najczęstsze pytania

Czy strona może pokazywać dostępność apartamentów z Booking.com?

Tak. Booking.com, Airbnb i większość systemów rezerwacji udostępnia kalendarz w formacie iCal. Strona pobiera go i blokuje zajęte terminy — bez ręcznego przepisywania.

Czy formularz kontaktowy wymaga bazy danych?

Nie. Zapytanie z formularza może trafiać prosto na Twojego maila. Jest zabezpieczenie przed botami, a po wysłaniu klient widzi stronę z podziękowaniem.

Ile kosztuje strona dla agencji nieruchomości?

Strony zaczynają się od 1 500 zł netto. Wielostronicowy serwis z kalendarzem i galeriami obiektów to większy zakres niż wizytówka, więc każdy projekt wyceniam indywidualnie. Zobacz cennik albo poproś o darmową wycenę.

Sprzedajesz, wynajmujesz albo wykańczasz? Porozmawiajmy.

Opowiedz, jakich klientów obsługujesz, a zaproponuję strukturę, w której każdy szybko znajdzie swoją ścieżkę. Na żywo w Krakowie albo online.

Następna realizacjaWyczesane Łapy — groomer z własną rezerwacją