webportfoli oProposal project
vi etHo|I nterfcedesi gn|project1
CONCEPTSTATEMENT Pot ent i alaudi ences: WebDes i gner s Gr aphi cDes i gner s Web/ gr aphi cempl oy er s Whatwi l lt heybei nt er est edwhent heyvi si t emysi t e: Pr omot emy :gr aphi cdes i gns k i l l s ,webc odi ngs k i l l s ( ht ml , c s s , j av as c r i pt ) , wor ks ampl esf r om c ol l ege. Goal soft hesi t ear e: s howof fper s onal s k i l l s ,k nowl edge,andpor t f ol i os . Myul t i mat emessage/ phi l osophy: I nt r oduc emy s el f ,howc anIwor ki nac ompany ,at eam. Al s ot heabi l i t y t or es pons et hec ompany ’ smi s s i ons . Whatwi l lIt el lt heaudi enceaboutmysi t e: I nt r oduc emy s el f ,wher eIc omef r om,howmanyex per i enc eIgoti nmy maj oraswel l asmygr aphi candwebdes i gns k i l l s .
Gener al l y ,mywebpor t f ol i os i t ewi l l s howt hei nt r oduc t i onofmy s el fatf i r s tpage ( hompage) .Then,Iwi l l i nt r oduc emys k i l l si ngr aphi cdes i gnandes pec i al l yweb des i gni nc odi ngwi t hHTML,CSSandJ av as c r i pt . Andt hemos ti mpor t antt hi ng f ormywebs i t ei spor t f ol i ost hatwi l l bemywor ks ampl est hatIdi dwhi l eIwas s t i l l i ns c hool .Thes ampl eswi l l bel i s t edi nt humbnai l s .Thec onc eptwhen c l i c k i ngoneac ht humbnai l i st heac t ual s i z eoft hewor k ’ si magewi l l bepul l ed upasal i ght boxi nt hec ent eroft hepageandt heot heri mageswi l l bel i nedup hor i z ont al l yorv er t i c al l yl i k e“ Googl epl us” .whenpr es sEs c apebut t onorc l i c k ont hewhi t es pac eout s i deoft hel i ght box ,i twi l l gobac kt ol as ts t at eofpage.I wi l l appl ypar al l axef f ec tandCSS3t r ans i t i onf oreac hnav i gat i onev ent .I ’ m goi ngt odes i gnmys i t es c r ol l i ngi npar al l axef f ec thor i z ont al l yl i k eAndr oi d’ s homes c r een.Ther ef or e,whenwes c r ol l t hepagebyus i ngl ef tandr i ghtar r ow ormous e’ ss c r ol l but t on,t hes i t ewi l l s c r ol l s moot hl y . Al s ot hebac k gr ound,wi l l bec hangei neac hpage,Iwi l l mak ei tani mat i ngwhenmov i ngt hemous e.The
Whatcat egor i eswi l lIdepi cti nyourmockup? Par al l axef f ec tandCSS3t r ans i t i ons ( ex .c ubi c bez i er )f oreac hnav i gat i onc l i c k .
vi etHo|I nterfcedesi gn|project1
I nspi ri ngWebsi tes
vi etHo|I nterfcedesi gn|project1
sketches
vi etHo|I nterfcedesi gn|project1
Moodboard
vi etHo|I nterfcedesi gn|project1
Stylegui de
Archi vefont #1 51 d21
ver danaf ont
#ffffff
#262b2e
vi etHo|I nterfcedesi gn|project1
Si temap
vi etHo|I nterfcedesi gn|project1
Wi reframes
vi etHo|I nterfcedesi gn|project1
Portfoli o
contact
hello, I ’ m Vi etho
résumé
Webdesi gn& I nteracti vemedi a
Portfoli o
contact
résumé
Portfoli o
contact
résumé
Portfoli o
vi etho vi et hdd@gmai l . com
contact
Yourname:
Emai l :
PhoneNumber :
Message:
send
rĂŠsumĂŠ
Portfoli o
contact
Emai l
vi et hdd@gmai l . com
Educat i on
20072011
résumé
EdmondsCommuni t yCol l ege AA Net wor kI nf or mat i onandSecur i t y
2012pr esent Ar tInst i t ut eofSeat t l e BS WebDesi gnandI nt er act i veMedi a Ski l l s
W eb:
HTML5,CSS3,J avascr i pt
Gr aphi c:Phot oshop,I l l ust r at or ,i nDesi gn, pr oPr emi er e,Af t erEf f ect Exper i ence
I dent i t y UserExper i ence ConceptDevel opment