©2026 · Strona usługowa · Identyfikacja marki
MIK Usługi
Wizytówka dla firmy remontowo-wykończeniowej wchodzącej z JDG w spółkę.
- 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
- Live
- www.mikuslugi.pl
Branża
Budownictwo · Remonty i wykończenia

- 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
- Live
- www.mikuslugi.pl
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
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
- 99Performance
- 100Accessibility
- 100Best Practices
- 100SEO
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 — klient szacuje koszt sam, zanim zadzwoni
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.
Przesuń, aby zobaczyć więcej
Widok mobilny — zgoda, menu z telefonem pod kciukiem i kalendarz od 360 px
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ępności — dni zajętości na zrzucie są przykładowe
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.
MiK
- N° 01O firmie
- N° 02Oferta
- N° 03Współpraca
- N° 04FAQ
- N° 05Kalendarz
- N° 06Kontakt
- Granit#272727
- Kość#f6f7f8
- Złoto#b47a2e
- Stal#475569
- 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.


