©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ć.
Wszystko to składa się na obraz firmy gotowej, transparentnej i zorganizowanej. Strona wygląda jak coś, co zrobił młody zespół z głową, a nie ekipa ze starym numerem na bilbordzie. Daje klientowi powód, żeby zadzwonić do tych, a nie szukać dalej.
Co dostarczyłem.
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.
Jak to zrobiłem.
Stack: Next.js (App Router), TypeScript, Tailwind CSS, GSAP, Lenis, Vercel. Statyczne renderowanie, strona ładuje się poniżej sekundy, 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.
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.
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.