Ekowentylacja
Serwis usługowy w Next.js z panelem CMS
Zaprojektowaliśmy i wdrożyliśmy serwis dla firmy, która montuje i serwisuje wentylację mechaniczną z rekuperacją w halach, biurach i domach na północnym wschodzie Polski. Front zbudowaliśmy w Next.js i TypeScripcie, hosting prowadzi Vercel, dane i pliki trzyma Supabase, a treścią klient zarządza w panelu Optiweb CMS. Zakres objął projekt graficzny, hero z wideo, podstrony usług i historii firmy, wersję mobilną z karuzelami, formularz zapytań i analitykę ruchu.
Wykorzystane technologie
Czego wymagało to wdrożenie
Oferta trafia jednocześnie do inwestora hali produkcyjnej i do właściciela domu jednorodzinnego. Serwis musiał pokazać zaplecze do montażu na dużej wysokości, rozpisać usługi na typy obiektów i jasno wskazać obszar działania, od Suwałk i Białegostoku po Ełk i Łomżę.
Etapy realizacji
Pierwszy ekran zbudowaliśmy na pełnoekranowym wideo, przykrytym granatowym gradientem i grafiką fal nawiązującą do logo. Na telefonie grafika obraca się o 90 stopni i dopasowuje do pionowego kadru, a przyciski wyceny i telefonu zostają w zasięgu kciuka.
Podstronę usług ułożyliśmy od strony klienta: najpierw sześć typów obiektów, które potrzebują wentylacji, potem cztery usługi z konkretnymi zakresami prac, przygotowanie do współpracy w czterech krokach i odpowiedzi na najczęstsze pytania.
Na podstronie O nas pokazaliśmy oś czasu firmy od 2008 roku, misję i kompetencje zespołu, w tym montaż w wysokich halach z własnych podnośników nożycowych. Strona główna prowadzi przez cztery kroki współpracy, od konsultacji po serwis.
Karty z atutami i krokami współpracy na telefonie zamieniają się w karuzelę z przyciąganiem do karty, zamiast ciągnąć się w długiej kolumnie. W całym serwisie pilnujemy też typografii: pojedyncze litery nie zostają na końcu wiersza.
Formularz sprawdza pola od razu po ich opuszczeniu, a te same reguły powtarza serwer. Zapytanie trafia do panelu ze statusem, firma dostaje powiadomienie, a klient potwierdzenie mailem. Limit zgłoszeń z jednego adresu zatrzymuje spam.
Klient prowadzi w panelu Optiweb CMS sekcje, ich kolejność, warianty układu, zdjęcia i SEO każdej podstrony, z historią wersji. Po starcie przeprowadziliśmy audyt bezpieczeństwa: szyfrowanie kluczy, limity logowania i zamknięcie bazy przed publicznym dostępem.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.