Od prve ideje
do tvog web projekta.

Prije boja i efekata odredi šta stranica treba postići. Posjetilac treba brzo razumjeti kome se obraćaš, šta nudiš i koji je sljedeći korak.

1. Napiši jednu publiku: npr. mali lokalni kafić koji treba predstaviti ponudu. Izbjegni „za sve“.
2. Napiši jednu glavnu radnju: pregled usluga, pregled radova ili početak razgovora. Demo u ovoj vježbi ne šalje kontaktne obrasce.
3. Složi mali brief: publika, problem, usluga, dokaz, radnja. Za primjer portfolija napiši „izrađujem jednostavne web stranice za lokalne firme“.
4. Napravi inventar sadržaja: naslov, opis, tri usluge, tri demonstracijska projekta i završna poruka. Izmišljene projekte označi demonstracijskim.

Premium utisak počinje čitljivošću, dosljednim razmacima i smirenom hijerarhijom. Više efekata samo po sebi ne znači bolji dizajn.

1. Izaberi najviše jednu akcentnu boju i jednu mirnu pozadinu. Akcent služi važnim dugmadima i detaljima.
2. Za moderan tehnološki stil izaberi modernu tipografiju; za elegantni studio probaj serif. Tekst opisa treba ostati lako čitljiv.
3. U naslovu koristi jednu konkretnu ideju. Umjesto „Najbolji na svijetu“ napiši „Web stranice koje jasno predstavljaju vaš posao“.
4. Provjeri odnos teksta i pozadine. Ako je teško čitati, promijeni boju prije dodavanja novih detalja. Ne prenosi važne informacije samo bojom.

Svaka sekcija treba odgovoriti na jedno pitanje. Redoslijed je priča: šta nudim, zašto je korisno, kako izgleda rezultat i šta slijedi.

1. Kreni naslovnom sekcijom, zatim dodaj Usluge, Portfolio, Proces i Poziv na akciju. Sekcije pomjeraj strelicama u editoru.
2. Kartice piši u odvojenim redovima. Koristi najviše 3–6 stavki; duga lista otežava pregled.
3. U portfolio napiši stvarne radove ili jasno označene demonstracije. Nemoj izmišljati klijente, recenzije ili rezultate.
4. Dodaj FAQ s pitanjima koja bi stvarni posjetilac postavio. U svakom redu piši pitanje, znak | i kratak odgovor.

Dobar web projekt radi i na malom ekranu. Provjera mobitela treba doći dok radiš, a ne tek na kraju.

1. Uključi prikaz Mobitel. Provjeri da naslov ne prekriva vizual i da se riječi ne lome neobično. Skrati naslov ako je predug.
2. Prođi editor tastaturom: Tab pomjera fokus, Enter aktivira dugme. Fokus treba biti vidljiv.
3. Tekst treba biti razumljiv bez ikonica. Koristi ikonice kao pomoć, uz jasno napisane nazive.
4. Smanji vizuelnu gužvu: prazni prostor, jasni naslovi i kratki opisi olakšavaju čitanje. Ne dodaj automatske animacije koje ometaju sadržaj.

SEO počinje korisnom, tačnom stranicom. Izvoz iz Web Laba sadrži naziv projekta u naslovu dokumenta i meta opis koji ti uneseš. Javni demo je namjerno isključen iz indeksiranja.

1. Naziv projekta koristi kao jasan naziv brenda ili teme. U glavnom naslovu prirodno opiši uslugu.
2. Napiši meta opis do 160 znakova: šta nudiš, kome i koja je korist. Nemoj ponavljati istu ključnu riječ više puta.
3. Koristi jednu glavnu naslovnu sekciju. Ostale sekcije imaju H2, a kartice H3. Redoslijed olakšava razumijevanje stranice.
4. Provjeri pravopis, obećanja, cijene i dozvolu za sadržaj. Stvarnu analitiku, politiku privatnosti i obradu obrazaca planiraj za budući produkcijski sajt.

Završeni projekt treba moći pokazati i objasniti. Sačuvaj svoju radnu verziju, zatim svjesno objavi javni demo. Objavljeni prikaz je zasebna verzija do sljedeće objave.

1. Klikni Sačuvaj projekt. Član može imati do 5 projekata. Projekt ostaje vezan za prijavljeni račun.
2. Klikni Objavi demo. Javna demonstracija traje 30 dana od posljednje objave; njen sadržaj može vidjeti svako ko ima link. Ne dodaj privatne podatke.
3. Otvori javni link i provjeri rezultat. Ako nešto izmijeniš, ponovo sačuvaj i objavi. Povuci demo ako ga više ne želiš javno dijeliti.
4. Za portfolio napiši kratak prikaz: cilj projekta, publika, izbor stila, urađene provjere i šta bi sljedeće unaprijedio. Ako nudiš rad biblioteci, pročitaj dozvolu i koristi samo originalni sadržaj.