Projekt modelowy · Strona WWW z rezerwacją
Strona hotelowego Day Spa z rezerwacją online i voucherami
Solenne Hotel & Spa to projekt modelowy Primessio: trzyjęzyczna strona hotelowego Day Spa, która sprzedaje pobyt w spa bez noclegu — od pierwszego kliknięcia po potwierdzenie rezerwacji albo voucher na prezent. Marka i dane są fikcyjne; technologia, projekt i procesy są dokładnie takie, jakie wdrażamy u klientów.
Pokazowa realizacja Primessio dla branży hotelarskiej i wellness: projekt graficzny, treści w trzech językach, rezerwacja online z cennikiem na żywo, kreator vouchera, animacje i SEO/AEO — zbudowane w Astro i sprawdzone automatycznymi testami na prawdziwych kliknięciach.
Primessio (ACTIVE IT) to software house z Warszawy: strony i sklepy internetowe, oprogramowanie dedykowane i systemy IT, SEO i AI SEO, social media i content, branding oraz zarządzanie projektami — dla klientów w Polsce i w DACH. Poniżej jeden z projektów.
Strona na żywo
Działająca wersja demo pod solenne.primessio.com — rezerwacja, vouchery i wszystkie animacje są interaktywne, dane są fikcyjne i nigdzie nie są wysyłane. · Otwórz stronę w nowym oknie ↗
Wyzwanie
Hotelowe spa sprzedaje dwa różne produkty dwóm różnym grupom: gościom hotelu (wejście w cenie pobytu, zabiegi z rabatem) i gościom z miasta, którzy kupują dzień w spa. Typowa strona hotelu chowa spa w podstronie, a rezerwację odsyła do telefonu albo do zewnętrznego systemu, w którym klient nie widzi ceny przed ostatnim krokiem.
Do tego dochodzą rynki zagraniczne (goście z DACH i anglojęzyczni), sezonowość cen (dni robocze i weekendy), vouchery jako ważne źródło przychodu oraz wymóg, by strona była jednocześnie atmosferyczna i szybka — także na telefonie.
Rozwiązanie
Strona zbudowana wokół jednej decyzji: „jak spędzisz ten dzień”. Hero z paskiem rezerwacji (dzień, liczba osób, pakiet) liczy cenę od razu i przenosi wybór do kreatora. Cennik przełącza ceny dni roboczych i weekendów, karta zabiegów ma filtry i podgląd, a plan dnia i strefy wellness pokazują, za co klient płaci.
Kreator rezerwacji prowadzi przez cztery kroki z kosztorysem na żywo: pakiet, termin (kalendarz od dziś, godziny wejścia z liczbą wolnych miejsc), dodatki (zabiegi, lunch, prywatna łaźnia) i dane — z przełącznikiem „gość hotelu”, walidacją przy polach i plikiem do kalendarza na końcu. Kreator vouchera składa kartę podarunkową na podglądzie w czasie rzeczywistym.
Zakres — co dostarczyliśmy
Projekt graficzny
Kierunek „quiet luxury”: fotografia, typografia Cormorant + Montserrat, makiety na płótnie projektowym przed kodem.
Treści PL · DE · EN
Transkreacja pod rynek, nie tłumaczenie — z lokalizowanymi adresami podstron (rezerwacja / buchung / booking).
Rezerwacja online
Cztery kroki, kosztorys na żywo, ceny weekendowe, tryb gościa hotelu, walidacja i potwierdzenie z plikiem .ics.
Kreator vouchera
Pakiet albo kwota, trzy wzory karty, dedykacja i sposób dostawy — podgląd zmienia się na bieżąco.
Animacje
Płynne przewijanie, wejście nagłówka, odsłanianie zdjęć i parallax — z pełnym wsparciem ograniczenia ruchu.
SEO / AEO
hreflang dla trzech języków, dane strukturalne DaySpa i FAQPage, mapa strony, llms.txt.
Wydajność
Statyczny build, zdjęcia WebP w wielu rozmiarach, fonty hostowane lokalnie (bez Google Fonts — RODO).
Testy i wdrożenie
Automatyczny test nawigacji na prawdziwych kliknięciach i skrypt wdrożenia, który sprawdza stronę na żywo.
Asystent na stronie
Rozmowa z podpowiedziami i własnymi pytaniami w PL/DE/EN: odpowiada treścią strony, odsyła pytania o zdrowie do lekarza i recepcji spa, rezerwuje wizytę krok po kroku (także dla gości hotelu) — bez modelu AI i bez wysyłania danych.
W liczbach
Projekt modelowy nie ma wyników sprzedaży — podajemy fakty z repozytorium, które da się sprawdzić.
Jak pracowaliśmy
Od kierunku wizualnego do strony na żywo w krótkich iteracjach — z akceptacją projektu, zanim powstała pierwsza linia kodu, i z testami, które mierzą to, co widzi użytkownik.
Kierunek
Analiza branży hotelowego wellness i wybór stylu, palety i typografii.
Projekt
Makiety strony głównej, rezerwacji i vouchera na płótnie projektowym — z poprawkami przed kodem.
Budowa
Astro, wyspy interaktywne w Preact, treści w trzech językach i animacje.
Testy
Test każdego linku menu z trzech pozycji strony, na desktopie i telefonie, we wszystkich językach.
Wdrożenie
Wgranie przez FTPS i automatyczne sprawdzenie adresów na żywo po każdym wdrożeniu.
Technologia
Statyczna strona w Astro z małymi wyspami interaktywnymi zamiast ciężkiej aplikacji: szybkie ładowanie, prosty hosting i brak bazy danych do utrzymania. Animacje GSAP i Lenis szanują ustawienie ograniczenia ruchu, a strona działa także bez JavaScriptu.
- Astro 7
- Preact
- TypeScript
- Asystent regułowy
- GSAP
- Lenis
- View Transitions
- WebP
- Schema.org
- hreflang
- llms.txt
- Playwright
- PL · DE · EN
Najczęstsze pytania
Czy to strona prawdziwego hotelu?
Nie. Solenne Hotel & Spa to projekt modelowy Primessio — marka, ceny, adres i opinie są fikcyjne, a formularze niczego nie wysyłają. Technologia, projekt i sposób pracy są takie same jak w projektach dla klientów.
Czy asystent na stronie to AI?
Nie. To asystent oparty na regułach: rozpoznaje pytania po słowach kluczowych w trzech językach, odpowiada wyłącznie treścią strony i rezerwuje według tych samych reguł co kreator (ceny weekendowe, wolne miejsca, rabat dla gości hotelu). Nie wysyła danych i nie udziela porad medycznych. W realnym wdrożeniu tę samą rozmowę można połączyć z modelem językowym.
Czy rezerwację można podłączyć do systemu hotelu?
Tak. Kreator jest interfejsem: w realnym wdrożeniu terminy i wolne miejsca pobiera z systemu rezerwacji spa lub hotelu, a płatność obsługuje bramka płatnicza. Logika cen, dodatków i trybu gościa hotelu zostaje bez zmian.
Ile trwa wdrożenie takiej strony?
Zależy od zakresu: liczby języków, integracji z systemem rezerwacji i ilości treści. Najpierw akceptujesz projekt graficzny na makietach, potem budujemy stronę w krótkich iteracjach — zakres i harmonogram ustalamy przed startem.
Czy animacje nie spowalniają strony?
Strona jest statyczna, a JavaScript ładuje się tylko tam, gdzie jest potrzebny (rezerwacja, karta zabiegów, voucher). Animacje wyłączają się, gdy użytkownik ma w systemie ustawione ograniczenie ruchu, a treść jest widoczna także bez nich.
Czy strona jest zgodna z RODO w Niemczech?
Tak, w zakresie strony: fonty są hostowane na serwerze strony (bez Google Fonts), a demo nie zbiera żadnych danych. W realnym wdrożeniu dochodzi baner zgód i analityka uruchamiana dopiero po zgodzie.
Usługi i realizacje powiązane
Prowadzisz hotel, spa albo obiekt wellness?
Zaprojektujemy i zbudujemy stronę, która sprzedaje pobyty, zabiegi i vouchery w kilku językach — z rezerwacją, w której gość widzi cenę od pierwszego kliknięcia.
Porozmawiajmy