Dizajn sajta i web dizajn · Novi Sad

Dizajn sajta odlučuje sve. A obično se odlučuje poslednji.

Ovo je crtanje, ne programiranje. Dogovorimo šta sajt treba da postigne, složimo stranice redom koji to postiže i nacrtamo svaki ekran — i za desktop i za telefon — uključujući i stanja koja niko ne voli da crta. Odlazite sa Figma fajlom, sistemom dizajna i predajom iz koje može da radi bilo koji ozbiljan programer: naš, vaš, ili onaj sa kojim već sarađujete.

godina iskustva u web dizajnu
6+
nedelja od brifa do predaje
2–5
najuži raspored koji crtamo
320px
dizajn sajta web dizajn UX/UI dizajn wireframe dizajn u Figmi sistem dizajna responzivan dizajn dizajn landing stranice redizajn sajta
dizajn sajta web dizajn UX/UI dizajn wireframe dizajn u Figmi sistem dizajna responzivan dizajn dizajn landing stranice redizajn sajta
dizajn sajta web dizajn UX/UI dizajn wireframe dizajn u Figmi sistem dizajna responzivan dizajn dizajn landing stranice redizajn sajta
dizajn sajta web dizajn UX/UI dizajn wireframe dizajn u Figmi sistem dizajna responzivan dizajn dizajn landing stranice redizajn sajta
Zvuči poznato?

Sajt izgleda pristojno. Samo ne vodi nikuda.

Ovo su četiri stvari sa kojima nam se najčešće javljaju. Nijedna nije problem programiranja — svaka je odlučena dok su se stranice crtale, ili dok ih niko nije crtao.

  • To je šablon sa vašim logotipom

    Isti raspored kao kod četiri konkurenta u istom gradu, jer je kupljen na istom mestu. Svaka sekcija postoji zato što ju je tema imala, a ne zato što je vašim klijentima trebala — pa ništa na stranici ne govori baš za vas.

  • Svaka stranica se završava u ćorsokaku

    Posetilac pročita do dna i nema šta sledeće da uradi. Nijedna stranica nije dizajnirana sa znanjem koja stranica dolazi posle nje, pa je sajt skup letaka spojenih heftalicom umesto puta od nepoznatog čoveka do upita.

  • Mobilna verzija nikad nije ni dizajnirana

    Samo je stisnuta. Tri kolone su postale tri kutije jedna ispod druge, naslov se prelomio u četiri reda, a dugme koje je važno završilo je ispod fotografije koju niko ne preskroluje. Većina vaših posetilaca vidi samo tu verziju.

  • Ništa se ne slaže ni sa čim

    Četiri nijanse iste plave, pet veličina naslova, dugmad koja menjaju oblik od stranice do stranice. Svaki ekran je crtan zasebno, pa sajt deluje improvizovano — a klijent tačno toliko pažljivim smatra i sve ostalo što radite.

Šta dobijate

Svaki ekran nacrtan, uključujući i dosadne.

Redosled je uvek isti: dogovorimo šta sajt treba da postigne, skiciramo strukturu u sivom pre nego što se iko posvađa oko boje, pa je onda dizajniramo kako treba — i predamo fajl iz kojeg zaista može da se radi.

01

Prvo struktura

Koje stranice postoje, čemu svaka služi i šta se na njoj od posetioca traži. Odlučuje se pre piksela, jer lep sajt u pogrešnom redosledu i dalje gubi posetioca na drugom skrolu.

  • Mapa sajta i struktura svake stranice
  • Wireframe-ovi u sivom, bez boje oko koje se raspravlja
  • Put od ulazne stranice do upita
  • Plan sadržaja — šta svaka stranica treba da kaže
02

Kompletan dizajn, u Figmi

Svaka stranica, u obe veličine, sa pravim tekstom umesto lorem ipsuma — jer raspored koji radi samo na dužini popune nije dizajn, nego slika.

  • Svaka stranica nacrtana, desktop i telefon
  • Raspored crtan od 320px naviše
  • Hover, prazna stanja, učitavanje i greške
  • Dva kruga izmena
03

Sistem, a ne skup ekrana

Skala tipografije, uloge boja, razmaci, dugmad, forme i kartice definisani jednom i ponovo korišćeni — pa peta stranica košta manje od prve, a deseta i dalje izgleda kao da pripada istom sajtu.

  • Skala tipografije i uloge boja
  • Komponente za ponovnu upotrebu i pravila razmaka
  • Pristupačni kontrasti, provereni a ne pretpostavljeni
  • Pravila i za stranice koje još ne postoje
04

Predaja koja preživi izradu

Fajl je napisan za onoga ko će ga programirati. Većina dizajn fajlova tiho izgubi raspravu sa pregledačem; ovaj odgovara na pitanja pre nego što se postave.

  • Klikabilan prototip glavnih tokova
  • Imenovani slojevi, stilovi i komponente
  • Beleške o ponašanju i prelomnim tačkama
  • Izvezeni materijali i spisak licenci za fontove
Izdvojeni radovi

Pet ekrana, pet različitih zadataka.

Nijedan nije počeo šablonom ni početnom stranicom. Svaki je počeo pitanjem šta posetilac treba sledeće da uradi — dizajn je odgovor na to, a ne obrnuto.

Barber Shop Imperial — Dizajn sajta
01

Barber Shop Imperial

Radnja čiji je enterijer već bio bolje dizajniran od sajta. Tamno, toplo i sigurno na ekranu, sa dugmetom za zakazivanje koje nikada ne silazi sa vrha stranice.

Serein — prvi ekran — Dizajn sajta
02

Serein — prvi ekran

Šta radite, gde ste i kako se zakazuje, sve bez skrolovanja. Traka na dnu prikazuje prvi slobodan termin danas, jer je to jedini podatak koji odlučuje da li se zakazuje odmah ili kasnije.

Serein — online zakazivanje — Dizajn sajta
03

Serein — online zakazivanje

Usluga, datum, termin, gotovo. Četiri ekrana dizajnirana za jedan tok, uključujući i onaj na kojem nema slobodnih termina — stanje koje se obično prepusti programeru da ga izmisli.

Aggelos & Maria — Dizajn sajta
04

Aggelos & Maria

Pozivnica za venčanje dizajnirana kao jedna stranica: šest faza dana, dva mesta i RSVP, nacrtana da ima osećaj štampane pozivnice na svakom ekranu na kojem su je gosti otvorili.

Dashboard — Dizajn sajta
05

Dashboard

Administratorski panel za e-commerce platformu. Svaka komponenta nacrtana, a ne uvezena, i prazna stanja, učitavanje i greške dizajnirani umesto prepušteni slučaju.

Kako radimo

Od prvog razgovora do predaje.

  1. 01
    30 minuta

    Besplatna konsultacija

    Razgovor o poslu, klijentima i o tome šta sajt zaista treba da radi — upite, zakazivanje, prodaju ili prosto da delujete ozbiljno. Bez prodajnog scenarija. Izlazite sa jasnom slikom šta vam treba — i onda kada se ispostavi da to nismo mi.

  2. 02
    1 nedelja

    Struktura i wireframe-ovi

    Prvo mapa sajta, pa sivi wireframe-ovi svake stranice. Ovo je najjeftinija nedelja za predomišljanje i ona koja odlučuje najveći deo rezultata — pomeriti sekciju ovde traje minut, a posle nacrtanog dizajna ceo dan.

  3. 03
    1–3 nedelje

    Dizajn

    Svaka stranica u Figmi, desktop i telefon, sa pravim tekstom. Vidite je u pregledaču kao klikabilan prototip, a ne kao ravnu sliku, jer je dizajn nešto kroz šta se prolazi. Dva kruga izmena su ovde.

  4. 04
    Nekoliko dana

    Predaja

    Fajl sređen, komponente imenovane, ponašanje i prelomne tačke zapisane, materijali izvezeni. Provedemo vašeg programera kroz sve — ili, ako izradu radimo i mi, tog dana ona počinje.

Investicija

Cena dizajna sajta, bez skrivenih stavki.

Landing stranica

Jedna stranica koja ima konkretan zadatak — lansiranje, kampanja ili jedna usluga.

od €600
Rok · 1–2 nedelje
  • Struktura i wireframe
  • Kompletan dizajn, desktop i telefon
  • Hover, forma i stanje uspešnog slanja
  • Sistem tipografije i boja
  • Predaja spremna za programera
  • Dva kruga izmena
Najčešći izbor

Dizajn sajta

Najčešći izbor — kompletan sajt dizajniran, sa strukturom, spreman da ga bilo ko izradi.

od €1.200
Rok · 3–5 nedelja
  • Sve iz paketa Landing stranica
  • Do dvanaest stranica dizajnirano
  • Mapa sajta i wireframe za svaku stranicu
  • Sistem dizajna sa komponentama
  • Klikabilan prototip glavnih tokova
  • Ekrani za blog, portfolio ili zakazivanje
  • Zajednički prolazak kroz predaju sa vašim programerom

Dizajn i identitet

Kada treba napraviti i identitet, da se sajt ne crta oko logotipa kojim niko nije zadovoljan.

od €2.200
Rok · 6–9 nedelja
  • Sve iz paketa Dizajn sajta
  • Kompletan vizuelni identitet i dizajn logotipa
  • Sistem boja i tipografije
  • Knjiga standarda u PDF-u
  • Vizit karta i papirna galanterija
  • Materijali za lansiranje na mrežama i u mejlu

Cene su početne i zavise od broja stranica i od toga koliko toka treba dizajnirati. Tačnu ponudu dobijate posle besplatne konsultacije. Ovo je samo dizajn — programiranje sajta se naplaćuje zasebno i počinje od €900, a fontovi sa komercijalnom licencom naplaćuju se po nabavnoj ceni i uz vašu saglasnost.

Česta pitanja

Ono što nas pitaju pre nego što krenu.

01

Da li je izrada sajta uključena u cenu?

Nije — ovo je samo dizajn i tako je i naplaćen. Dobijate strukturu, sve ekrane i fajl za predaju, i možete ga odneti bilo kom programeru. Ako želite da sajt izradimo i mi, to je naša usluga programiranja: od €900 za kodiranje dizajna koji već postoji, pa dizajn i izrada zajedno obično stanu između €1.500 i €3.000, u zavisnosti od veličine.

02

Šta tačno dobijam na kraju?

Figma fajl koji je vaš, sa svakom stranicom u desktop i mobilnoj veličini, sa stanjima oko njih i sa sistemom dizajna — tipografija, boje, komponente. Uz to klikabilan prototip glavnih tokova, izvezene materijale, spisak korišćenih fontova i gde su licencirani, i zapisane napomene o tome kako sve treba da se ponaša. Ništa nije zaključano kod nas.

03

Može li moj programer da radi po tom fajlu?

Predaja i postoji zbog toga. Slojevi i komponente su imenovani, razmaci prate sistem a ne osećaj, a napomene pokrivaju prelomne tačke, hover stanja i šta se dešava kada je polje prazno. Na predaji se čujemo i sa njim, a na pitanja tokom izrade odgovaramo bez naplate — dizajn koji niko ne može da izradi nije završen dizajn.

04

Koliko košta dizajn sajta?

Od €600 za jednu landing stranicu i od €1.200 za kompletan sajt do dvanaest stranica. Cena se pomera sa brojem stranica i sa tim koliko toka treba nacrtati — tok zakazivanja sa svim izuzecima je više posla od stranice sa tekstom. Fiksnu ponudu dobijate posle besplatne konsultacije, pre nego što bilo šta počne.

05

Koliko traje dizajn sajta?

Nedelju do dve za landing stranicu, tri do pet za kompletan sajt. Rok se gotovo uvek razvlači na jednom mestu: koliko brzo stižu povratne informacije. Ako tekstove i fotografije dobijemo na vreme — ili ako nas zamolite da pomognemo oko njih — sve ide brže.

06

Radite li u Figmi ili negde drugde?

U Figmi. To je ono što programeri očekuju, vas ne košta ništa da otvorite, i znači da komentar možete ostaviti direktno na ekranu o kojem pričate umesto da ga opisujete u mejlu. Pristup za izmene na svom fajlu dobijate trajno.

07

Već imam vizuelni identitet. Možete li da dizajnirate u njemu?

Možemo, i to je čest slučaj. Pošaljite logotip, fontove i knjigu standarda ako je ima, pa dizajniramo unutar toga. Ako neki deo identiteta ne preživi prelazak na ekran — logotip koji nestane u maloj veličini, boja koja pada na kontrastu za tekst — reći ćemo vam i predložiti najmanju moguću ispravku, umesto da vam tiho redizajniramo brend.

08

Radite li sa firmama izvan Novog Sada?

Radimo. Većina projekata se vodi online, sa klijentima iz cele Srbije i Evrope. Ako ste u Novom Sadu, rado se vidimo i lično.

Dizajn je deo koji se kasnije ne popravlja

Sve po čemu se sajt procenjuje reši se dok se crta. Na koju stranicu nepoznat čovek sleti, šta ga se prvo pita, šta mora da preskroluje da bi našao cenu, da li je verzija za telefon dizajnirana ili samo stisnuta — sve to se odlučuje u dizajn fajlu i sve to je tu jeftino promeniti. Izrada je samo verno izvršenje tih odluka. Menjajte ih posle i ne uređujete dizajn, nego plaćate dvaput.

Zato najskuplji deo šablona nije licenca. Šablon odlučuje o vašoj strukturi pre nego što išta zna o vašem poslu — koje sekcije postoje, kojim redom idu, šta se od posetioca prvo traži. Pa tako radnja koja živi od zakazivanja dobije dugme za zakazivanje u podnožju, a studio koji posao dobija portfoliom otvara pasusom o godini osnivanja. Stranice se popunjavaju naknadno, oko oblika nacrtanog za nekog sasvim drugog. Sve posle toga je ukrašavanje odluke koja je već pogrešno doneta.

Dizajnirati sa namerom pre svega znači vratiti tu odluku vama. Počinjemo sivim wireframe-ovima baš zato što se na njima još nema šta svideti ili ne svideti — nema boje da odvuče pažnju od toga da sekcija sa radovima stoji tri ekrana ispod mesta gde će iko pogledati. Kada je redosled tačan, vizuelni deo ide brzo, a rasprave su male. Kada je redosled pogrešan, nijedna tipografija ga ne spasava.

Radimo dizajn sajta i web dizajn za mala preduzeća i studije u Novom Sadu, širom Srbije i u Evropi: ugostiteljstvo, nega i lepota, zanati, arhitektura i poneki proizvod. Odlazite kao vlasnik fajla, sistema i spiska fontova, slobodni da sajt izradite sa nama ili sa bilo kim drugim — a to je i poenta kupovine dizajna umesto iznajmljivanja sajta.

Sledeći korak

Pola sata razgovora, bez obaveze.

Ispričajte nam o firmi i recite šta sajt trenutno ne radi. Izlazite sa konkretnim predlogom i cenom — bez pritiska i bez prodajnog scenarija.

Zakažite besplatnu konsultaciju