Imperial Tim
Strona one-page w HTML, CSS i JavaScript
Zaprojektowaliśmy i wdrożyliśmy jednostronicową witrynę dla firmy, która dystrybuuje domy modułowe i szkieletowe na terenie całej Polski. Stronę zbudowaliśmy bez systemu CMS, w czystym HTML, CSS i JavaScript, więc ładuje się bez bazy danych i nie wymaga aktualizacji zaplecza. Bazowy układ przebudowaliśmy pod markę klienta, dodaliśmy przyklejaną nawigację po sekcjach, galerię realizacji z powiększaniem zdjęć, sekcję opinii i formularz zapytania o wycenę.
Wykorzystane technologie
Zakres projektu i wdrożenia
Klient potrzebował prostej wizytówki bez zaplecza do administrowania, a najmocniejszym materiałem, jaki miał, były zdjęcia z budów: montaże ścian dźwigiem, więźby dachowe, gotowe domy i ujęcia z drona. Strona miała je pokazać w dobrej jakości i prowadzić prosto do zapytania o wycenę.
Etapy pracy nad stroną
Całą ofertę zmieściliśmy na jednej, długiej stronie z sześcioma kotwicami w menu: start, o firmie, usługi, galeria, opinie i kontakt. Nawigacja przykleja się do góry po przewinięciu, więc droga do formularza to jedno kliknięcie z każdego miejsca.
Bazowy układ przebudowaliśmy pod markę: granat z logo jako kolor główny, złoty akcent, przyciski w kształcie pigułki i nagłówki krojem Cabinet Grotesk. Wyłączyliśmy zbędne animacje i wielkie litery, a długą nazwę firmy dopasowaliśmy do wąskich ekranów.
Ofertę rozpisaliśmy na trzy kategorie: domy modułowe, szkieletowe i całoroczne, a pod nimi blok z czterema atutami współpracy. Przyciski zapytania o wycenę prowadzą z każdej sekcji prosto do formularza kontaktowego.
Z materiałów klienta ułożyliśmy galerię 36 zdjęć z budów i gotowych domów, z przewijaniem i powiększaniem w oknie. Wszystkie zdjęcia przekonwertowaliśmy do WebP i ujednoliciliśmy do jednej wysokości, żeby siatka była równa, a strona lekka.
Formularz zbiera dane kontaktowe, rodzaj domu wybierany z listy i treść wiadomości, a wysyła je w tle, bez przeładowania strony. Zgoda na politykę prywatności jest obowiązkowa, a sama polityka ma osobną podstronę.
Stronę opisaliśmy danymi strukturalnymi firmy i usługi oraz meta danymi pod wyszukiwarkę. Całość to statyczne pliki na serwerze, bez bazy danych i wtyczek, które trzeba by regularnie aktualizować, więc utrzymanie strony sprowadza się do hostingu.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.