Aurora Travel

Wielostronicowy front-end biura podróży, który łączy ofertę wycieczek, galerię, formularz kontaktowy, PWA i techniczne przygotowanie pod statyczną publikację.

Przegląd projektu

Aurora Travel to statyczny serwis biura podróży zaprojektowany wokół ofert, szczegółów wycieczek, galerii i wygodnej ścieżki kontaktu.

Projekt obejmuje stronę główną, listę wycieczek, widok szczegółowy, galerię, sekcję o marce, kontakt, strony prawne oraz stany techniczne, w tym offline i 404.

Warstwa ofertowa opiera się na danych JSON, filtrowaniu i sortowaniu wycieczek według typu, regionu, ceny oraz długości. Widok szczegółów wycieczki jest renderowany dynamicznie na podstawie parametru URL i danych z assets/data/tours.json.

Aurora wykorzystuje również dynamiczną galerię zasilaną przez assets/data/gallery-data.json, lightbox, przełącznik motywu light/dark, walidację formularza kontaktowego, Service Worker, manifest aplikacji webowej oraz komplet elementów SEO dla stron indeksowanych.

StronyBiznesTurystykaBiuro podróży

Typ projektu

Wielostronicowy front-end biura podróży

Status

Projekt referencyjny / gotowy front-end statyczny

Serwis pokazuje kompletny zakres strony podróżniczej: oferty, szczegóły, galerię, formularz, stany techniczne, PWA i przygotowanie do hostingu statycznego.

Dokumentacja

Opis techniczny projektu

Plik opisuje zakres serwisu, funkcje, dane, stack, PWA, SEO i przygotowanie do publikacji statycznej.

Pobierz opis techniczny

Priorytet

Oferty wycieczek, filtrowanie, galeria, formularz, SEO i PWA

01

Oferty i szczegóły wycieczek

Lista wycieczek obsługuje filtrowanie i sortowanie, a podstrona szczegółów renderuje treść na podstawie parametrów URL oraz danych z assets/data/tours.json.

02

Galeria i interakcje UI

Galeria korzysta z danych JSON i filtrowania po kierunku, a lightbox, przełącznik motywu oraz walidacja formularza porządkują kluczowe akcje użytkownika.

03

SEO, PWA i publikacja

Projekt zawiera metadane, canonicale, JSON-LD, sitemapę, manifest, Service Worker, responsywne obrazy oraz pliki _headers i _redirects.

Dane ofert i galerii są utrzymywane w plikach JSON, a logika front-endowa jest rozdzielona na moduły funkcjonalne odpowiedzialne między innymi za nawigację, filtrowanie, lightbox, motyw i formularz.

PostCSS z postcss-import, autoprefixer i cssnano dla CSS,
esbuild dla bundlowania i minifikacji JavaScriptu,
sharp dla generowania wariantów obrazów oraz kontroli assetów,
skip link, landmarki, atrybuty ARIA i powiązane komunikaty walidacyjne formularza.

Frontend

HTML5 / modularny CSS / ES Modules

Statyczna struktura stron z logiką rozdzieloną na moduły w js/features.

Dane i interakcje

JSON, filtry, lightbox i formularz

Oferty i galeria korzystają z plików danych, a formularz ma walidację po stronie klienta z komunikatami dostępności.

Standard jakości

SEO, PWA i hosting statyczny

Projekt obejmuje JSON-LD, site.webmanifest, Service Worker, _headers, _redirects i responsywne obrazy.

Mockup mobilny projektu Aurora Travel prezentowany w widoku telefonu

Mockup tabletowy projektu Aurora Travel prezentowany w widoku tabletu

Zobacz stronę Wróć do projektów

Aurora Travel

Aurora Travel to statyczny serwis biura podróży zaprojektowany wokół ofert, szczegółów wycieczek, galerii i wygodnej ścieżki kontaktu.

Case study koncentruje się na praktycznych elementach serwisu podróżniczego: ofertach, danych, interakcjach użytkownika i standardzie publikacji statycznej.

Oferty i szczegóły wycieczek

Galeria i interakcje UI

SEO, PWA i publikacja

Aurora została zbudowana w statycznym stacku HTML, modularnym CSS i JavaScript ES Modules, z procesem buildowym oraz pipeline'em obrazów.

Zobacz wielostronicowy serwis Aurora albo wróć do pełnego portfolio.