1 / 22

Your Web Portfolio

Your Web Portfolio. ART340. Your Target Audience . Who will visit your site? When deciding where you want to work, ask yourself: Urban vs. Rural? What is the demographic location? What is the culture of the area you wish to live in?

neena
Télécharger la présentation

Your Web Portfolio

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Your Web Portfolio ART340

  2. Your Target Audience • Who will visit your site? • When deciding where you want to work, ask yourself: • Urban vs. Rural? • What is the demographic location? • What is the culture of the area you wish to live in? • If you were an employer, what would you want to see on a potential hire’s site? • For this project, you will create 3 user profilesfor you, and two of your competitors.

  3. Your Target Audience • Q: Why must you understand your target audience? • A: It is essential in selecting your design pieces, and in designing your site for that particular audience. • Give your target user profile a name, let’s say Bob. Ask yourself, what would Bob want to see? Bob

  4. Personal Logo Joe Shmoe • You will create a logo for your site. • The first thing a potential employer will see is your logo. • Create a memorablelogo. • TIP: Show your roommates your logo concepts. Ask them a couple days later which one stuck out the most to them? • Keep your logo near the top of your design. • Tip: Always link your logo to your homepage.

  5. Personal Logo Examples:

  6. Personal Tagline • When a person arrives at your site, they want to know who you are & what you do. A tagline explains that. Keep it simple and clear. • Spend time to reflect on: • What do I do? What experience do I have? What do I love? • Check out: www.sloganizer.net/et _____________________________________________ I design for money. I enjoy it for free. Great design is what I do. I design to live, and eat to design.

  7. The Portfolio • Use large, high-quality images • Limit your scope and number of works • 10 is much better than 50 • Provide who, what, where, when and why of each example • Consider doing a short and sweet description for each work. • Describe the skills you needed to complete the project.

  8. What can you include? • Book designs • Design projects • Fine art • Layouts • Magazines • Photographs • Calligraphy • Illustrations • Logos • Package design • Storyboards • Type • Web design • App design • Anything that showcases your creative skills.

  9. Your Services • Eliminate the guesswork. Tell them what you do. • Possible Examples: • Logo design • Flyer design • Poster design • Editorial design • Web design • Web development • Video • Copywriting • Photography

  10. About Me • The place where youmodestlytoot your own horn. • Things to consider including on this page: • Your background information • Any interesting details about yourself • A picture of yourself • Adds an element of trust • Any awards and recognition • Your skills • Client testimonials YOUR OWN HORN

  11. Contact • The second-most important page on your portfolio site • If someone wants to hire you, help them, help you • Make it as easy as you can on the visitor • Make your contact button highly visible • Write a sentence inviting them to contact you • Consider creating a user-friendly contact form

  12. Craft jTheir markup is superb. Let’s hire them. • Use standards compliant markup • Organize your files and folders • Remove unneeded images/rules/etc. • Avoid spaghetti code! • If a potential hire goes under the hood of your site, make sure your engine purrs like a newborn kitten

  13. Usability • Clear, visible and user-friendly navigation • Beware of uncommon navigations • Don't let your creative concept distract from your work: • For example, horizontal scrolling can be confusing YOUR GOAL: THIS REACTION

  14. Call to Action • A “call to action” is what you want your visitors to do once they arrive • Each page should have one • In your case, from the homepage, you might want a button that leads the person to view your portfolio. • Make the action clear. A large button linking to another page is one solution. _____________________________________________ What are some other calls to action your site might have?

  15. Social Media • Behance • Deviant Art • Flickr • Linkedin • Blogs • Avoid using sites like Facebook, Pinterest& Twitter unless these pages are professional in nature.

  16. Blog • Blogs are what’s hot • Why? They generate fresh content on a regular basic, and search engine loves that. • An opportunity showcase your knowledge. • People can follow you by subscribing to your RSS feed. • Top 5 free blogging sites: • Blogger, Wordpress, Livejournal, Tumblr, Blogsome

  17. Design Considerations • Avoid using too many visual elements • Utilize whitespace • Consider down-the-road how easy it will be to do updates • Subtlety infuse your personality • Consider creating infographics • Less is more.

  18. InfoGraphics • Visual communication at its essence.

  19. Employment Timeline InfoGraphic

  20. Portfolio Examples Let’s look at some portfolio websites together: • http://dansweetdesign.com/ • http://www.gerrenlamson.com/index.htm • http://www.markhobbs.net/ • http://jawsmartin.com(your peer)

  21. Final Tip • Be yourself. • This is a personal portfolio site, so be personal. • Avoid being too corporate, aka. cold and serious.

  22. References Munroe, Lee. "10 Steps To The Perfect Portfolio Website."Smashing Magazine. N.p., 26 2009. Web. 8 Nov 2012. <http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/>. Hodge, Sean. "Creating A Successful Online Portfolio."Smashing Magazine. N.p., 04 2008. Web. 8 Nov 2012. <http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/>.

More Related