Projekt, budowa i pozycjonowanie dwujęzycznej strony dla firmy remontowej i inwestycyjnej w Warszawie

Dlaczego strona dla firmy remontowej trudno wygląda premium

Najciekawszy problem w tym projekcie nie był techniczny.

Remonty to nie kategoria, w której pozycja premium przychodzi łatwo. Rynek jest zatłoczony, większość konkurencji konkuruje ceną, a język branży domyślnie sięga po stopnie najwyższe, które podkopują dokładnie to, czego szuka klient z wyższego segmentu. Jednocześnie najszybsza droga do gotowej strony — wygenerowany szablon ubrany w zdjęcia ze stocka — daje coś, co wygląda jak każda inna strona w kategorii. A to jedyny efekt, którego pozycja premium nie przetrwa.

To napięcie było realne i warte potraktowania poważnie, a nie rozstrzygnięcia preferencją. Wygenerowany układ jest szybki, tani i przewidywalny, i są to prawdziwe zalety. Czego nie potrafi, to zasygnalizować powściągliwości — a powściągliwość jest tym, po czym wyższy segment się rozpoznaje.

Jak wspólnie z klientem rozstrzygnęliśmy pytanie o szablon

Rozwiązanie wzięło się z rozdzielenia dwóch rzeczy, które szablon w rzeczywistości daje.

Szybkość i przewidywalność struktury — znany układ, znany zestaw sekcji, brak wymyślania od nowa, gdzie co stoi — okazały się warte zachowania. Odejść musiała wizualna jednakowość: gradientowe poświaty, karuzela uśmiechniętych robotników w kaskach, odliczanie czasu, agresywne animacje przy przewijaniu. To one sprawiają, że szablon rozpoznaje się jako szablon — i to one dokładnie sprawiają, że strona remontowa czyta się jako tania.

Strona powstała więc z dyscypliną systemu: stała biblioteka bloków, język projektowy oparty na tokenach, sekcje składające się przewidywalnie — i bez żadnego z wizualnych domyślnych ustawień, które przychodzą razem z generowanym projektem. Klient dostał szybkość i możliwość samodzielnej edycji. Kategoria dostała stronę, która nie wygląda jak kategoria.

Powściągliwość jako język premium na stronie remontowej

Premium w tym sektorze definiuje się bardziej przez to, czego nie ma, niż przez to, co jest.

Bez gradientowego szumu i poświat. Bez karuzeli ze stocka. Bez wyskakujących okien przy próbie wyjścia. Bez „zostały 3 miejsca" i rabatów do końca miesiąca. Bez agresywnych animacji pojawiania się. Paleta to ciepła skala ziemista — od kremu przez piasek po głęboki drzewny ton — wybrana dlatego, że są to kolory materiałów, z którymi firma faktycznie pracuje: drewno, kamień, tynk, glina, naturalna tkanina. Strona mówi językiem branży, nie ilustrując jej dosłownie.

Przez całość przebiega jedna zasada: każdy cień na stronie pada w tę samą stronę, jak od jednego niskiego słońca. To szczegół, którego nie da się nazwać, patrząc na stronę, i zarazem różnica między stroną, która sprawia wrażenie przemyślanej, a taką, która sprawia wrażenie złożonej z kawałków.

Rozdzielenie strony remontowej i strony inwestycyjnej na pierwszym kliknięciu

Zamiast wciskać oba biznesy w jedną ścieżkę, strona rozdziela odbiorców w pierwszym punkcie kontaktu.

Ekran otwierający proponuje dokładnie dwoje drzwi — remonty i inwestycje — jako pełnowysokościowe karty, każda z własnym zdjęciem tła, własnym podtytułem i własną obietnicą. To nie są dwa przyciski wśród pięciu; to jedyna decyzja na ekranie.

Po kliknięciu odwiedzający znajduje się na wydzielonej gałęzi z własnym hubem, własnymi usługami i własnym językiem opisu, pozostając wewnątrz jednego systemu wizualnego. Podstrony inwestycyjne nie są rozcieńczone płytkami i panelami; remontowe nie są obciążone terminologią gruntów. Jedna marka, dwie ścieżki, jedna strona do utrzymania.

Jedno źródło usług zasilające hub remontowy i inwestycyjny

Za tym podziałem stoi rozwiązanie strukturalne warte opisania, bo to ono sprawia, że strona jest tania w utrzymaniu.

Zamiast prowadzić dwie równoległe listy usług, wszystkie usługi żyją w jednym typie wpisów z polem sektora. Hub remontowy wyświetla wpisy oznaczone jako remontowe, hub inwestycyjny — inwestycyjne, wspólne archiwum — wszystkie.

Nowa usługa dodawana jest raz i trafia do właściwego hubu automatycznie. Można ją przenieść między sektorami jednym kliknięciem, bez zmian w szablonach. Wspólne komponenty — karta, siatka, najechanie, ikona — istnieją w jednym egzemplarzu, więc oba sektory nie mogą się wizualnie rozjechać. Gałąź w drugim języku dziedziczy tę samą logikę przez to samo pole.

Kalkulator kosztów remontu, który odpowiada na pytanie o cenę

Każda firma remontowa unika publikowania cen. Każdy potencjalny klient chce chociaż rzędu wielkości, zanim z kimkolwiek porozmawia. W tej luce ginie większość zapytań: człowiek wchodzi, nie znajduje żadnej liczby, zamyka kartę i otwiera następną.

Kalkulator jest bezpośrednią odpowiedzią. Pięć kroków — metraż i typ obiektu, liczba łazienek, standard wykończenia, potrzeba projektu, lokalizacja — dających przedział cenowy rozbity na robociznę i projekt zamiast jednej nieprzejrzystej sumy.

Niosą go dwie decyzje. Model cenowy liczy się po stronie serwera, w edytowalnych opcjach, więc stawki nigdy nie trafiają do frontendu, a klient zmienia je bez programisty. I wynik pojawia się przed poproszeniem o dane kontaktowe: strona najpierw daje, potem prosi. Wariant „zostaw numer, a policzymy" odbierany jest jak pułapka i odsiewa większość odbiorców dokładnie w momencie wymiany.

Formularz zapytania remontowego ze zdjęciami zamiast opisu

Drugie narzędzie rozwiązuje problem lustrzany — niepewność po stronie firmy.

Formularz pyta o imię i telefon jako jedyne pola obowiązkowe. Opis zakresu prac jest nieobowiązkowy celowo: osoba, która nie wie, jak opisać swój remont, porzuci formularz, który tego wymaga, a resztę i tak da się ustalić w rozmowie.

Opis zastępują zdjęcia — do dziesięciu ujęć pomieszczenia, zrobionych telefonem w kilka sekund. Dla firmy to różnica między „stara łazienka" a obrazem pokazującym płytki, stan ścian, instalacje, typ okien i wysokość pomieszczenia. Wycena jest trafniejsza za pierwszym razem, wizyt tylko po to, żeby zobaczyć, jest mniej, a pierwsza rozmowa zaczyna się od konkretów.

Każde wysłanie dociera do zespołu natychmiastowym powiadomieniem ze zdjęciami, zamiast czekać w skrzynce, aż ktoś ją otworzy. W kategorii, w której klient pisze równolegle do trzech wykonawców, szybkość pierwszej odpowiedzi bywa całym czynnikiem wyboru.

Pozycjonowanie strony remontowej i inwestycyjnej w Warszawie jednocześnie

Stronę musiały znaleźć cztery różne osoby szukające czterech różnych rzeczy: ktoś potrzebujący remontu, ktoś z gruntem pod inwestycję i — ponieważ oba kierunki rosną przez wyszukiwanie — praca nad widocznością każdego z nich.

Większość tej roboty wykonała architektura. Dziesięć osobnych podstron usługowych w dwóch sektorach, każda z własnym nagłówkiem, własną treścią i własnym odpowiednikiem w drugim języku, składa się na dwadzieścia indeksowalnych podstron zbudowanych pod konkretne zapytania, zamiast jednej strony Usługi konkurującej sama ze sobą.

Wokół tego: okruszki na wszystkich podstronach, kanoniczne adresy, pary hreflang między wersjami językowymi, Open Graph i karty Twittera z poprawnymi obrazami, sensowne teksty alternatywne przy zdjęciach galerii, ustrukturyzowane FAQ na podstronie kalkulatora łapiące zapytania z długiego ogona i gęste linkowanie wewnętrzne z pełną listą dziesięciu usług w stopce każdej podstrony.

Podstrona kalkulatora zasługuje na osobną wzmiankę: odpowiada na komercyjne zapytanie „ile kosztuje remont mieszkania w Warszawie" narzędziem i rozwiniętymi odpowiedziami, a nie odsyłaczem do formularza. To typ podstrony, który zbiera ruch i konwertuje go w tej samej wizycie, bo domyka intencję w całości.

Wnioski z budowy dwujęzycznej strony dla firmy remontowej i inwestycyjnej

Ciekawe ograniczenie w tym projekcie było handlowe, nie techniczne: pozycja wyższego segmentu w kategorii, w której słownictwo jakości jest zużyte, a najszybsza droga do gotowej strony gwarantuje wygląd taki jak u wszystkich.

Rozstrzygnęło je rozdzielenie struktury od stylistyki. Dyscyplina systemu — przewidywalne bloki, projekt oparty na tokenach, ograniczona edycja — jest tym, co czyni stronę szybką w budowie i bezpieczną w utrzymaniu przez klienta. Wizualne ustawienia domyślne, które zwykle przychodzą razem z nią, są tym, co czyni stronę generyczną. Zachowanie pierwszego i odrzucenie drugiego dało jednocześnie powściągliwość, której wymaga segment, i wynik 96/98/100/100 na działającej wersji.

Reszta wynika z tej decyzji: projekt, który klient może rozbudowywać, nie psując go, dwóch odbiorców obsłużonych bez dwóch stron i struktura wyszukiwania traktująca każdy kierunek biznesu jako osobny rynek.