Mockup to statyczny, dopracowany wizualnie projekt ekranu, z docelowymi kolorami, typografią i grafiką, ale bez działających interakcji. Pokazuje, jak produkt będzie wyglądał, zanim zostanie zbudowany.
W hierarchii wierności: szkic → wireframe (struktura) → mockup (wygląd) → prototyp (działanie). Mockup jest „fotografią" przyszłego produktu: na jego podstawie klient akceptuje kierunek wizualny, a programiści wyceniają wdrożenie.
Dobre praktyki: makiety projektuje się na realnych treściach (nie „lorem ipsum") i w realnych warunkach: z długimi nazwiskami, brakującymi zdjęciami, ekranem telefonu. Piękna makieta z idealnymi danymi to obietnica, której produkcja nie dotrzyma.
Współcześnie granice się zacierają: narzędzia typu Figma pozwalają łączyć makiety w klikalne prototypy jednym ruchem.