Makieta strony: co to jest i po co ją robić przed designem

Hasło w obszarze UX, strona i konwersja

Makieta strony

Łukasz Bogacz, założyciel CohuboOpublikowano: 2 min czytania

W skrócie

Makieta strony to uproszczony projekt układu podstrony, który pokazuje rozmieszczenie treści, sekcji i przycisków bez finalnej grafiki. Pozwala zatwierdzić strukturę, zanim powstanie design i kod.

Po co robić makietę przed designem?

Makieta pozwala rozmawiać o treści i kolejności sekcji, a nie o kolorach. Zmiana na makiecie zajmuje minuty, a ta sama zmiana w gotowym kodzie potrafi kosztować dni.

Dobra makieta zawiera prawdziwe nagłówki i realne treści, choćby robocze. Dzięki temu od razu widać, czego brakuje i czy strona odpowiada na pytania klientów. Kolejnym krokiem bywa prototyp, po którym można się przeklikać.

Warsztat strategiczny przed projektem strony PackshothouseMakieta strony Packshothouse
Przykład z realizacji

Packshothouse: od warsztatu do makiety

Wyzwanie

Stara strona nie pokazywała poziomu realizacji i była trudna w nawigacji.

Co zrobiliśmy

Strukturę nowej strony wypracowaliśmy na warsztacie i rozpisaliśmy na makiecie, zanim powstał design.

Efekt

Strona, na której realizacje grają główną rolę, a droga do wyceny jest krótka. W miesiąc po premierze przybyło 41% nowych aktywnych użytkowników.

Case study Packshothouse

Najczęstsze błędy

  • Makieta z wypełniaczem zamiast treści

    Tekst zastępczy ukrywa problemy z treścią. Lepiej wpisać robocze nagłówki niż zakładać, że tekst znajdzie się później.

  • Makieta jako gotowy projekt graficzny

    Zbyt wcześnie dopracowany wygląd odciąga rozmowę od struktury i utrudnia zmiany.

  • Akceptacja bez wersji mobilnej

    Makieta na telefon pokazuje kolejność treści, o której łatwo zapomnieć, patrząc tylko na desktop.

Pytania i odpowiedzi

Czym różni się makieta od prototypu?

Makieta pokazuje układ jednej podstrony. Prototyp łączy makiety lub projekty w klikalną całość, po której można przejść jak po prawdziwej stronie.

W jakim narzędziu robi się makiety?

Najczęściej w Figmie, ale liczy się zawartość, nie narzędzie. Makietę można też przygotować jako prostą stronę w przeglądarce.

Ile trwa przygotowanie makiety?

Makieta powstaje szybciej niż design, bo nie wymaga dopracowania grafiki. Konkretny termin zależy od liczby podstron i od tego, czy treści i cele są już ustalone.

Pytanie o: Makieta strony

Planujesz nową stronę i nie wiesz, od czego zacząć?

Napisz, co ma się zmienić. Podpowiemy, jak ułożyć strukturę, zanim zacznie się projektowanie.

    SZYBKI KONTAKT / WYCENA

    Porozmawiajmy o Twoim projekcie

      Co się stanie po wysłaniu?
      Odpowiadam na wiadomość 
za zwyczaj w ciągu 1h
      Łukasz Bogacz, Cohubo
      Łukasz Bogacz
      Cohubo, Founder
      Wolisz bezpośredni kontakt?
      Zadzwoń: +48 501 705 917
      lub napisz: lukasz@cohubo.eu