Portfolio Website Proposal Scott Johnston | Winter 2013 | IM231
Concept Statement Create a list of all users that may visit your site: Potential Employers Potential Clients Family Fellow Graphic Designers Friends What will these users want to see in order to enjoy this site? My portfolio and contact information Name your intended audience: Potential Employers/Clients Describe what you need to inform and persuade them of: The Bath House Pet Salon Identity System Logo Letterhead, Business Card, Envelope Screenprint Info Booklet 25 page booklet Imposition Grids The Boonie Hat Coffe Comapny Newsletter Logo 4 page layout (folded) Complex Magazine Cover & Spread Spread Hyperice Site Redisgn Proposal
Scott Johnston | Winter 2013 | IM231
For the purpose of structuring your website portfolio pages, list the categories of work you will show. Illustration Web Design Identity Print/Packaging Concept Statement: In creating my portfolio website I want to showcase my work in the best possible way for the veiwer. I want my site to be an experience with both my work and the design of the site. To grab the viewers attention I will have a quote from a designer that is humorous on the first page. As the veiwer scrolls through they will be presented with my work broken down into three categories (Web, Print/Package, Identity).I will use complemetary colors and gradients to enhance the look of the site. There will be no other graffics other than my work so the viewer is not distracted. The structure of the site will be panels that interact with the veiwers scroll (parallax scrolling). There will be arrows directing the veiwer of additional content and a navigation bar on each page (excluding the first two pages. The images of my work will be displayed at relativly small size, when they are clicked on they will enlarge. I want the viewer to enjoy the experience of visiting my site.
Moodboard
Scott Johnston | Winter 2013 | IM231
Inspiring Sites
dangelicoguitars.com
soleilnoir.net/believein/#/typo
Scott Johnston | Winter 2013 | IM231
nike.com/jumpman23/aj2012/
soupagency.it/#soup
Concept Sketches
Scott Johnston | Winter 2013 | IM231
Style Guide Font Family
Colors
#006666
Helvetica Neue Light Helvetica Neue Bold
#FF5E00
Helvetica Neue Regular Helvetica Neue Condensed Black
#FFFFFF
#00FFFF
Scott Johnston | Winter 2013 | IM231
Wireframes Landing Page
Home Page Pull Menu
Scott Johnston | Winter 2013 | IM231
Quote
Welcome Page
Scroll
Scroll
Wireframes Portfolio Page
Individual Portfolio Work Page Title
Content
Scroll
Scott Johnston | Winter 2013 | IM231
Scroll
Wireframes Light Box
Resume Page
Title
Resume
Content
Content
Scroll PDF
Scroll
Scott Johnston | Winter 2013 | IM231
Wireframes Contact Page Contact
Content
IN
Scott Johnston | Winter 2013 | IM231
Site Map
Scott Johnston | Winter 2013 | IM231
High Fidelity Home
Scott Johnston | Winter 2013 | IM231
High Fidelity Home
Scott Johnston | Winter 2013 | IM231
High Fidelity Work
Scott Johnston | Winter 2013 | IM231
High Fidelity Work
Scott Johnston | Winter 2013 | IM231
High Fidelity Work
Scott Johnston | Winter 2013 | IM231
High Fidelity Work
Scott Johnston | Winter 2013 | IM231
High Fidelity Work
Scott Johnston | Winter 2013 | IM231
High Fidelity Parallax
Scott Johnston | Winter 2013 | IM231
High Fidelity Resume
Scott Johnston | Winter 2013 | IM231
High Fidelity Parallax
Scott Johnston | Winter 2013 | IM231
High Fidelity Contact
Scott Johnston | Winter 2013 | IM231
Sources
Image Sources: Mood Board http://www.frontiermarketnetwork.com/article/967-bks-rebrands-as-aecom-sa http://news.cnet.com/8301-30685_3-20043680-264.html http://en.wikipedia.org/wiki/File:Orcarbazepine_3d_structure.png http://www.businessdevelopment.ch/Coaching.htm Site http://www.softicons.com/free-icons/system-icons/lozengue-filetype-icons-by-gurato/pdf-file-icon http://kevin.lexblog.com/2012/11/02/linkedin-adding-2-members-per-second/
Scott Johnston | Winter 2013 | IM231