Mockup je realističan prikaz dizajna u stvarnom kontekstu — etiketa na boci, logo na izlogu, web stranica na ekranu laptopa. Rješava problem koji svaki dizajner poznaje: klijent ne vidi kako će nešto izgledati dok to ne vidi na pravom mjestu.
Tipovi
- Produktni — packaging, etiketa, ambalaža
- Brending — posjetnica, majica, vozilo, signalizacija
- Digitalni — stranica ili aplikacija na uređaju
- Prezentacijski — cijeli vizualni identitet na jednom listu
Čemu služe u prodaji
Firma koja ponudu prezentira kroz mockup prodaje osjetno lakše od one sa stock fotografijama. Klijent vizualizira rezultat, a percepcija kvalitete raste prije nego je išta proizvedeno. Isti je razlog zašto ih agencije koriste u ponudama.
Mockup nije wireframe
Wireframe definira strukturu i raspored bez estetike. Mockup je suprotan kraj — pokazuje finalni izgled, ali ne govori ništa o funkcionalnosti. Prvo struktura, pa izgled.
Kada se isplati
Prije lansiranja proizvoda, u ponudi većem klijentu i kod prezentacije novog identiteta. Za internu odluku o nijansi boje je gubitak vremena.
Kako jeftino
Gotovi PSD i Figma predlošci s Envata ili besplatnih izvora rješavaju 90% potreba za nekoliko eura. Vlastita fotografija se isplati tek kad prodajete fizički proizvod koji izgleda drukčije od svakog predloška — detalji u članku o mockupima.
Povezani pojmovi
Vizualni identitet
Skup vizualnih elemenata kojima se firma predstavlja — logo, boje, tipografija i fotografija. Osnovni sloj brenda i prvi dojam kod klijenta.
Brand guidelines
Dokument s pravilima primjene brenda — logo, boje, fontovi i ton komunikacije. Osigurava da svi materijali izgledaju kao ista firma.
Wireframe
Shematski raspored stranice bez boja i finalnog dizajna. Definira hijerarhiju sadržaja i tok korisnika prije nego krene vizualni dio.
Brending
Proces izgradnje prepoznatljivog identiteta firme — vizualnog (logo, boje) i strateškog (pozicioniranje, glas). Gradi povjerenje i omogućuje premium cijene.