UI/UX & Development

Skocko: Digitalna Transformacija

Spajanje topline i tehnologije kroz "clean code" pristup. Cilj je bio redefinirati sterilni korporativni izgled i stvoriti digitalno iskustvo koje gradi odnos povjerenja.

1. Dizajn Filozofija: Estetika Povjerenja

Dizajn nije samo ukras, već psihologija. Svaka odluka u paleti boja i tipografiji donesena je s ciljem izazivanja osjećaja smirenosti, stabilnosti i pristupačnosti.

Paleta Boja

Navy Blue

#1D3557 • Profesionalnost & Autoritet

Cream

#FDFBF7 • Vizualna Mekoća

GOLD
PEACH
TEAL

Tipografija & Kontrast

Elegancija

Playfair Display

Kombinacija fontova osigurava modernu čitljivost i čistoću informacija, ključnu za intuitivno korisničko iskustvo na svim uređajima.

Primarna Akcija

2. Tehnološki Stack: Povratak Osnovama

U eri teških frameworka, odabrao sam "Vanilla" pristup radi performansi. Prioritet je bio stvoriti stranicu koja se učitava trenutno, bez obzira na snagu uređaja.

H5

Semantika

JS

Vanilla

TW

Tailwind

// Zero-dependency animations
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('reveal-active');
    }
  });
});

3. UX i Motion Dizajn: Oživljavanje Sučelja

Implementirao sam niz suptilnih interakcija kako bi navigacija bila fluidna i angažirajuća. Elementi ulaze u fokus tek kada postanu relevantni (Scroll Reveal).

Mikro-interakcije

Prijeđite mišem. Kartice reagiraju na korisnika, pružajući jasnu povratnu informaciju i osjećaj "taktilnosti".

Interakcija →
IMG

Organska Dinamika

Animirani SVG oblici razbijaju rigidnost klasičnog grida i daju dinamičan okvir.

Parallax & Glassmorphism

Logo

Pozadina se kreće sporije od sadržaja (Parallax) za osjećaj dubine.

Zaključak i Rezultati

Rezultat je moderna web platforma koja uspješno balansira između estetike i funkcionalnosti. Tehnička optimizacija osigurala je Lighthouse score od 95+ za performanse, dok pažljiv UX dizajn osigurava da korisnici svih profila mogu lako doći do informacija.