Przejdź do treści

©2026 · Strona usługowa · Identyfikacja marki

MIK Usługi

Wizytówka dla firmy remontowo-wykończeniowej wchodzącej z JDG w spółkę.

Branża

Budownictwo · Remonty i wykończenia

Strona MIK Usługi, hero z elewacją domu jednorodzinnego i tagline'em nowej marki
Klient
MIK Usługi
Osoba
Cyryl Miąskowski
Lokalizacja
Bydgoszcz + 50 km
Rok
2026
Zakres
Identyfikacja marki · Wizytówka one-page · Kalkulator wyceny · Wdrożenie

Problem i podejście

Jak z małej JDG zrobić markę, która wygląda jak zespół, a nie jak ekipa z ogłoszenia?

  • Identyfikacja marki
  • Wizytówka one-page
  • Kalkulator wyceny
  • Wdrożenie
Zobacz na żywo

Problem

Cyryl przez lata prowadził remonty jako jednoosobowa działalność. Przeszedł na spółkę, dobudował zespół i postanowił wejść na rynek jako nowa marka. Problem: w budowlance konkurencja jedzie głównie z polecenia, online presence to najczęściej galeria w Facebooku i numer telefonu.

Trzeba było zbudować zaufanie do firmy, której formalnie nie ma jeszcze na rynku, przy zachowanym dorobku wykonawczym.

Podejście

Krótka strona z jednym jasnym hasłem przewodnim: „Nowa marka. Sprawdzone doświadczenie.” W jednym zdaniu klient wie, że firma jest świeża, ale stoi za nią ktoś, kto wie co robi.

Cztery jasno opisane usługi, 4-etapowy proces od wyceny do odbioru i kalkulator pozwalający klientowi samemu oszacować koszt, zanim w ogóle zadzwoni. FAQ zbija typowe wątpliwości klienta remontowego, zanim ten zdąży je sformułować.

Całość składa się na obraz firmy przygotowanej i transparentnej, do której po prostu chce się zadzwonić.

Wynik wdrożenia

Wynik Lighthousemikuslugi.pl · desktop
  • 99
    Performance
  • 100
    Accessibility
  • 100
    Best Practices
  • 100
    SEO
Zakres prac/ N° 01 · CO DOSTARCZYŁEM

Co dostarczyłem.

Klient z polecenia ma w jednym przewinięciu wszystko, czego potrzebuje do decyzji „dzwonię”. Wizytówka one-page z sześcioma sekcjami: hero z tagline, O firmie (3 filary wartości + zespół), Oferta (4 kategorie usług), 4-etapowy proces współpracy, FAQ i formularz kontaktowy.

Cztery kategorie usług, wykończenia wnętrz, elewacje, remonty, instalacje elektryczne, każda z listą zakresu i osobnym CTA „Umów wycenę”. Klient remontowy najczęściej szuka konkretnej usługi, nie firmy ogólnej, sekcje są zoptymalizowane pod ten pattern.

Osobne podstrony: kalkulator wyceny (/calc) jako niskoprogowy CTA, klient sam sobie szacuje koszt bez rozmowy. Galeria realizacji (/gallery) jako social proof. Legal pages (polityka prywatności, cookies) zachowują wizualną spójność z resztą strony.

Formularz kontaktowy z polami imię, email, telefon, firma, wiadomość, minimum tarcia, akceptacja polityki w jednym checkboxie. Trzy ścieżki konwersji: formularz · telefon klikalny · kalkulator.

Kalkulator wyceny MIK, wybór usługi i metraż po lewej, orientacyjne widełki ceny po prawej

Kalkulator wyceny — klient szacuje koszt sam, zanim zadzwoni

Proces/ N° 02 · JAK TO ZROBIŁEM

Jak to zrobiłem.

Strona ładuje się poniżej sekundy i nie ma czym się zestarzeć: bez bazy danych, bez wtyczek, bez podatności na ataki.

Animacje GSAP + smooth scroll Lenis w sekcjach scroll-triggered: fade-up na nagłówkach, staggered reveal kart usług, parallax na hero. Nie efekciarstwo, subtelne ruchy, które sygnalizują „nowoczesny zespół” bez rozpraszania kupującego.

Optymalizacja obrazów przez Next/Image (WebP, lazy loading, responsive sizes). Mobile-first responsywność od 360 px. Większość ruchu w budowlance to telefon. Anchor link nawigacja dla one-page UX, formularz z walidacją client-side.

Hero MIK na telefonie z banerem zgody na cookies i wyborem zakresu
Pełnoekranowe menu mobilne MIK z numerem telefonu jako głównym przyciskiem
Kalendarz dostępnych terminów na telefonie, siatka miesiąca z legendą zajętości

Przesuń, aby zobaczyć więcej

Widok mobilny — zgoda, menu z telefonem pod kciukiem i kalendarz od 360 px

Decyzje projektowe/ N° 03 · DLACZEGO TAK

Dlaczego tak.

One-page zamiast multi-page. Większość ruchu w budowlance to klient z polecenia lub z lokalnego Google'a, który już ma intent. Potrzebuje szybkiej decyzji „dzwonię czy nie”, a nie głębokiej eksploracji oferty. Wszystko above the fold w trzech scrollach.

Tagline „Nowa marka. Sprawdzone doświadczenie.”, bezpośrednia odpowiedź na napięcie pozycjonowania nowej spółki: klient widzi, że firma jest świeża, ale stoi za nią doświadczony wykonawca. 4-etapowy proces i FAQ zabijają niepewność, zanim klient w ogóle ją sformułuje.

Editorial typografia + GSAP zamiast stockowych zdjęć wnętrz, to różnicowanie przez design, najtańszy sposób żeby wyglądać inaczej niż 95% firm remontowych w wynikach Google. Daje wrażenie „młody nowoczesny zespół”, którym MIK rzeczywiście jest.

Kalendarz dostępnych terminów odpowiada na pierwsze pytanie klienta remontowego: „kiedy możecie zacząć”. Zamiast telefonu i odsyłania do oddzwonienia widać siatkę miesiąca z zajętością i najbliższy wolny dzień. Pokazujemy wyłącznie zajętość, bez szczegółów zleceń — tyle wystarczy, żeby klient sam ocenił, czy terminy mu pasują.

Kalendarz dostępnych terminów MIK, siatka sierpnia z legendą i najbliższym wolnym dniem

Kalendarz dostępności — dni zajętości na zrzucie są przykładowe

Język wizualny/ Design system

Design system.

Granit, kość i złoto. Logo klienta przemapowane programowo: niebieskie litery na złoto, dach na granit. Osobowość niesie skala i światło, nie krój — w branży, gdzie konkurencja sięga po „budowlane” kroje, zwykła czytelność wygląda drożej.

Wordmark

MiK

  • 01O firmie
  • 02Oferta
  • 03Współpraca
  • 04FAQ
  • 05Kalendarz
  • 06Kontakt
Paleta
  • Granit#272727
  • Kość#f6f7f8
  • Złoto#b47a2e
  • Stal#475569
Typografia
Hero
Elewacje
H2
Jasne zasady współpracy
Miesiąc
Sierpień
Eyebrow
Najbliższy wolny termin

Tech stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Lenis
  • Vercel

Credits

Projekt i kod
SoraWeb Studio · Aleksander Pietrzak
Stack
Next.js · TypeScript · Tailwind · GSAP · Lenis
Hosting
Vercel

Podobny projekt?

Porozmawiajmy o Twojej stronie.

Każda strona zaczyna się od krótkiej rozmowy o celach. Bez briefu, bez zobowiązań. Najpierw sprawdzam, czy się dogadujemy.