Start Słownik Makieta strony (wireframe)

Makieta strony (wireframe)

Makieta strony (wireframe) to uproszczony szkic układu strony: gdzie są nagłówki, przyciski, zdjęcia, opinie i formularz, jeszcze bez kolorów i grafiki. Służy do ustalenia treści i kolejności sekcji przed projektem.
Jarek Szmajduch

Jarek Szmajduch · Aktualizacja: 8 listopada 2026

Makieta strony, po angielsku wireframe, to uproszczony szkic układu strony pokazujący, co i w jakiej kolejności znajdzie się na ekranie — nagłówek, przyciski, zdjęcia, opinie, formularz — jeszcze bez kolorów i ostatecznej grafiki.

Makieta to etap, na którym najtaniej zmienić zdanie. Przesunięcie sekcji na szkicu zajmuje chwilę, a na gotowej stronie wymaga przebudowy. Z makiety zaczynam każdy projekt w usłudze strony internetowe.

  • Co powinna pokazywać makieta strony usługowej

    • Pierwszy ekran: nazwa usługi, miejsce, telefon i przycisk kontaktu.
    • Kolejność sekcji: oferta, zdjęcia z realizacji, opinie, obszar działania, FAQ, kontakt.
    • Gdzie są przyciski i dokąd prowadzą.
    • Wersję na telefon, bo z niej przychodzi duża część klientów.

    Makieta to plan UX (doświadczenia użytkownika), a wygląd przycisków, kolory i typografia to już UI (interfejs użytkownika).

  • Makieta a treść

    Dobra makieta powstaje razem z treścią, a nie z „lorem ipsum”. Dopiero gdy widać prawdziwe nagłówki i prawdziwe pytania klientów, wiadomo, czy sekcja ma sens. Google zaleca tworzenie treści przede wszystkim dla ludzi — makieta to dobry moment, żeby sprawdzić, czy strona odpowiada na pytania, które klienci zadają przez telefon. Co przygotować przed tym etapem, opisuję we wpisie co przygotować do nowej strony.

  • Jeden projekt zamiast trzech

    Na podstawie makiety powstaje jeden przemyślany projekt, a nie trzy warianty do wyboru. Dlaczego tak pracuję, wyjaśniam we wpisie dostaniesz ode mnie jeden projekt, nie trzy, a cały proces opisuję we wpisie projekt strony internetowej dla małej firmy.

  • Co sprawdzić, zanim zaakceptujesz makietę

    Czy na pierwszym ekranie widać, co robisz i gdzie? Czy telefon jest pod ręką na każdym etapie przewijania? Czy każda główna usługa ma swoją podstronę? Jeśli odpowiedź na któreś pytanie brzmi „nie”, popraw to teraz, a nie po wdrożeniu.

4,9

★★★★★

średnia z 55 opinii
w Google

Chcesz, żeby to działało w Twojej firmie?

Na co dzień ustawiam to firmom usługowym z Żor i okolic. Zobacz, jak wygląda współpraca i od czego zaczynam.

  • Odpowiadam osobiście — rozmawiasz ze mną, nie z handlowcem

Przykład z praktyki

Przykładowo: firma od ogrodzeń z Orzesza dostaje makietę strony głównej. Na szkicu widać, że opinie są dopiero na samym dole, a formularz wymaga ośmiu pól. Właściciel prosi o przeniesienie opinii pod ofertę i skrócenie formularza do trzech pól. Zmiana zajmuje kilka minut, bo nic nie jest jeszcze zaprojektowane ani zakodowane.

Realizacje

Zobacz, jak to wygląda u klientów

Strony i wizytówki firm usługowych, które zrobiłem — od instalatorów po gabinety kosmetyczne.

  • Prawdziwe firmy z Żor, Pawłowic, Katowic i okolic

Najczęstsze pytania

Makieta pokazuje układ i treść, projekt graficzny — wygląd: kolory, czcionki, zdjęcia. Najpierw układ, potem wygląd.

Tak, nawet przy stronie z kilkoma podstronami. Pozwala ustalić kolejność sekcji, zanim ktokolwiek zacznie projektować.

Najczęściej w programach do projektowania, ale wystarczy też kartka. Liczy się układ i treść, a nie narzędzie.

Zwykle projektant albo wykonawca strony, ale właściciel firmy powinien ją przejrzeć i zaakceptować — to on najlepiej zna pytania klientów.

Więcej na ten temat

Zobacz też

Źródła

Bezpłatnie i bez zobowiązań

Sprawdzę, co blokuje telefony od klientów

Nagram krótkie wideo z audytem Twojej strony i wizytówki Google. Dostaniesz je na e-mail w ciągu 2 dni roboczych.

  • Strona: telefon, wersja mobilna, podstrony usług
  • Wizytówka Google: kategorie, opinie, zdjęcia
  • Kto jest wyżej w Google na Twoją usługę i dlaczego

★★★★★ 4,9/5 · 55 opinii w Google · Jarek Szmajduch, Żory