Wróć do case study

Strona dla fachowców: elektryków, hydraulików i ekip remontowych

Wizytówka dla fachowców, hydraulików elektyków, usług remontowych, glazurników itp.

Świadczysz usługi remontowe, jesteś hydraulikiem, elektrykiem i chciałbyś mieć stronę internetową? Możesz zlecić ją profesjonalnej firmie, albo zrobić samemu. Każde z tych rozwiązań ma swoje wady i zalety. Jeżeli chcesz mieć wszystko dopieszczone, wykonane tak jak chcesz i masz budżet na stronę - to oczywiście zleć zawodowcom. Ale jeżeli potrzebujesz mieć szybko i tanio swoje miejsce w sieci - zapoznaj się z tym artykułem. Koszt wykonania jest niewielki, a możliwości takie strony są spore:

  • Możez zamieścić zdjęcia z wykonywaych prac - to znacznie polepsza atrakcyjnosć oferty, w porównianiu do papierowj wizytówki
  • Możesz zamieścić video z YT z prezentajcą swoich usług albo relacją z roboty - w dzisiejszym świecie video działa bardzo dobrze
  • Wizytówka ułatwi uzyskiwanie poleceń - łatwo ją wysłać przez komunikatory, zameścić na aucie, a Klient od razu uzyskuje zdjęcia z prac

Co powinna zawierać dobra wizytówka online

  • numer telefonu (klikalny)
  • zakres usług
  • kilka zdjęć
  • (opcjonalnie) wideo z realizacji

ile to kosztuje?

  • domena 18 zł za pierwszy rok/ około 80 przedłużenie w kolejnym roku
  • hosting 15 zł /rok
  • szablon: 0 zł
  • czas 30 - 60 minut

Dla kogo NIE jest taka strona wizytówka?

Jeżeli potrzebujesz zaawansowanych funkcji, na przykład rezerwacji, logowania, zakładanie kont użytkowników, analityki internetowej lub zaawansowango seo - wybierz stronę przygotowaną przez profesjonalną firmę.

W przykładzie poniżej zbudujemy wizytówkę dla osoby zajmującej sie remontami, inne wersje wykombinujesz sam.

Zobacz demo

Krok 0: Zamów hosting Bieda15

Hosting kosztuje 15 PLN na rok i powinien wystarczyć do tego zastosowania.

👉 zamów hosting

Krok 1: Kup domenę

Możesz dzialać na darmowej subdomenie od biedahostingu, ale na własnej wygląda to zdecydowanie lepiej. Możesz poszukać domen w lokalnych, np. waw.pl - dzięki temu będziesz miał większy wybór ciekawych adresów. Możesz poszukać promocji u różnych dostawców - ale pamiętaj, że nawet takie super oferty są droższe przy przedłużeniu za rok.

👉 Kup domenę - link afiliacyjny

Krok 2: Podłącz domenę do hostingu

W panelu domeny zmień ustawienia DNS na ns1.microhost.pl i ns2.microhost.pl i dodaj domenę w panelu swojego hostingu przez Zarządzenie kontami-> Zarządzanie domenami -> dodaj nową. Rozpropagowanie zmian w DNS moze zająć dłuższy czas, dlatego wynik może być widoczny nawet następnego dnia.

Krok 3: Podłącz darmowy certyfikat SSL

W panelu hostingu, który otrzymałeś po zakupie przejdż do Zarządzanie kontami -> certyfikaty SSL. Wybierz "Uzyskaj automatyczny certyfikat od dostawcy ACME". Wypełnij pola i wybierz zapisz.

Krok 4: Kod strony z linkami

Kod strony możesz wygenrować w AI, ale oczywiście polecamy wykonać samodzielnie. Mozesz kombinować z promptami, a możesz zacząć od najprostszego, czyli np. wygeneruj stronę w html i css dla osoby zajmującej się remontami. Możesz spróbować doprecyzować np. zmień kolor nagłówka, a także eksperymentówać z róznymi modelami AI. Umieść kod strony w pliku index.html w folderze publi_html dodanej domeny. Mój przykład wyglada tak - skopiuj cały kod do swojego pliku index.html:

        <!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Marek Kowalski - Remonty & Wykończenia</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Work+Sans:wght@400;600;700&display=swap" rel="stylesheet">
    
</head>
<body>
<!-- Navigation Menu -->
<nav>
    
        MK REMONTY
        <button id="nav-toggle">
            
            
            
        </button>
        <ul id="nav-menu">
            <li><a href="#uslugi">Usługi</a></li>
            <li><a href="#realizacje">Realizacje</a></li>
            <li><a href="#o-mnie">O Mnie</a></li>
            <li><a href="#kontakt">Kontakt</a></li>
            <li><a href="tel:+48600123456">Zadzwoń</a></li>
        </ul>
      <p></nav>
    <!-- Sticky CTA Header --></p>
      <p>MAREK KOWALSKI</p>
      <p><a href="tel:+48600123456">
            +48 600 123 456
        </a></p>
      <p><section></p>
      <p>PROFESJONALNIE OD 1998
            <h1>MAREK<br>KOWALSKI</h1></p>
      <p>Remonty • Wykończenia • Adaptacje</p>
      <p><a href="#kontakt">Zamów Wycenę</a></p>
      <p></section></p>
      <p><section id="uslugi"></p>
      <h2>Co Robię?</h2>
      <p>Kompleksowe usługi remontowo-budowlane</p>
      <p>🔨</p>
      <h3>Remonty Mieszkań</h3>
      <p>Kompleksowe remonty od A do Z. Przygotowanie projektu, zakup materiałów, wykonanie wszystkich prac wykończeniowych. Terminowo i solidnie.</p>
      <p>🧱</p>
      <h3>Prace Murarskie</h3>
      <p>Murowanie ścian, tynkowanie, wylewki. Doświadczenie w pracy z różnymi materiałami: cegła, pustaki, beton komórkowy.</p>
      <p>🎨</p>
      <h3>Malowanie & Gładź</h3>
      <p>Przygotowanie powierzchni, gładzie gipsowe, malowanie farbami wysokiej jakości. Idealne wykończenie ścian i sufitów.</p>
      <p>🚿</p>
      <h3>Łazienki</h3>
      <p>Układanie płytek, montaż armatury, hydroizolacja. Kompleksowe wykończenie łazienek według projektu klienta.</p>
      <p>🪟</p>
      <h3>Stolarka & Podłogi</h3>
      <p>Montaż drzwi, paneli, parkietu. Precyzyjne wykończenie zgodnie z najwyższymi standardami.</p>
      <p>⚡</p>
      <h3>Instalacje</h3>
      <p>Współpraca z zaufanymi elektrykami i hydraulikami. Kompleksowa obsługa wszystkich instalacji w mieszkaniu.</p>
      <p></section></p>
      <p><section id="realizacje"></p>
      <h2>Realizacje</h2>
      <p>Wybrane projekty z ostatnich lat</p>
      <p><h4>Remont 60m² Warszawa</h4></p>
      <p><h4>Łazienka Mokotów</h4></p>
      <p><h4>Kawalerka Śródmieście</h4></p>
      <p><h4>Dom Podwarszawski</h4></p>
      <p><h4>Biuro 120m²</h4></p>
      <p><h4>Adaptacja Strychu</h4></p>
      <p></section>
    <section id="o-mnie"></p>
      <h2>Poznaj Mnie</h2>
      <p>Kilka słów o mojej pracy i doświadczeniu</p>
      <p><iframe 
                    src="https://www.youtube.com/embed/vjcbuy9P6OA" 
                    title="Film prezentacyjny" 
                    frameborder="0" 
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                    allowfullscreen>
                </iframe></p>
      <h3>Dlaczego Warto Mi Zaufać?</h3>
      <ul>
                    <li>✓ Ponad 25 lat doświadczenia w branży budowlanej</li>
                    <li>✓ Setki zadowolonych klientów w Warszawie i okolicach</li>
                    <li>✓ Gwarancja na wykonane prace</li>
                    <li>✓ Terminowość i solidność w każdym projekcie</li>
                    <li>✓ Indywidualne podejście do każdego zlecenia</li>
                </ul>
      <p></section>
    <section id="kontakt"></p>
      <h2>Skontaktuj Się</h2>
      <p>Zamów bezpłatną wycenę lub umów spotkanie</p>
      <h3>Telefon</h3>
      <p><a href="tel:+48600123456">+48 600 123 456</a></p>
      <h3>Email</h3>
      <p><a href="mailto:kontakt@remonty-kowalski.pl">kontakt@remonty-kowalski.pl</a></p>
      <h3>Obszar Działania</h3>
      <p>Warszawa i okolice<br>(do 50 km)</p>
      <p></section></p>
      <p><footer>
        MAREK KOWALSKI</p>
      <p>© 2026 Wszystkie prawa zastrzeżone | Remonty & Wykończenia</p>
      <p></footer></p>
      <p><!-- Lightbox --></p>
      <p><button onclick="closeLightbox()">×</button></p>
      <p></body>
</html>
    

Krok 5: Zmodyfkuj potrzebne informacje i obrazy

Zgodne z Waszymi planami informacje możesz modyfkować przez AI (jeżeli go używasz) podczas tworzenia szablonu strony. Możesz wpisać na przykład "zmień obszar działań na: " Takie podejcie oczywiscie zadziała, ale jeżeli masz trochę zacięcia technicznego - to polecam zmodyfikować informacje i linki ręcznie. Kod W moim szablonie mam fragmenty:

  • Imię i nazwisko i numeer telefonu - Znajdż wszystkie wystąpienia nazwiska Marek Kowalski i numeru telefonu w moim szablonie - zamień na własne dane.
  • Zakres usług - znajdz fragment z zakresem usług, zmień je zgodnie z informacjami o sobie
  •         <h2>Co Robię?</h2>
          <p>Kompleksowe usługi remontowo-budowlane</p>
          <p>🔨</p>
          <h3>Remonty Mieszkań</h3>
          <p>Kompleksowe remonty od A do Z. Przygotowanie projektu, zakup materiałów, wykonanie wszystkich prac wykończeniowych. Terminowo i solidnie.</p>
          <p>🧱</p>
          <h3>Prace Murarskie</h3>
          <p>Murowanie ścian, tynkowanie, wylewki. Doświadczenie w pracy z różnymi materiałami: cegła, pustaki, beton komórkowy.</p>
          <p>🎨</p>
          <h3>Malowanie & Gładź</h3>
          <p>Przygotowanie powierzchni, gładzie gipsowe, malowanie farbami wysokiej jakości. Idealne wykończenie ścian i sufitów.</p>
          <p>🚿</p>
          <h3>Łazienki</h3>
          <p>Układanie płytek, montaż armatury, hydroizolacja. Kompleksowe wykończenie łazienek według projektu klienta.</p>
          <p>🪟</p>
          <h3>Stolarka & Podłogi</h3>
          <p>Montaż drzwi, paneli, parkietu. Precyzyjne wykończenie zgodnie z najwyższymi standardami.</p>
          <p>⚡</p>
          <h3>Instalacje</h3>
          <p>Współpraca z zaufanymi elektrykami i hydraulikami. Kompleksowa obsługa wszystkich instalacji w mieszkaniu.</p>
          <p></section></p>
          <p>
        

  • Galeria zdjęć - w panelu hostingu utwórz folder img i wgraj do niego zdjęcia. Następnie zmodyfkuj fragment:
  •         <section id="realizacje">
            
                <h2>Realizacje</h2>
          <p>Wybrane projekty z ostatnich lat</p>
          <p><h4>Remont 60m² Warszawa</h4></p>
          <p><h4>Łazienka Mokotów</h4></p>
          <p><h4>Kawalerka Śródmieście</h4></p>
          <p><h4>Dom Podwarszawski</h4></p>
          <p><h4>Biuro 120m²</h4></p>
          <p><h4>Adaptacja Strychu</h4></p>
          <p></section>
         

  • Sekcja video- zmodyfikuj poniższy fragment. W miejsce XXXXX wstaw ID wybranego filmu z yt
    <section id="o-mnie">
    
        <h2>Poznaj Mnie</h2>
      <p>Kilka słów o mojej pracy i doświadczeniu</p>
      <p><iframe 
                    src="https://www.youtube.com/embed/XXXXXX" 
                    title="Film prezentacyjny" 
                    frameborder="0" 
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                    allowfullscreen>
                </iframe></p>
      <h3>Dlaczego Warto Mi Zaufać?</h3>
      <ul>
                    <li>✓ Ponad 25 lat doświadczenia w branży budowlanej</li>
                    <li>✓ Setki zadowolonych klientów w Warszawie i okolicach</li>
                    <li>✓ Gwarancja na wykonane prace</li>
                    <li>✓ Terminowość i solidność w każdym projekcie</li>
                    <li>✓ Indywidualne podejście do każdego zlecenia</li>
                </ul>
      <p></section>
  • Dane kontaktowe - zmodyfikuj fragment
<section id="kontakt">
        
            <h2>Skontaktuj Się</h2>
      <p>Zamów bezpłatną wycenę lub umów spotkanie</p>
      <h3>Telefon</h3>
      <p><a href="tel:+48600123456">+48 600 123 456</a></p>
      <h3>Email</h3>
      <p><a href="mailto:kontakt@remonty-kowalski.pl">kontakt@remonty-kowalski.pl</a></p>
      <h3>Obszar Działania</h3>
      <p>Warszawa i okolice<br>(do 50 km)</p>
      <p></section></p>
      <p><footer>
        MAREK KOWALSKI</p>
      <p>© 2026 Wszystkie prawa zastrzeżone | Remonty & Wykończenia</p>
      <p></footer></p>
      <p>

Dlaczego to działa na tanim hostingu?

Do takiego zadania nie potrzebujesz VPS-a ani chmury. Wystarczy: biedahosting, najprostsza oferta pozwlająca na utrzymnie strony w internecie. Właśnie do takich małych rzeczy powstał BiedaHosting — prosty, tani i bez umów.

Faq

  • Ile kosztuje taka strona?
    Sama strona jest darmowa - koszt to hosting i domena - razem kilkadziesiąt złotych rocznie
  • Czy muszę znać HTML?
    Modyfikacja szablonu wymaga podstawowej znajomości html, ale przy odrobinie uważnosci można zmodyfikować tylko potrzebne dane. Można również modyfikować strony z pomocą AI.
  • Czy mogę mieć własną domenę i maila?
    Tak, oczywiscie, możesz wystawić stronę na własnej domenie i własnie do takiego rozwiażania zachęcamy
  • Czy to działa na telefonie?
    Tak, szablon prawidłowo wyświetla sie na telefonie.

👉 Powrót do oferty BiedaHostingu

Chcę przetestować