Wireframe je shematski raspored stranice — sivi blokovi, natpisi i strelice, bez boja, fotografija i finalnog teksta. Namjerno je ružan: cilj je da se razgovor vodi o strukturi, a ne o nijansi gumba.
Što se njime odlučuje
- Redoslijed sekcija i što je iznad preloma
- Gdje stoji CTA i koliko ih je
- Koje informacije korisnik dobiva prije nego mora odlučiti
- Kako se raspored mijenja na mobitelu
Zašto se isplati
Promjena rasporeda u wireframeu traje deset minuta. Ista promjena nakon dizajna i programiranja traje dane i naplaćuje se. Kod izrade stranice to je najjeftinija faza za predomišljanje — i najskuplja za preskočiti.
Wireframe i konverzija
Većina problema s konverzijom na landing pageu nastane ovdje: ponuda zakopana ispod preloma, tri jednako naglašena poziva na akciju, dokaz povjerenja na dnu gdje nitko ne dođe. CRO često znači vraćanje na wireframe razinu.
Mobile first
Većina posjeta u Hrvatskoj dolazi s mobitela, pa uski raspored crtajte prvi. Ono što preživi 375 piksela širine preživjet će i desktop — obrnuto rijetko vrijedi, kako pokazuje i responsive dizajn.
Alati
Figma, Balsamiq ili papir. Papir je i dalje najbrži za prvu verziju.
Sljedeći korak
Kad je struktura potvrđena, dolazi vizualni sloj — dizajn i mockup za prezentaciju.
Povezani pojmovi
Landing page
Namjenska stranica dizajnirana za jedan cilj — konverziju posjetitelja u lead ili kupca. Bez distrakcija, s jasnim pozivom na akciju.
CRO
Conversion Rate Optimization — sustavno poboljšavanje postotka posjetitelja koji konvertiraju, kroz testiranje i analizu ponašanja.
Responsive dizajn
Pristup dizajnu gdje se stranica automatski prilagođava veličini ekrana — mobitel, tablet, desktop. Standard u 2026 jer 60%+ prometa je mobilni.
Mockup
Realističan prikaz dizajna u stvarnom kontekstu — logo na proizvodu ili stranica na laptopu. Pokazuje rezultat prije nego što nastane.