Serwis branży wentylacyjnej

Strona firmowa HVAC - serwis dla branży wentylacyjnej

Strona prezentacyjna dla firmy z branży wentylacyjnej. Nowoczesny design, szybkość, SEO-optymalizacja i formularz kontaktowy zwiększający liczbę zapytań.

NDA

KlientNDA / branża HVAC

BranżaHVAC i wentylacja

Rok2024

TypSerwis branży wentylacyjnej

Realizacja MKM Labs: Strona firmowa dla branży wentylacyjnej - nowoczesny serwis

Success story

Co zrobiliśmy

Dostarczyliśmy nowoczesną stronę na React + Vite, zoptymalizowaną pod Core Web Vitals. Pełna struktura treści dopasowana do fraz branżowych (wentylacja mechaniczna, rekuperacja, klimatyzacja przemysłowa), sekcja realizacji, kalkulator doboru i formularz kontaktowy z routingiem per typ zapytania.

2024 rok realizacji

5+ obszary prac

React 19.2 główny stack

Problem

Wyzwanie biznesowe

Firma wentylacyjna korzystała ze stronicy z 2015 roku, która ładowała się powoli, nie była responsywna i nie pozycjonowała się na żadne istotne frazy. Formularze kontaktowe generowały kilka zapytań miesięcznie przy wyraźnym zapotrzebowaniu rynku.

Rozwiązanie

Jak to ułożyliśmy

Rezultaty

Efekt wdrożenia

PageSpeed 95+ na desktop, 88+ na mobile
Wzrost liczby zapytań przez formularz o ~4x
Kalkulator doboru wentylacji zbiera konkretne zapytania od klientów, którzy chcą wycenę.
Pełna zgodność z WCAG 2.1 AA

Zakres

Co dostarczyliśmy

Strona firmowaSEO branżoweKalkulator doboruFormularz kontaktowyUX/UI

Stack

Technologie

React 19.2ViteTailwind CSS 4.3Node.js 26

W środku serwisu

Funkcjonalności - przejście po module

Realizacja objęta NDA, więc zamiast zrzutów opisujemy przejście po serwisie: jak zbudowana jest strona, jak ułożone są treści pod frazy branżowe, co robi kalkulator doboru, jak trafiają zapytania i co dokłada warstwa AI.

Funkcja 01

Serwis na React i Vite, optymalizowany pod Core Web Vitals

Stronę z 2015 roku - wolną i nieresponsywną - zastąpił serwis na React + Vite, budowany od początku pod Core Web Vitals. Wynik to PageSpeed 95+ na desktopie i 88+ na mobile, więc strona nie traci ruchu na samym ładowaniu. Całość spełnia WCAG 2.1 AA, czyli działa też dla użytkowników korzystających z klawiatury i czytników ekranu.

Funkcja 02

Struktura treści pod frazy branżowe

Treść serwisu jest rozpisana pod realne zapytania rynku: wentylacja mechaniczna, rekuperacja, klimatyzacja przemysłowa. Poprzednia strona nie pozycjonowała się na żadną istotną frazę, mimo wyraźnego zapotrzebowania. Sekcja realizacji pokazuje wykonane wdrożenia, więc do frazy branżowej dołożony jest dowód wykonania.

Funkcja 03

Kalkulator doboru wentylacji

Kalkulator doboru wentylacji pozwala odwiedzającemu samodzielnie oszacować, czego potrzebuje, zanim w ogóle napisze zapytanie. Daje konkretną wartość na miejscu, a przy okazji porządkuje parametry, z którymi klient wchodzi w kontakt. To narzędzie, którego stary serwis nie miał w ogóle.

Funkcja 04

Formularz kontaktowy z routingiem per typ zapytania

Formularz nie wrzuca wszystkiego do jednej skrzynki - zapytania są kierowane zależnie od typu sprawy, więc trafiają od razu do właściwej osoby. Wcześniej formularze generowały kilka zapytań miesięcznie; po wdrożeniu liczba zapytań wzrosła około 4-krotnie. To domknięcie ścieżki: fraza branżowa, kalkulator, konkretne zapytanie.

Funkcja 05

Warstwa AI - asystent doboru i kwalifikacji zapytań

Nad serwisem i kalkulatorem projektujemy warstwę AI: agenta z dostępem do treści strony i parametrów doboru, który prowadzi rozmowę o wentylacji mechanicznej, rekuperacji czy klimatyzacji przemysłowej. Odpowiada wyłącznie na podstawie materiałów z serwisu i wskazuje, z której sekcji lub realizacji korzysta, a gdy pytanie wykracza poza opublikowane dane - mówi to wprost i kieruje do kontaktu. Dla firmy to wstępna kwalifikacja: agent zbiera parametry obiektu i przekazuje uporządkowane zapytanie tam, gdzie kieruje je formularz. Każde zapytanie trafia do dziennika audytu.

Agent z narzędziamiOdpowiedzi wyłącznie z treści serwisuWskazanie sekcji źródłowejDziennik audytu zapytańWstępna kwalifikacja zapytania

Chcesz podobny efekt?

Przynieś problem, obecny proces albo starą stronę. Powiemy, co warto przebudować, co zostawić i gdzie automatyzacja ma realny sens.

Porozmawiajmy