Szklane Wspomnienia — Website
Światło. Szkło. Wspomnienia. — spokojna, edytorska strona dla fotografii w oranżeriach i ogrodach botanicznych.
- Rola
- Projekt i development
- Klient
- Szklane Wspomnienia
- Okres
- 2025
- Platforma
- Web · RWD
Co to jest?
Szklane Wspomnienia to marka fotograficzna specjalizująca się w sesjach w oranżeriach, szklarniach i ogrodach botanicznych. Strona miała oddać klimat tych miejsc: światło przechodzące przez szkło, zieleń i ciepłe, naturalne kolory.
Zamiast frameworka wybrałem czysty HTML, CSS i JavaScript — strona jest lekka, nie ma kroku budowania i otwiera się nawet bezpośrednio z pliku. Całość to ponad 1600 linii kodu napisanych od zera.
Strona prowadzi odwiedzającego przez historię marki, portfolio sesji i ofertę aż do formularza kontaktowego.
Co zawiera
Najważniejsze moduły i funkcjonalności projektu.
Edytorska typografia
Cormorant Garamond w nagłówkach i Lato w treści — klasyczny, „magazynowy” charakter pasujący do fotografii.
Botaniczna paleta
Krem, leśna zieleń i terakota zdefiniowane jako zmienne CSS, łatwe do zmiany w jednym miejscu.
Animacje przy scrollu
Sekcje i zdjęcia pojawiają się płynnie dzięki IntersectionObserver, bez żadnych zewnętrznych bibliotek.
Interaktywne dekoracje
Szklane tafle i elementy botaniczne w hero reagują na ruch myszy, a tło ma delikatny efekt parallax.
Portfolio z kategoriami
Siatka zdjęć z nakładkami i kategoriami: romantyczne chwile, zieleń, światło i cienie, sesje zimowe.
Formularz z walidacją
Formularz kontaktowy z walidacją po stronie klienta i czytelnymi komunikatami.
Z czego zbudowane
Stack technologiczny użyty w projekcie.
Zrzuty ekranu
- —Budowanie dopracowanych animacji bez bibliotek — samo CSS i IntersectionObserver.
- —Dobór typografii i koloru pod konkretną markę i nastrój zdjęć.
- —Pisanie strony, którą klient może edytować bez narzędzi developerskich.