graphic designer portfolio

[ Aleksandar Ružičić @ 02.11.2011. 11:53 ] @

Na sam dizajn nemam neke velike zamerke, super je. Samo bi mogao malo na semantici da poradis (i validnom html-u). Konkretno:

• koristi image replacement tehniku umesto <img /> taga za naslove (mada bolje od image replacement-a po meni je @font-face)
• ovaj kod:

Code (html):

<ul id="topmenu">

    <a href="/logo"><li class='menu_logo '>&nbsp;</li></a>

    <a href="/corporate"><li class='menu_corporate '>&nbsp;</li></a>

    <a href="/print"><li class='menu_print '>&nbsp;</li></a>

    <a href="/web"><li class='menu_web '>&nbsp;</li></a>

    <a href="/package"><li class='menu_package '>&nbsp;</li></a>

    <a href="/magazine"><li class='menu_magazine selected'>&nbsp;</li></a>

    <a href="/book"><li class='menu_book '>&nbsp;</li></a>

</ul>

nije validan (iskreno, cudi me da se browseri ne bune, u smislu da renderuju neko djubre - "garbage in - garbage out"), trebalo bi ovako:

Code (html):

<ul id="topmenu">

    <li class='menu_logo '><a href="/logo">Logo design</a></li>

    <li class='menu_corporate '><a href="/corporate">Corporate design</a></li>

    ...

</ul>

kao sto sam vec pomenuo, koristis neku od image replacement css tehnika da sakrijes ovaj tekst (Logo design) a da prikazes sliku (background-image). Ovo je jako bitno jer pretrazivaci jos uvek ne OCR-uju slike, tako da nemaju pojma sta ta slika predstavlja (bez teksta ce te google tesko nalaziti na upite "corporate design" i sl)..

• sav tekst stavi u <p></p> tagove, naslove u <h*> elemente (semantika, da bi ti html dokument imao smislenu strukturu, a sve u cilju da te pretrazivaci bolje rangiraju)

• imas od mene jedan minus za koriscenje srpskih naziva za css klase :D

sto se dizajna tice, kao sto rekoh ok je, al evo nekih sitnih sugestija:

• istina je da nemas mnogo teksta (i ne treba, na portofoliu) ali si mogao malo vise paznje da posvetis tipografiji, radi boljeg vizuelnog dozivljaja korisnika.. recimo, ovi boksovi izgledaju lepse sa font-family: 'Gill Sans', Calibri, 'Trebuchet MS', sans-serif; (sa odgovarajucim font-size i line-height), moguce da bi neki font "stek" jos bolje izgledao, ovo sam samo prvo probao (take a look)

• na ovoj galeriji bi mogao da dodas next/prev strelice koje se pojave kad hoverujes veliku sliku blizu ivica. takodje, bilo bi dobro da se rotacija pauzira dok se pointer nalazi iznad slike.

• ubi resize (resize: none;) na ovom textarea elementu..

[ Leruman @ 12.12.2011. 19:37 ] @

Sajt je odlican, stvarno mi se svidjaju dizajni koji su prikazani.

Ono sto bi samo iskomentarisao da mozda moze da se promeni je podatak o dizajneru i testimonials. Oni se na svakoj strani nalaze na dnu, nisam siguran da li je to footer ili je svaka strana takva. Ja bih te podatke stavio na posebnu stranu i ubacio jos neki komenar klijenata, mozda detaljnije podatke o dizajneru.

Tako ce ce se tvoji dizajni otvarati tacno u visini vecine moniota i nece biit scroll boxova.

Ako vec nemas puno teksta potrudi se da odradis visejezicnu verziju, podicices nivo sajta.

Sve kritike su dobronamerne :))