Projekt koncepcyjny Noclegi Noclegi w latarni, wybrzeże Bałtyku

Strona noclegów z rezerwacjąLatarnik.

Strona noclegów w latarni, na której przed rezerwacją widać, z którego okna zobaczysz zachód słońca.

Latarnik to wymyślony pensjonat w czynnej latarni Mewia Kępa na klifie nad Bałtykiem: pięć pokoi na kolejnych piętrach wieży i izba w domu latarnika. Zamiast zdjęć z drona strona pokazuje latarnię w filmowym 3D, o zachodzie słońca i nocą, ze snopem światła błyskającym w prawdziwym rytmie. Gość wybiera noc, a strona liczy, gdzie tego dnia zajdzie słońce i w których oknach będzie je widać. Wybrany pokój otwiera się w wieży jak szuflada, a rezerwacja kończy się wpisem do dziennika latarnika.

Rodzaj strony
Jedna długa strona z rezerwacją noclegów
Sekcje
5 i rezerwacja: światło, pokoje, dziennik latarnika, na miejscu, dojazd
Najważniejsze
Latarnia w 3D, zachód słońca w oknie, wieża otwierana jak szuflada, rezerwacja
Styl
Spis świateł: biały arkusz rejestru, czarny tusz, magenta tylko tam, gdzie świeci latarnia

To projekt koncepcyjny. Firma Latarnik jest wymyślona, ale strona działa naprawdę: możesz ją przeklikać na komputerze, tablecie i telefonie. Formularze nigdzie nie wysyłają danych.

Jak myśleliśmy

Cztery decyzje, na których stoi ta strona.

  1. 01

    Kłopot

    Na zdjęciach każdy pokój wygląda podobnie: łóżko i okno. Gość nie wie, czym różni się pokój na pierwszym piętrze od tego pod laterną ani co zobaczy z okna.

    Co zrobiliśmy

    Latarnia w 3D ze światłem wypalonym jak w filmie. Wybrany pokój otwiera się w wieży jak szuflada: piętra nad nim podnoszą się, bliższa połowa muru znika w przekroju, a w środku widać łóżko, siedzisko w niszy okna i zapalone lampki. Jednym przyciskiem kamera siada przy oknie i patrzy tam, gdzie zajdzie słońce.

    Co to daje

    Gość wybiera pokój po widoku i wysokości, a nie po numerze, i wie, za co płaci więcej.

  2. 02

    Kłopot

    Przed rezerwacją najczęściej pada pytanie, czy z pokoju będzie widać zachód słońca. Odpowiedź zależy od pory roku, bo słońce zachodzi raz nad lasem, a raz nad morzem.

    Co zrobiliśmy

    Strona liczy położenie słońca dla wybranej nocy i współrzędnych latarni: godzinę i azymut zachodu, wschód następnego dnia i to, czy słońce zmieści się w oknie każdego pokoju. Rejestr pokazuje to znakiem słońca, rzut pokoju rysuje kierunek zachodu, a niebo w 3D obraca się do azymutu z wybranego dnia.

    Co to daje

    Gość rezerwuje noc z zachodem w oknie, a pensjonat nie odpowiada na to pytanie przez telefon.

  3. 03

    Kłopot

    Strony noclegów nad morzem wyglądają tak samo: zdjęcie z drona, granat ze złotem i siatka kart z ikonkami udogodnień. Pensjonat ginie wśród sąsiadów.

    Co zrobiliśmy

    Strona jest wpisem latarni w spisie świateł, otwartym w rejestr rezerwacji: numer, pozycja, charakterystyka Fl(2) W 15s z paskiem błysków zsynchronizowanym ze snopem w 3D, wysokości okien nad morzem i zasięg horyzontu z każdego z nich.

    Co to daje

    Od pierwszego ekranu widać, że to prawdziwa, pracująca latarnia, a nie kolejny pensjonat z widokiem.

  4. 04

    Kłopot

    Rezerwacja przez e-mail ciągnie się kilka dni, a gość nie wie, które noce są wolne i ile zapłaci w weekend.

    Co zrobiliśmy

    Data, liczba nocy i gości na pierwszym ekranie. Rejestr od razu odpowiada: wolny albo zajęty, cena za noc, za mały na tyle osób, i poleca najlepszy wolny pokój z zachodem w oknie. Rezerwacja to trzy pola i kończy się wpisem do dziennika latarnika z godziną zachodu tamtej nocy. Nocą w 3D świecą okna zajętych pokoi.

    Co to daje

    Noc rezerwuje się w minutę, a gość od razu wie, czego się spodziewać.

W środku

Podstrony, które robią robotę.

Pokój w przekroju

Wieża otwiera się jak szuflada

Wybierasz pokój z rejestru albo wskazujesz piętro na wieży. Piętra nad nim podnoszą się jedno po drugim, bliższa połowa muru znika w przekroju, a kamera zatrzymuje się przy pokoju. Widok można obracać, przekrój idzie za kamerą.

Widok z okna

Zachód słońca w oknie, policzony na wybraną noc

Przycisk „Usiądź przy oknie” przenosi kamerę do pokoju, a szuflada zamyka się wokół niej. Kamera patrzy na azymut zachodu z wybranego dnia, jeśli słońce mieści się w oknie, a podpis mówi, o której zajdzie.

Noc

Nocą świecą okna zajętych pokoi

Po zmroku cała scena przechodzi w noc: zapala się laterna, snop obraca się w rytmie Fl(2) W 15s, a w oknach świeci się tam, gdzie ktoś śpi tej nocy. Pasek charakterystyki w rejestrze błyska razem ze snopem.

Cztery widoki

Każdy pokój w przekroju, w rzucie, z okna i we wpisie

Konsola pokoi pokazuje cztery widoki naraz. Rzut powstaje z tej samej geometrii co model 3D i rysuje sektor widoku z okna oraz kierunek zachodu w wybraną noc.

Liczby, które sprawdzisz sam

Szybka na telefonie, nie tylko ładna.

Pomiar Google Lighthouse strony głównej projektu, październik 2026. Strona główna waży 208 KB razem ze zdjęciami i fontami. Wynik może się różnić o kilka punktów przy każdym pomiarze. Sprawdź sam w PageSpeed Insights

Zakres prac

Co weszło w projekt

  • Projekt graficzny w jednym świecie: spis świateł nawigacyjnych
  • Latarnia, klif i dom latarnika zbudowane w Blenderze, światło wypalone w dwóch porach
  • Morze, niebo, chmury i snop światła liczone na żywo
  • Sześć pokoi z wnętrzami otwieranymi w przekroju
  • Widok z okna z zachodem słońca na wybraną noc
  • Położenie słońca, wysokości okien i zasięg horyzontu liczone ze wzorów
  • Rejestr pokoi z dostępnością, cenami i polecanym pokojem
  • Rezerwacja zakończona wpisem do dziennika latarnika
  • Rzuty pokoi i mapa wybrzeża rysowane w SVG
  • Wersja na telefon i treść dostępna bez 3D
Taka strona w Stronea

Cena takiej strony

  • Landing page (jedna długa strona)od 1400 zł
  • Rezerwacja noclegów z dostępnością i cenami+1000 zł
  • Zachód słońca w oknie (kalkulator na stronie)+1300 zł
  • Interaktywna makieta 3D: latarnia, pokoje w przekrojuod +5300 zł

Razem od … zł netto

Ceny z naszego kalkulatora. Dokładną kwotę zobaczysz po dobraniu podstron, tekstów i dodatków.

Policz taką stronę
Następna realizacja Ognisko. Strona i system dla restauracji

Tu może być Twoja strona.

Opowiedz nam o swojej firmie. Konkretną wycenę dostaniesz w 48 godzin.

Wyceń stronę