Realizacja · Firma budowlana
Strona internetowa firmy budowlanej Aldervane
Rozbudowana strona generalnego wykonawcy — usługi, realizacje z filtrem, blog, zespół i formularz zapytania ofertowego. Język wizualny inspirowany rysunkiem technicznym.
Projekt demonstracyjny. Nazwa firmy, osoby, opinie, liczby i opisy realizacji są fikcyjne.
Założenia
Wielostronicowa strona generalnego wykonawcy budowlanego w języku angielskim. Ma budzić zaufanie inwestorów: pokazać zakres usług, zrealizowane projekty i proces, a potem poprowadzić do zapytania ofertowego. Kierunek wizualny „Blueprint Precision” łączy ciemne sekcje, ciepłe odcienie betonu i bursztynowy akcent z detalami z rysunku technicznego.
Rozwiązania
- 13 podstron — m.in. usługi, szczegóły usługi, realizacje, studium projektu, blog, artykuł, zespół, FAQ, kontakt i strona błędu 404.
- Jedno miejsce na wygląd: kolory, fonty, odstępy i promienie zaokrągleń są zmiennymi w jednym pliku CSS.
- Dostępna nawigacja: menu mobilne z zarządzaniem fokusem i zamykaniem klawiszem Esc, akordeon FAQ zgodny ze wzorcem WAI-ARIA (obsługa strzałkami).
- Filtr realizacji z komunikatem o wyniku dla czytników ekranu.
- Formularz zapytania: walidacja z dostępnymi komunikatami błędów oraz backend PHP bez bibliotek — token CSRF, sprawdzanie pochodzenia żądania, pole-pułapka na boty, minimalny czas wypełnienia, limit zapytań i ochrona przed wstrzykiwaniem nagłówków.
- Bez JavaScriptu i CSS inline, dzięki czemu strona działa ze ścisłą polityką bezpieczeństwa treści (CSP).
- Ograniczanie ruchu: liczniki i animacje wyłączają się, gdy użytkownik ustawi to w systemie.
Do wiadomości
Wersja demonstracyjna jest opublikowana na GitHub Pages, który nie uruchamia PHP — formularz nie wysyła tam wiadomości. Na hostingu z PHP działa po skonfigurowaniu adresu odbiorcy.
Zbliżenia
