GD 208 Interface Design Spring 2012 Portfolio Website Design Project
SPR 12 - Interface Design Portfolio Website Design Project
Creative Brief Background The purpose of this website is to show my portfolio and my skill in web and graphic design. And to reflects my personality and style Target audience Employer, colleagues, instructors, and future clients
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
Objective Create a professional, creative and easy to navigate website to promote myself Obstacles Time management, have a strong branding Key benefit Having a website that is easy to use and to access Tone grey,white and orange Media Webpage
Concept Statement I want to create a professional- looking web site that still reflects my personality or vibe. The looking feel of my website will be like a note book or a book. My logo will be on the top left of the website. And below the logo will be my navigation bar. The navigation bar consists of home button, portfolio button, resume and the last contact button. The home page will be only recent works and it will be coded using jQuery.The portfolio page will have sub navigation bar on the left and the images will be on the right. While the resume page and the contact page will have the same layout. The resume page will have the categories (education, experience, skill and others) on the left and the answers are on the right. While the contact page, will have my email and linkeid icon the left and the contact form on the right.
SPR 12 - Interface Design Portfolio Website Design Project
Mood Board
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Style Guide #fff R=255 G=255 B=255
#828586 R=130 G=132 B=135
Navigation: Century Gothic 16px
Home Portfolio Resume Contact
Body: Century Gothic 14px
Creative Brief Mood Board
#f99b1c R=255 G=157 B=0
Style Guide
Textures:
Sketches Lo-Fi Hi-Fi
At que se volupic idemqui doloribusape ducipsaped ut voloribus delit officium et, nobit evenditibus nullores quam eos et qui in res re dolorei untiaes sam seque voluptiosa si ut estiur maxim quat.
#f7d1d1 R=247 G=223 B=209
SPR 12 - Interface Design Portfolio Website Design Project
Sketches
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Sketches
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Final Sketches
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Lo-Fi: Home
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Lo-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Lo-Fi: Resume
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Lo-Fi: Contact
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Home(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Home(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Resume(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Contact(before)
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Home
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Home
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Portfolio
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Resume
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after
SPR 12 - Interface Design Portfolio Website Design Project
Hi-Fi: Contact
Creative Brief Mood Board Style Guide Sketches Lo-Fi Hi-Fi
before after