Yarenulov

PORTFOLIO NAKON KURSA

Kako izgraditi prvi portfolio nakon kursa

Kurs završava, a sljedeći korak je portfolio. Bez njega je teško pokazati što znate, bez obzira na to koliko sati nastave prošli. Ova stranica objašnjava koje projekte napraviti, kako ih predstaviti i gdje ih objaviti.

Pogledaj vodič kroz učenje VODIČ Usporedi kurseve

Skica rasporeda stranice u bilježnici, telefonom fotografiran prvi kostur projekta

Prvi korak nije alat, nego zadatak. Skica rasporeda na papiru često je jasnija od praznog platna u pregledniku.

Pregled stranice

Sljedećih nekoliko poglavlja prati jedan redoslijed: prvo zašto portfolio nosi težinu koju diploma ne nosi, zatim tri projekta koja se isplate napraviti, pa kako ih opisati, gdje ih objaviti i koliko ih je dovoljno. Na kraju su greške koje se ponavljaju i pitanja koja si većina ljudi postavi prije prvog rada.

Tri projekta Gdje objaviti Česte greške Pitanja

Zašto portfolio, a ne diploma

Diploma pokazuje da ste nešto završili, portfolio pokazuje što znate napraviti. Ako tražite prvi posao ili klijenta, većina ljudi će prvo pogledati vaše radove. To ne znači da formalni dokument nije koristan. Mikrokvalifikacije i programi s definiranim ishodima imaju svoju vrijednost.

Ali niti jedan dokument ne zamjenjuje stvaran projekt koji možete pokazati i objasniti. Poslodavac ili klijent ne može iz potvrde vidjeti kako razmišljate o rasporedu, zašto ste odabrali jedno rješenje umjesto drugog ili kako se snalazite kad nešto ne radi kako ste zamislili.

Praktično pravilo: za svaki projekt u portfelju morate moći odgovoriti na tri pitanja bez pripreme. Što je bio zadatak, što ste napravili i zašto ste odlučili tako. Ako na neko od njih nemate odgovor, projekt još nije završen, koliko god dobro izgledao.

Tri projekta koja čine prvi portfolio

Ne trebate deset radova. Tri projekta koja se razlikuju po zadatku pokazuju tri različite vještine: redizajn postojeće stranice pokazuje da razumijete strukturu, stranica za izmišljeni brend pokazuje da znate osmisliti sadržaj i složiti obrazac, a osobna stranica pokazuje da znate održavati nešto živo. Ako neki od njih preskočite, u portfelju nedostaje jedan tip dokaza.

Prvi projekt: redizajn postojeće stranice

ZADATAK I STRUKTURA

Najlakši način da počnete je redizajn stranice koju svakodnevno koristite. Odaberite nešto jednostavno, poput lokalnog kafića ili vlastitog omiljenog bloga. Složite novu verziju u HTML-u i CSS-u, s responzivnim rasporedom.

Nije važno je li stranica stvarna ili izmišljena. Važno je da imate jasan zadatak i da ga dovršite. Odaberite stranicu s najviše tri različita tipa sadržaja, jer tako u prvom projektu nećete potrošiti sve vrijeme na prikupljanje materijala.

Uz gotovu stranicu priložite i kratki popis onoga što ste promijenili: navigaciju, raspored, veličine slova, razmake i ponašanje na malom zaslonu. Time pretvarate estetsku vježbu u argument.

Rad na redizajnu stranice za lokalni kafić, prijenosno računalo i skica rasporeda

Drugi projekt: stranica za izmišljeni brend

SADRŽAJ I CMS

Izmišljeni brend daje vam slobodu koju stvarni klijent ne daje. Zamislite malu tvrtku, njezine usluge, ciljanu publiku i ton komunikacije. Zatim složite stranicu s nekoliko sekcija, uključujući kontakt obrazac.

Ako želite, izradite je u WordPressu umjesto statično, kako biste pokazali i CMS vještinu. Takav projekt dobro pokazuje da razumijete i strukturu i održavanje.

Treći projekt: vlastiti blog ili osobna stranica

ŽIVI PROJEKAT

Osobna stranica ima prednost jer je stvarna. Možete je koristiti kao portfolio, kao mjesto za pisanje o učenju ili kao kontakt. Ako je izradite u CMS-u, imate primjer rada koji je ujedno živ.

Vremenom je možete dopunjavati novim projektima. Tako portfolio raste bez da svaki put počinjete od nule.

Tri gruba rasporeda pričvršćena na zid, usporedba struktura za predstavljanje projekta — Tri dijela opisa odgovaraju trima stupcima na plakatu: kontekst, provedba i obrazloženje.

Kako predstaviti projekt

Uz svaki projekt napišite kratak opis u tri dijela: što je bio zadatak, što ste napravili i zašto ste odlučili tako. Zadatak objašnjava kontekst, provedba pokazuje vaše vještine, a odluke pokazuju da razmišljate.

ZADATAK

Dvije do tri rečenice o tome što je stranica trebala postići, kome je namijenjena i koje su bile granice. Bez ovoga čitatelj ne zna je li posao bio lagan ili zahtjevan.

PROVEDBA

Što ste točno složili i kojim redoslijedom. Ako ste radili mockup u Figmi, priložite i njega. Ako ne, nije nužno. Ovdje je korisno navesti i što ste pritom odbacili.

ODLUKE

Kratko obrazloženje izbora: zašto takva navigacija, zašto takav raspored, kako se stranica ponaša na malom zaslonu. Bitno je da tekst bude razumljiv i kratak.

Kad opisujete rad, ne trebate nabrajati alate redom kojim ste ih koristili. Čitatelja zanima problem i rješenje. Ako se u opisu pojavi naziv alata, neka bude uz objašnjenje zašto je bio pravi izbor za taj zadatak.

Gdje objaviti portfolio

Behance je Adobeova platforma za portfolio prezentaciju dizajnerskih projekata, koja se koristi za prikaz web, grafičkih i UX projekata, s međunarodnom bazom kreativaca i studija. Često je mjesto na kojem polaznici tečajeva objavljuju prve radove. Osim Behancea, možete koristiti vlastitu stranicu ili oboje. Profesionalni portali poput Awwwardsa korisni su za inspiraciju, ali tamo idu gotovi, ambiciozniji projekti.

PLATFORMA

Behance

Prvi radovi, šira publika
VLASTITA STRANICA

Osobna domena

Kontrola i kontakt
INSPIRACIJA

Awwwards

Za gotove radove

Koliko projekata je dovoljno

Tri solidna projekta bolja su od deset nedovršenih. Ako imate vlastitu stranicu, blog i jedan redizajn, to već daje dovoljno materijala za prvi dojam. Kad nabavite prvi pravi projekt za klijenta, on ulazi na vrh popisa. Ostatak možete arhivirati ili ostaviti kao dokaz napretka.

Portfolio je živ dokument, ne završeno djelo. Vratite mu se nakon svakog novog projekta, prestrojite redoslijed i zamijenite slabiji rad boljim. Ako rad stoji nepromijenjen godinu dana, vjerojatno više ne predstavlja ono što danas znate napraviti.

Tri

Dovoljno različitih zadataka za prvi dojam: redizajn, brend stranica i osobna stranica.

Jedan

Pravi klijentski projekt mijenja redoslijed na popisu i ide na prvo mjesto.

Nikad

Popis nije zaključen. Svaki novi rad ulazi u portfelj i mijenja prvi dojam.

Što najčešće zapne pri prvim projektima

Česte greške kod prvih projekata

Najčešća greška je nedostatak konteksta: projekt postoji, ali nema objašnjenja zašto je tako napravljen. Druga je preskakanje responzivnog dizajna, pa stranica dobro izgleda samo na širokom zaslonu. Treća je kopiranje tuđeg dizajna bez razumijevanja.

Nema konteksta uz rad

Galerija slika bez teksta ne pokazuje ništa osim da stranica postoji. Dodajte barem dvije rečenice o zadatku i jednoj odluci koju ste donijeli. Pokažite i proces, ne samo rezultat. Tako se vidi što stvarno znate.

Samo široki zaslon

Većina ljudi prvi pogled baci s telefona. Ako se raspored raspe na malom zaslonu, to je prvo što će primijetiti. Otvorite projekt na stvarnom telefonu, a ne samo u uskom prozoru preglednika.

Kopiranje bez razumijevanja

Predložak preuzet s interneta lako se prepozna kad vas pitaju zašto je nešto tako postavljeno. Bolje je napraviti jednostavniju stranicu koju možete objasniti do kraja.

Prijenosno računalo i telefon na stolu, provjera projekta na malom zaslonu — Provjera na stvarnom telefonu otkrije ono što široki zaslon sakrije.

Kako povezati portfolio s učenjem

Ako još pohađate kurs, počnite graditi projekte paralelno s nastavom. Tako gradivo odmah prelazi u praksu, a na kraju imate gotov materijal. Ako još birate program, provjerite uključuje li završni projekt. Ako ne, sami osmislite jedan.

Vodič kroz učenje pokazuje redoslijed tema, a usporedba kurseva pomaže da odaberete format. Alati i resursi korisni su kad zapnete na konkretnom zadatku, primjerice kod responzivnog rasporeda ili rada u CMS-u.

Pogledaj alate i resurse RESURSI Usporedi kurseve Pošalji pitanje

Najčešća pitanja prije prvog projekta

Koliko HTML i CSS trebam znati prije prvog projekta?

Dovoljno da sami složite jednostavnu responzivnu stranicu. Prvi projekti ne moraju biti složeni, važno je da ih dovršite.

Treba li mi Figma za prvi mockup?

Nije obavezna. Mockup možete skicirati i na papiru ili izravno u pregledniku. Figma pomaže ako planirate raditi dizajnerske projekte.

Je li Behance dovoljan kao portfolio?

Behance je korisna platforma, ali vlastita stranica daje vam više kontrole. Mnogi koriste oboje.

Nije jasno odakle početi?

Pošaljite pitanje o svom prvom projektu i dobit ćete smjer, ne gotov predložak. Korisno je navesti koji format kursa pohađate ili planirate, koje alate već koristite i na kojem zadatku ste zapeli. Ako tražite program koji uključuje završni projekt, pregledajte usporedbu kurseva prije nego što odaberete.

Pošalji pitanje KONTAKT Pogledaj vodič kroz učenje

Yarenulov — Kursevi veb dizajna

Ilica 42, 10000 Zagreb, Hrvatska

Pon–Pet: 09:00–18:00; Sub: 10:00–14:00

Kontakt stranica

PROSJEČNO VRIJEME ODGOVORA

Odgovaramo radnim danom unutar jednog dana. Za upite o formatu kursa i završnom projektu dovoljan je kratak opis onoga što već znate.