Preskoči na sadržaj
Mavros Agency

Mavros Agency / Redizajn

Stara stranica ne mora izgledati kao stari biznis.

Redizajniramo web stranice, logotipe i vizualne sustave za biznise koji su prerasli svoj trenutni izgled. Cilj nije samo “ljepše”. Cilj je jasnije, ozbiljnije, modernije i uvjerljivije.

Motion audit

Iz stare stranice u novi vizualni sustav.

Velika pozadinska slika predstavlja staru stranicu: prenatrpanu, nejasnu i zastarjelu. Manji frame ulazi u kadar kao nova verzija: fokusirana, moderna i spremna za korisnika.
old-business-site.test
BEFORE Zastarjela struktura
NEW / 2026

MODERN WEB SYSTEM

Clear, premium, conversion-ready.

01 Brand
02 UX
03 Mobile

Before / After

Ne mijenja se samo izgled. Mijenja se osjećaj.

Redizajn mora odmah pokazati razliku: bolji ritam, bolji kontrast, jasniji CTA i stranica koja izgleda kao da brand zna što radi.
Primjer stare web stranice prije redizajna
Primjer moderne web stranice nakon redizajna
Prije
Poslije

Što se mijenja

Redizajn nije novi sloj boje preko starog problema.

Prije nego diramo vizuale, gledamo gdje stranica gubi povjerenje, ritam i jasnoću.
01

Prvi dojam

Stranica mora odmah izgledati kao ozbiljan biznis, ne kao stari template koji nitko nije dirao godinama.

02

Struktura

Sadržaj mora voditi korisnika kroz jasan tok: tko si, što nudiš, zašto ti vjerovati i što napraviti dalje.

03

Mobilni prikaz

Većina ljudi prvo vidi stranicu na mobitelu. Ako tamo puca hijerarhija, puca i prvi dojam.

04

CTA logika

Gumbi, kontakt i idući koraci moraju biti jasni. Korisnik ne bi trebao razmišljati gdje kliknuti.

05

Vizualni sustav

Boje, tipografija, kartice, slike i razmaci trebaju izgledati kao dio istog branda.

06

Povjerenje

Redizajn mora pojačati dojam profesionalnosti, sigurnosti i jasnoće prije nego korisnik uopće pošalje upit.

Logo redesign

Ako logo izgleda staro, cijeli brand izgleda staro.

Logo redesign može biti suptilan ili kompletan, ali mora riješiti stvarni problem: čitljivost, profesionalnost, primjenu i dosljednost.

Before

Stara web stranica prije redizajna
Old visual direction BEFORE
Neujednačeno, generički, teško primjenjivo.

After

Nova moderna web stranica nakon redizajna
New brand system AFTER
Čist vizual, jasna tipografija, bolja primjena.
Before

Logo bez sustava

Stari logo često postoji samo kao slika bez jasnih pravila, varijanti, prostora i primjene.

After

Logo kao dio identiteta

Novi logo mora imati jasnu konstrukciju, verzije za tamnu i svijetlu pozadinu, favicon i primjenu na webu.

System

Primjena u stvarnom svijetu

Logo nije dovoljan sam. Treba raditi na webu, vizitki, social objavi, dokumentu i mobilnom prikazu.

Visual system

Stranica treba sustav, ne samo lijepu sliku.

Nakon redizajna brand treba imati vizualni jezik koji se može koristiti na više mjesta: web, social, prezentacije, print, digitalne kampanje i launch materijali.
Brand board workspace preview

Brand board

Colors / Type / UI / Print / Digital

01 Paleta boja Primary / accent / contrast
02 Tipografija Hierarchy / readability
03 CTA stil Buttons / hover / focus
04 Kartice Services / pricing / cases
05 Ikone Minimal / technical / sharp
06 Fotografije Editorial / crop / mood
07 Grid Desktop / tablet / mobile
08 Social asseti Launch / posts / campaigns
09 Print Business cards / flyers
10 Motion Scroll / reveal / interaction
Color palette preview

Color system

Paleta boja

Primary / contrast / accent / neutral / hover states
Typography preview

Type system

Tipografija

H1 / H2 / body / labels / editorial scale
Aa Montserrat / brutalist editorial hierarchy
CTA style preview

CTA system

CTA stil

Primary / secondary / hover / conversion focus
Kontaktirajte nas Vidi paket
UI cards preview

UI components

Kartice

Services / pricing / work previews / feature blocks
Icon system preview

Icon language

Ikone

Geometric / sharp / minimal / technical labels
Photography direction preview

Photo direction

Fotografije

Contrast / cinematic crop / dark overlay / brand mood
Layout grid preview

Layout logic

Grid

Desktop / laptop / tablet / mobile layout system
Social asset preview

Social asset

Launch visual

Instagram / campaigns / announcement graphics / carousels
Print design preview

Print system

Print

Business cards / flyers / stickers / launch materials
Motion interaction preview

Motion system

Motion

Scroll reveals / hover states / interactive transitions

Audit checklist

Trebaš redizajn ako...

  • stranica izgleda starije od tvog stvarnog biznisa
  • na mobitelu djeluje zbijeno, sitno ili neozbiljno
  • ne postoji jasan CTA ili kontakt put
  • boje, fontovi i slike ne izgledaju kao jedan brand
  • ljudi često pitaju informacije koje bi web trebao objasniti
  • imaš dobar biznis, ali web to ne pokazuje

Proces

Kako izgleda redizajn.

Proces je napravljen tako da prvo očistimo problem, zatim izgradimo novi vizualni smjer i tek onda idemo u finalnu izvedbu.
01

Audit

Pregled stare stranice, strukture, vizuala, sadržaja i mobilnog prikaza.

02

Smjer

Definiramo što mora ostati, što se mora ukloniti i kakav dojam stranica treba ostaviti.

03

Vizualni sistem

Postavljamo boje, tipografiju, komponente, layout i osnovni brand ritam.

04

Dizajn

Radimo nove sekcije, mockupe, hijerarhiju i ključne ekrane.

05

Izrada

Pretvaramo dizajn u funkcionalnu WordPress stranicu ili pripremamo assete za implementaciju.

06

Launch

Testiramo responzivnost, brzinu, linkove, forme i finalni dojam prije objave.

Pošalji staru stranicu

Reći ćemo ti što ne radi, što treba ostati i što bi imalo najveći vizualni učinak.

Zatraži redizajn audit