---
title: "Mockup (makieta) – rola w procesie projektowym | Sweet Lava"
description: "Mockup to dopracowany wizualnie, statyczny projekt ekranu: docelowe kolory i typografia, bez interakcji. Zobacz, czym różni się od wireframe'u i prototypu."
url: https://sweetlava.eu/pl/slownik/mockup-makieta/
lang: pl
alternate_en: https://sweetlava.eu/en/glossary/mockup/
---

UX i product design 

# Czym jest Mockup (makieta)?

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.

## Powiązane usługi

- [ Audyt UX i projektowanie UX/UI → ](https://sweetlava.eu/pl/uslugi/ux-ui-ax/)

## Powiązane pojęcia

- [Prototyp](https://sweetlava.eu/pl/slownik/prototyp/)
- [UI (user interface)](https://sweetlava.eu/pl/slownik/ui/)
- [Wireframe](https://sweetlava.eu/pl/slownik/wireframe/)

## Chcesz wiedzieć, gdzie Twój produkt traci użytkowników?

Audyt UX kończy się priorytetyzowaną listą poprawek z uzasadnieniami. Zakres i wycenę przygotowujemy w kilka dni.

[ Napisz do nas ](https://sweetlava.eu/pl/kontakt/?source=glossary-mockup)