Portfolio Website Proposal

Post on 22-Mar-2016

232 views 1 download

Tags:

description

Case study proposing design for personal portfolio website.

Transcript of Portfolio Website Proposal

Portfolio Site Proposal Spring Moon

Concept StatementUsers that may visit my site: Art/Creative Directors Hiring Personnel Students Friends Co-Workers Advertising Agencies Instructors Clients Design Firms/Potential Employers

What will users want to see in order to enjoy their visit to your site?

Portfolio (My best work) Information about me (Resume/Contact)

Intended Audience

Potential Employers/Clients

Describe what you need to inform and persuade them of:

Promote my: Portfolio and Design Skills Goals of the site: Display my portfolio & attract paying clients My ultimate message/philosophy: “The ability to simplify means to eliminate the unnecessary so that the necessary may speak.” - Hans Hoffman”

What story are you telling?

Do more than just make things. Be compelling, interesting, and fresh. Drive to the edge, and jump off. Don’t be afraid to think outside the box, and just do it!

List the assets you need to persuade the user:

1-2 Package Design 2 Logo/Identity Sets 1 Ad Campaign 2 Interface/Web Design 2 Applied Illustrations

What categories will you depict in your mockup?

Print Design Interactive Media Package Design Identity Design

Concept Statement

When designing my portfolio website, my intent will be to deliver a presentation that will best represent my work. I do not want the user to be distracted by the web design and layout, as the whole reason they visited my page was to see my portfolio. My goal is to have the user immediately immersed in my work. Featured work will be displayed on the homepage in categories, in which you could dive deeper if desired.

To summarize, I would like the web design (elements, variations, colors) to be very minimal, so my work will show as the highlight of their visit. The navigation will be extremely evident, so interaction with the web will be a real ease. In terms of color, my palette will be very soft, some neutrals with a pop of color only on hover of certain elements. This will help make the user more aware of their interaction with different features and clickable areas.

MOODBOARD

Inspiration

Sketches

- Gridded/tiled look tells more of a story- Either design could easily be coded to be responsive- B/W photos, color on hover (to keep from clashing)- Can easily keep adding projects- Tiling can appear too busy with too many projects (lack of hierarchy)

Style GuideTEXTURES

COLORS

TYPOGRAPHY

CREATIVE CONSIDERATIONS

Clean, Cool, crisp design.

R 69 g 166 B 180 #45a6b4

R 136 g 163 B 167 #88a3a7

R 95 g 143 B 147 #5f8f93

R 147 g 146 B 145 #939291

R 105 g 103 B 105 #696769

R 70 g 71 B 70 #464746

Site Map

HOMEPAGE THE WORK MOTION

IDENTITY

INTERACTIVE

ILLUSTRATION

PACKAGE

RESUME

BOOK & PAGE LAYOUT

THE INFO

CONTACT

THE GRAPHIC DESIGNER

WIREFRAMES

Logo340 X 145 PX

Project 1 under from Section 1500 X 337 PX

Project 2 under from Section 1500 X 337 PX

Project 3 under from Section 1500 X 337 PX

Project 4 under from Section 1500 X 337 PX

WIREFRAMES

Logo340 X 145 PX

Cover Image295 X 185 PX

Cover Image295 X 185 PX

Cover Image295 X 185 PX

Cover Image295 X 185 PX

Cover Image295 X 185 PX

Cover Image295 X 185 PX

WIREFRAMES

Logo340 X 145 PX

Full Image704 X 500 PX

WIREFRAMES

Logo340 X 145 PX

HOMEPAGE HI-FILANDING PAGE

HOMEPAGE HI-FIHOVER OVER FEATURED #2

HOMEPAGE HI-FIHOVER OVER FEATURED #3

HOMEPAGE HI-FITHE WORK PROJECT PAGE

HOMEPAGE HI-FITHE WORK HOVER OVER IDENTITY

HOMEPAGE HI-FIIDENTITY SHOWCASE IMAGE 1

HOMEPAGE HI-FIIDENTITY SHOWCASE IMAGE 2

HOMEPAGE HI-FIIDENTITY SHOWCASE IMAGE 3

HOMEPAGE HI-FITHE GRAPHIC DESIGNER - RESUME

HOMEPAGE HI-FITHE GRAPHIC DESIGNER - RESUME

HOMEPAGE HI-FITHE INFO - CONTACT

Sources

“50 Fantastic Examples of Beverage Packaging Design.” 50 Fantastic Examples of Beverage Packaging Design Comments. Inspiration Feed, 8 Apr. 2011. Web. 20 Jan. 2013.

Casey, Chris. “Web Design Icon Version.2.” Dribbble. N.p., 3 May 2012. Web. 20 Jan. 2013.

Julien Pons : A Graphic Designer Working in Paris & London.” Julien Pons : A Graphic Designer Working in Paris & London. N.p., n.d. Web. 04 Feb. 2013.

LP Creative’s Portfolio.” LP Creative’s Portfolio. N.p., n.d. Web. 04 Feb. 2013. “Ploc Media Ltd.” Ploc Media. N.p., n.d. Web. 04 Feb. 2013.

Shim, Thomas. “ The Manifesto.” Motion Graphics Inspiration | #262 | From up North.” From up North. N.p., n.d. Web. 19 Jan. 2013.

SimonOneLove. “14 Social Badges by ~SimekOneLove on DeviantART.” 14 Social Badges by SimekOneLove on DeviantART. N.p., n.d. Web. 05 Feb. 2013.