Vrtlog Digital

Nakon dugo vremena odlučio sam da je pravi trenutak za osvježenje moje web stranice. Ovaj post nije o tome zašto sam se odlučio na promjene, već o tome kako sam krenuo u izradu nacrta direktno u WordPressu – bez skica na papiru, mockupa i slično. Krenuo sam odmah u preglednik, složio osnovnu strukturu i polako posložio sekcije koje će činiti početnu stranicu.

Početak u WordPressu: radim nacrt “u hodu”

Umjesto klasičnog dizajniranja u alatu za prototipiranje, odlučio sam slagati nacrt direktno u WordPressu. Koristim kadence page builder, čime si odmah mogu vizualizirati izgled stranice u pregledniku i dobiti osjećaj rasporeda elemenata.

Hero sekcija: jednostavno i jasno

Prva stvar koju sam složio je hero sekcija. Minimalistička – s naslovom, kratkim podnaslovom i CTA gumbom. Cilj mi je da odmah komunicira tko sam i što nudim, bez nepotrebnih distrakcija. Pozadina je čista, s dovoljno prostora oko elemenata da sve diše.

Preklapajući element s logotipovima

Ispod hero sekcije ubacio sam preklapajući element koji se dijelom preklapa s gornjom sekcijom. U njemu će biti logotipi brendova koje koristim. Ova sekcija vizualno razbija ravnu strukturu i dodaje osjećaj dinamike, a ujedno i gradi povjerenje kod novih posjetitelja.

Sekcija usluga: jasno i sažeto

Nakon nekoliko sekcija krećem s uslugama. Fokus mi je na čitkosti i brzom prenošenju informacija. Svaka usluga ima naziv i kratak opis – neće biti previše teksta, ali dovoljno da korisnik odmah zna što nudim. Sve je poredano u gridu (3 u redu), tako da je pregledno i lako za skenirati.

Novo na blogu: svjež sadržaj

Ne volim statične stranice, pa sam uključio i sekciju koja automatski prikazuje najnovije blog objave. Time homepage ostaje dinamičan i redovito se ažurira svaki put kad objavim novi post. Naslov, slika i link na “više” – dovoljno da privuče klik.

Poziv na akciju: jasan kraj stranice

Na dnu stranice dodajem poziv na akciju – trenutno u formi teksta i gumba, ali možda kasnije uključim newsletter ili neku ponudu. Cilj je ostaviti posjetitelja s konkretnom sljedećom akcijom, a ne samo završiti stranicu praznim prostorom.

Zaključak

Ovo je još uvijek nacrt, ali dobar početak. Umjesto da planiram predugo, odlučio sam krenuti s direktnim slaganjem stranice i kasnije usavršavati detalje. U sljedećim koracima fokusirat ću se na dizajn elemenata, boje, dodavanje slika i tekst, te responzivnost.

Ako te zanima nastavak procesa, prati blog – bit će još puno zanimljivih koraka u redizajnu!

Pogledaj video