Case study
Strona prelaunch dla apartamentu w Durrësie
Wielostronicowa wizytówka nieruchomości jeszcze w budowie. Cel: zbudować obecność w Google i listę zainteresowanych zanim apartament otworzy drzwi.
Wyzwanie
Z czym przyszedł klient
Klient buduje apartament wakacyjny w Durrësie (Albania) — drugim co do wielkości mieście kraju nad Adriatykiem. Inwestycja jest w toku, otwarcie planowane na sezon letni. Wyzwanie: zbudować obecność w sieci znacznie wcześniej niż uruchomienie rezerwacji, żeby start sezonu nie był zerowy. Strona musiała równocześnie pełnić funkcję wizytówki marki, miejsca zbierania kontaktów, narzędzia SEO pod hasła związane z Albanią i Durrësem oraz źródła praktycznych informacji dla podróżujących Polaków. Druga warstwa wyzwania: brak własnych zdjęć apartamentu (jeszcze niegotowy), polskojęzyczny właściciel, klimat premium ale przystępny — bez przesadzonych claimów typowych dla branży wynajmu.
Podejście
Jak to rozwiązaliśmy
Zaprojektowaliśmy sześciostronicową architekturę: Home, O nas, Oferta (krótko / długoterminowa / sezonowa), Galeria, Blog, Kontakt. Stack świadomie minimalny — vanilla HTML/CSS/JS z Poppins, GSAP do scroll reveal, Swiper do hero slidera i karuzeli ofert. Hero łączy 4-slide fade slider, marquee w tle z kafelkami klimatycznymi i jednoznacznym CTA. Sekcja okolicy została rozbita na taby (Durrës / Tirana / Riwiera / Historia) jako sygnał dla SEO i orientacja dla turysty. Blog dostał 5 długich artykułów po polsku — przewodnik po Durrësie, czy warto jechać do Albanii, plaże, kuchnia, wynajem — wszystkie z własnymi schema.org Article. Formularz kontaktowy oparty na Web3Forms (bez backendu) z honeypotem i checkboxem RODO. Schema.org LodgingBusiness na home page, sitemap.xml i robots.txt. Cookie banner light z localStorage. Pełny support prefers-reduced-motion. Design język: Adriatyk-blue + piaskowy gold, off-white tło, tylko śródziemnomorskie zdjęcia bez Lorem ipsum.
Rezultaty
Co udało się osiągnąć
6
podstron + 5 artykułów blogowych
100%
vanilla — 0 frameworków JS
Web3Forms
kontakt bez serwera i kosztów
schema.org
LodgingBusiness + Article na blogu
Zakres prac
Co zbudowaliśmy
Hero slider z 4 slajdami
Swiper z fade'em i autoplay, akcent Adriatyk + historia + kuchnia + zachód słońca. Każdy slajd osobny CTA prowadzący do innej podstrony.
Marquee z kafelkami klimatu
Pure-CSS taśma z 9 unikatowymi kadrami (morze, bazary, ruiny, marina). Pauzuje na hover i przy prefers-reduced-motion.
Taby okolicy
Durrës / Tirana / Riwiera / Historia — fade-slide animacja, każda zakładka z dystansem dojazdu i CTA do powiązanego artykułu na blogu.
Blog SEO po polsku
5 długich artykułów (~700 słów każdy) z własnym schema.org Article, breadcrumb, hero image, CTA na końcu, nawigacją powrotną.
Formularz Web3Forms
Formularz kontaktowy bez backendu — Web3Forms + botcheck honeypot + checkbox RODO + walidacja po polsku + komunikaty success/error.
Schema.org LodgingBusiness
Pełne oznaczenie nieruchomości jako LodgingBusiness z amenityFeature (klimatyzacja, WiFi, taras, parking) — Google rozumie typ obiektu.
Galeria z lightboxem
Masonry grid + 40-linijkowy vanilla JS lightbox (Esc, click-outside, focus trap). Galeria oznaczona jako placeholder do podmiany na zdjęcia po otwarciu.
Mobile-first + a11y
Hamburger drawer, focus-visible, skip-link, breakpointy 1100/900/768/480, prefers-reduced-motion, alt na każdym obrazku, ARIA na sliderze i tabach.
Stack technologiczny
Z czego jest zbudowane
Czas realizacji
ok. 2 tygodnie
Twój projekt może być następny. Wyślij brief — przygotujemy konkretną propozycję w jeden dzień roboczy.
Wyceń podobny projektInne realizacje
Może Cię zainteresować
Strona dla firmy outsourcingowej IT z kalkulatorem pakietu, formularzem audytu i blogiem eksperckim.
Second Life IT — outsourcing IT dla firm
Next.js 14 · Tailwind · GSAP
Butikowy sklep e-commerce z hand-woven torebkami z naturalnych włókien — editorial design bez frameworków.
INARD — luxury hand-woven bags
Vanilla HTML · CSS · JS
Strona własnej agencji web — pełen lejek od strategii po wdrożenie, cennik widełkowy, kalkulator brief.
BuildLab — strona własnej agencji
Next.js 14 · Tailwind · GSAPTwój projekt może być następny
Masz pomysł? Zrealizujemy go.
Niezależnie czy potrzebujesz nowej strony, sklepu czy modernizacji — wyślij brief i porozmawiajmy.