Usluga
Web dizajn
Sajtovi dizajnirani da prenesu tvoju priču i vode korisnika do akcije.
Šta sve dizajniramo
Svaki dizajn počinje od pitanja: ko su tvoji kupci i šta očekuju kada stignu na sajt. Spojem moderne UI/UX prakse, tvoje vizije i naše kreative gradimo sajt koji izgleda jednako dobro koliko i radi.
Pre nego što biramo boje i font, postavljamo prava pitanja: ko su tvoji kupci, šta žele i šta ih zaustavlja u kupovini. Intervjui, analiza konkurencije i mapiranje user journey-ja, sve to čini razliku između dizajna koji izgleda dobro i dizajna koji konvertuje.
Vreme realizacije: 7-14 dana
Šta dobijate
- Kratki intervjui sa tvojim klijentima (3-5)
- Analiza 5-7 konkurenata (UX audit)
- User persone (2-3 ključne)
- Customer journey map
- Strategija dizajna (PDF, 10-15 strana)
- Lista funkcionalnosti sa prioritetom
Wireframe je plan kuće pre nego što okrečimo zidove. Definiše gde ide šta, kako se sadržaj grupiše i kako korisnik prelazi sa stranice na stranicu. Bez ovog koraka, sajt je zbrka lepih elemenata bez logike.
Vreme realizacije: 5-10 dana
Šta dobijate
- Sitemap (mapa svih stranica)
- Wireframe svake ključne stranice (mobile + desktop)
- Navigacijska struktura (header, footer, mega-meni)
- Tip sadržaja po sekciji
- Approximate copy lengths
- Klikabilna verzija u Figmi
Boje, tipografija, fotografije, ilustracije i mikrodetalji se spajaju u jednu prepoznatljivu celinu. Dizajn koji se uklapa u tvoj brend, vodi pogled tamo gde treba i ostavlja utisak nakon prvih nekoliko sekundi.
Vreme realizacije: 10-21 dan
Šta dobijate
- Dizajn svih ključnih stranica (desktop + mobile)
- Komponente (dugmad, kartice, forme, navigacija)
- Paleta boja i tipografska skala
- Ikonice i ilustracije (po dogovoru)
- Hover, active, disabled state-ovi
- Source fajl u Figmi sa komentarima
Većina posetilaca dolazi sa telefona, ali većina sajtova je dizajnirana na velikom monitoru. Mi krećemo obrnuto, prvo radimo mobilni layout pa onda širimo na desktop. Tako svaki posetilac dobija pravo iskustvo, ne osećaj da je na 'mobilnoj verziji'.
Vreme realizacije: Uračunato u UI dizajn
Šta dobijate
- Mobile dizajn (320, 375, 414px)
- Tablet dizajn (768, 1024px)
- Desktop dizajn (1280, 1440, 1920px)
- Touch targets (min 44x44px)
- Optimizacija težine slika za mobile
- Test na pravim uređajima
Za sajtove sa više stranica i česte izmene, design system je ključan. Definišemo dugmadi, forme, kartice, ikonice i sve ostalo kao zasebne komponente, sa pravilima kada i kako se koriste. Razvoj postaje brži, dizajn dosledniji.
Vreme realizacije: 14-30 dana
Šta dobijate
- Atomska struktura (atomi, molekuli, organizmi)
- Komponente sa svim varijantama i state-ovima
- Pravila razmaka, tipografije, boja (dizajn tokeni)
- Naming konvencije za developere
- Storybook dokumentacija (po dogovoru)
- Source fajl u Figmi sa Auto Layout
Landing page nije isti kao homepage. To je lasersko fokusirana stranica za jednu kampanju, jednu publiku i jedan poziv na akciju. Dizajn koji vodi korisnika ka konverziji, bez razloga da klikne negde drugo.
Vreme realizacije: 5-14 dana
Šta dobijate
- Dizajn celog landing-a (mobile + desktop)
- Heading, sub-heading, CTA varijante (A/B test)
- Sekcije: hero, benefiti, social proof, FAQ, CTA
- Forma za prijavu (po dogovoru)
- Heatmap predviđanje (gde će klikovi)
- Conversion tracking setup
Online prodavnica ima specifične potrebe: jasan katalog, pravi filteri, brz checkout, sigurnosni signali. Dizajniramo iskustvo koje vodi posetioca od pregleda proizvoda do potvrde porudžbine, uz minimalna trenja.
Vreme realizacije: 21-45 dana
Šta dobijate
- Dizajn svih ključnih ekrana (15-20 strana)
- Filter, sort, search komponente
- Konfigurabilni proizvod (boja, veličina, varijante)
- Korpa, checkout, success flow
- Account, narudžbine, lista želja
- Mobile-optimizovan checkout (1 kolona)
Dashboard nije sajt, to je alat. Mora da bude jasno organizovan, sa prioritetima na pravim mestima i interakcijama koje ne usporavaju rad. Dizajniramo dashboarde koji ne traže da korisnik uči novi jezik svaki put.
Vreme realizacije: 21-60 dana
Šta dobijate
- Sitemap dashboarda (sve stranice)
- Dizajn ključnih ekrana (overview, tabele, forme)
- Tabela komponenta (sort, filter, paginacija, bulk akcije)
- Forme (multi-step, validacija, error state)
- Grafovi (line, bar, pie, sparkline)
- Empty state-ovi i loading state-ovi
Hover efekti, tranzicije, animacije pri scrol-u, mikropokreti dugmadi. Kad se rade dobro, korisnik ih oseća pre nego što ih primeti. Kad se rade loše, postaju razlog da se napusti sajt. Mi pazimo gde idu i koliko traju.
Vreme realizacije: 5-14 dana
Šta dobijate
- Lista svih mikrointerakcija u dokumentu
- Lottie animacije (gde treba) - JSON fajlovi
- CSS animacija specifikacije (durations, easings)
- Scroll-driven efekti (parallax, reveal, sticky)
- Page transition animacije
- Demo prototip u Figmi
Pre nego što developer krene da kuca kod, pravimo interaktivni prototip u Figma-i. Klikabilan, sa stvarnim sadržajem i tranzicijama, da vidiš kako se sajt ponaša pre nego što košta da se menja. Nedelja prototipa štedi mesec dana koda.
Vreme realizacije: 3-7 dana
Šta dobijate
- Klikabilni prototip svih ključnih flow-ova
- Mobile + desktop verzije
- Tranzicije izmedju ekrana
- Sharable link (Figma Prototype URL)
- Test scenariji (5-7 zadataka)
- Snimanje sesija sa korisnicima (po dogovoru)
Redizajn nije samo nova boja i font. To je analiza onoga što radi i onoga što ne radi, pa onda intervencija na pravim mestima. Pažljivo migriramo sadržaj i URL strukturu, da ne izgubiš sve što si gradio na pretrazi.
Vreme realizacije: 30-60 dana
Šta dobijate
- UX audit postojećeg sajta
- Lista ključnih problema + prioriteti
- Novi dizajn (UX + UI)
- Migracioni plan (URL mapa, redirekcije)
- SEO checklist (da ranking ne padne)
- A/B test stari vs novi (po dogovoru)
Slepi i slabovidi, daltonisti, osobe sa motoričkim ograničenjima, svi imaju pravo na sajt koji se može koristiti. WCAG standardi su naša osnova, ne 'nice to have'. Plus, pristupačni sajtovi rade bolje i u SEO-u.
Vreme realizacije: Uračunato u UX/UI
Šta dobijate
- Audit postojećeg dizajna (WCAG 2.1 AA)
- Kontrast paletu (4.5:1 minimum)
- Focus state-ovi (keyboard navigation)
- ARIA labele za komponente
- Alternativni tekst za slike
- Forma sa jasnim error porukama
Vizuelni jezik nije proizvoljan, on prenosi karakter brenda kao i logo. Biramo boje koje rade tehnički (kontrast, accessibility) i emotivno (poruka, asocijacija). Tipografiju koja je čitljiva i prepoznatljiva, dosledna kroz sve formate.
Vreme realizacije: 5-10 dana
Šta dobijate
- Paleta boja (primarna, sekundarna, semantička)
- Tipografska skala (h1-h6, body, caption)
- Font kombinacije (heading + body)
- Foto stil (mood-board, primeri)
- Ikonografija (set ikonica)
- Style guide (PDF, 10-15 strana)
Kad standardna struktura nije dovoljna, krećemo od bele table. Eksperimentalna tipografija, neuobičajen layout, custom ilustracije i animacije, sve usmereno ka tome da tvoj sajt ne liči ni na jedan drugi. Za brendove koji žele da budu primećeni.
Vreme realizacije: 30-60 dana
Šta dobijate
- Mood-board i art direction
- 3 različita kreativna pravca u skicama
- Finalni custom dizajn
- Prototip sa svim animacijama
- Saradnja sa front-end developerom za izvodljivost
- Plan za awwwards/CSS Design Awards prijavu (po dogovoru)
Naš proces
Brif & istraživanje
Razumevamo biznis, ciljnu publiku, konkurenciju. Definišemo cilj sajta i ključne metrike.
Wireframes & prototip
Crtamo low-fi skelet sajta. Klikabilni prototip pre vizuelnog dizajna.
Vizuelni dizajn
UI po stranicama u Figmi - mobile + desktop, sve komponente i state-ovi.
Revizije i odobrenje
Dve runde feedbacka, doteramo do faze 'spremno za development'.
Predaja developerima
Hand-off paket: Figma fajl, design tokens, komponente, animacije, asset eksport.
Česta pitanja
Odgovori na najčešća pitanja vezana za ovu uslugu. Imaš nešto specifično? Slobodno pošalji upit.
Standardni paket (do 8 stranica, mobile + desktop, 2 runde revizija) kreće od 800 EUR. Kompletan dizajn sa design system-om i klikabilnim prototipom od 1.800 EUR. E-prodavnica ili dashboard od 2.500 EUR. Tačnu cenu daje brif - na osnovu broja stranica, kompleksnosti i traženih funkcionalnosti.
UX (user experience) je arhitektura sajta - struktura, navigacija, flow, šta korisnik vidi prvo, šta drugo. UI (user interface) je vizuelni sloj - boje, tipografija, dugmad, animacije. Mi radimo oba zajedno - UX prvi (wireframes), pa UI (vizuelni dizajn) - jer dobar UI bez dobrog UX-a je lep ali frustrirajuć sajt.
Da. Nakon dizajna radimo i web development - WordPress, Next.js ili custom rešenja. Možeš da uzmeš samo dizajn pa da ga drugi developer realizuje, ili da nas zadržiš za ceo paket - tada je tranzicija dizajn → kod glatka jer isti tim radi oba.
Standardni sajt (do 8 stranica): 4-6 nedelja. Sa research-om i klikabilnim prototipom: 6-8 nedelja. E-prodavnica ili dashboard: 8-12 nedelja. Vreme zavisi od koliko brzo dolazi feedback - mi radimo svoj deo, ti svoj (review, materijal, copy).
Standardno uključujemo 2 runde revizija. Prvi predlog skoro nikad nije finalni - normalno je da se menja. Ako baš pravac nije dobar, vraćamo se na wireframes i počinjemo iz drugačije perspektive. Glavna provera je u research/strategy fazi - tu se odlučuje pravac, pa kasnije nema 'iznenadnih obrta'.
Naravno. Radimo sa tvojim postojećim brand-om - logom, paletom, tipografijom. Dizajniramo sajt koji se uklapa u postojeći vizuelni identitet. Ako brand nedostaje ili treba osvežavanje, radimo i to (vidi /usluge/graficki-dizajn za logo i identitet).
Da, svaki dizajn pravimo prvo za mobile (320-414px) pa se širi do desktopa. Više od 65% saobraćaja u Srbiji dolazi sa telefona, pa mobile nije 'dodatno' nego primarno. Testiramo na pravim uređajima (iPhone, Samsung) pre nego što predamo.
Da. Dizajn ima direktan uticaj na SEO - struktura naslova (h1-h6), brzina učitavanja (težina slika, font fajlovi), pristupačnost, semantička struktura. Pravimo dizajn koji Google voli: jasna hijerarhija, optimizovane slike (WebP), čitljiva tipografija, mobile-friendly.
Sve potrebno za development: Figma fajl (sa svim komponentama i Auto Layout-om), Figma Prototype URL za review, eksportovane assete (SVG ikonice, WebP slike), design tokens (boje, tipografija, razmaci u JSON-u), specifikacija animacija. Source fajlovi ostaju kod tebe.
Da. Prvo radimo audit (šta radi, šta ne, šta treba zadržati zbog SEO/brand prepoznatljivosti). Onda novi dizajn sa migracionim planom - URL mapa, 301 redirekcije, schema markup. Posebna pažnja da postojeći SEO ranking i conversion ne padnu tokom prelaza.
Hajde da pričamo o vašem projektu!