Makieta strony
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ć.


Packshothouse: od warsztatu do makiety
Stara strona nie pokazywała poziomu realizacji i była trudna w nawigacji.
Strukturę nowej strony wypracowaliśmy na warsztacie i rozpisaliśmy na makiecie, zanim powstał design.
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.
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.
Powiązane pojęcia
Planujesz nową stronę i nie wiesz, od czego zacząć?
Napisz, co ma się zmienić. Podpowiemy, jak ułożyć strukturę, zanim zacznie się projektowanie.
