Here are some tips and links to help you build a simple, non-creative, portfolio web site.
1) SAVE ALL YOUR CLASS WORK
The first step to building a good portfolio site is having something to show on that site. So, save your homework assignments!
In the past, I always recommended saving your assignments (mostly written assignments) to Scribd.com. But, Scribd has changed dramatically, and it doesn't work like it used to. So, I recommend these Scribd substitutes:
- SlideShare.net -- This is your best bet! It's owned by LinkedIn.
- Google Docs -- Docs.Google.com Store all kinds of different documents here: Word files, Excel files, slideshows, images, etc.
- Flickr.com -- Store photos here and/or your design work (in jpg format)
- Use YouTube or Vimeo to host your video projects
- Use SoundCloud for audio projects.
Another option is to be very organized with your homework -- save everything in several locations. Include Dropbox.com as one of your locations. Then, when you're ready to build your site, you can import each homework item in an appropriate format. You have to look through many portfolio samples (like the ones listed here) to understand the variety of ways to show different types of files.
2) FREE AND EASY WEB-BUILDING SITES
You need a web site! Don't even question this, you need it. Here are some options for you. [Note: if you want to build web sites for a living, do not use any of these suggestions -- build your web site "from scratch."]
• Wordpress.com
This is your best bet, but be prepared for a learning curve. The benefits start with a simple integration of a branded URL for only $17 per year (sign up for this from the beginning, as you are starting your "blog" -- it's more difficult to add this after your site is already built.) Wordpress also automatically creates a mobile version of your site, and even an iPad version, if you'd like. You'll have dozens of templates to choose from, and options to add a custom header, if you'd like. Be advised: If you are looking for a design job, do not choose a template that already is heavily designed -- choose a plain template (like 2010) and add your own custom header that showcases your design. If you spend several hours playing around in Wordpress, you'll get the gist of things -- it's well worth your time! (Hint: you probably want to start out with a playground site and experiment with "pages" and "posts" until you understand the difference!)
WordPress Examples:
- TaylorLJohnson.com
- BenNuelle.com -- A good example for broadcast students.
- MaddiePospisil.com -- Creative and strategy documents.
- ErinFunk.com -- Erin has continued to build out her site after graduation. See her SlideShare plug-in resume.
- AbbieVoorhies.com -- Design heavy.
- AdInk.org -- See this page to see how SlideShare.net content can be embeded.
- TimGillissen.com -- Another branded URL; this site has a nice large photo, so if you're a photographer, you can check out Tim's approach to showcasing photos. Note: Tim uses the advanced version of WordPress, WordPress.org, so you may see features here that aren't available on the free version.
- JacquieLamer.com -- And then there's my WordPress site.
- Adding audio to Wordpress: See this Soundcheck theme and this Wordpress help page.
• SquareSpace.com
- First: start by going through the guided portfolio builder at SquareSpace.
- SpacesSquared.co.uk -- This site hosts several good examples of portfolio sites build with SquareSpace.
- AlecRHenn.com
Weebly has been consistently offering good web-building tools, and continues to make improvements to its offerings. This is a reasonable source for your portfolio site. Check out some examples and see what you like. Weebly does have a mobile format available, a must!
- CatieDrummond.weebly.com
- Erica Brade
- BethanyMuller.com -- Bethany has a nice portfolio site using Weebly.com.
- MichaelaFernen.weebly.com -- An interesting layout -- check it out!
• Wix.com
Wix has some similar tools as Weebly and WordPress.
- www.KellenBurgess.com
- Kaci Guerra
- Ivory Lacina -- HeyIvory.com
- Whitney Hall -- https://whitneynikolehall.wixsite.com/mysite
- AngelaNBode.com
- sydneykrusebishop.wixsite.com/sydneykrusebishop
- www.CaitlynBurkemper.com
- 5 HTML Wix examples, and also here, created by Wix professionals.
Not as powerful as Wordpress, but using some of their new templates, you'll have a nice framework for your portfolio site. And, it can be "automatically" formatted for mobile devices. The site you're on now is made using this tool. As you can see, you can add navigation items and a custom header. You can embed documents (see the "Internships" page) and videos (see QR video below). Like Wordpress, you'll have to experiment with "pages" and "posts" -- they are two different methods of posting content, and there are advantages and disadvantages to both. The site you're on now uses primarily "pages" -- each navigation tab above is created using a "page."
- SmittenBlogDesigns.com -- I don't have a lot of Blogger portfolio sites to link to, but this one is neat, because it's not only been custom designed, it is a site about Blogger design options, so you might get some ideas here! This site is made primarily with "posts," but there are some "pages" that are evident in the navigation tabs.
- NWjobs.blogspot.com -- This site! This site is made primarily using "pages" not "posts."
- Video 3xamples: Wendy Whelan and Megan Davis
• About.me
This is a quick and easy way to bring together all of your social sites, so it's possible to use this as your one-stop web site.
- Shelby Simpson's site.
- Here's my site. This site recently added a widget for WordPress, so you can show a summary of your About.me items on a WordPress site.
- Angela Bode's About.me site.
• Very easy ways to have an online "portfolio"
For simply the easiest approach to having an online "presence," try these:
- SlideShare.net: You can upload your work (and you should) but just use this as your one-stop web site. (You need to use a site like this, anyway, to host your documents, so you can just have this be your first/starter portfolio site!) Kayla Yehle Here's mine.
- LinkedIn.com: You should have a LinkedIn account anyway, so why not just upload documents to it and use this as your one-stop web site? Ali Stott, Brandon Painter, Annastasia Tuttle, Nathan Matt, Kaci Guerra, Mark Ludwig, Tim Hannah, Kyle Miller, Tim Mottet, Kayla Yehle, Here's mine.
- SoundCloud.com: If you're a broadcast major, particularly audio emphasis, you're already familiar with SoundCloud. But have you thought about just using this as your "portfolio" site to showcase your audio work? Here's a good example: SoundCloud.com/BenNuelle
- YouTube.com: Of course, if you're a broadcast major, you've got a YouTube account with all your work. You can just use your YouTube account as your "portfolio" site, like this, and Brandon Painter, Tim Hannah,
- Vimeo: Mark Ludwig
- Flickr: https://www.flickr.com/photos/153456898@N08/Annastasia Tuttle's photo stream
- Scribd.com: This option no longer works, but I'm keeping it here in case they revert back to their previous format. See my example at: Scribd.com/jplamer.
• Some portfolio sites
CargoCollective and BehanceNetwork are places where designers can showcase their work. They aren't really portfolio-building software-based sites like the ones above, they are more like designer communities. But, they're worth mentioning here because you may find these useful if you are a designer. Some of these services also are plug-in options at Flavors.me and About.me. For broadcast majors, post your credentials at StaffMeUp.com.- See Mel Hogan's page at Behance.net.
- See Chance Parson's StaffMeUp page.
- Try Carbonmade.com.
- Student journalism portfolio tips.
- Here's a good student "about" page.
3) GET A NICE PORTRAIT PHOTO TAKEN
Upload a nice photo, create a compelling bio and use one of the templates in No. 1 to host everything you want potential employers to know about you. Did you know: AdInk offers a portfolio service as part of Career Services Mock Interview Day!
4) ADD SOCIAL MEDIA LINKS
Add at least one social media link to your portfolio site -- at minimum, this should be LinkedIn. If you don't have a LinkedIn account, get one. If you use Twitter for professional posts, then add a Twitter link to your site. (If you only use Twitter for personal posts, don't link to Twitter!) Ditto for Pintrest. Don't link to your Facebook account -- but expect the HR manager to find you on Facebook!
Egon Heidendal has a good example of this in his "Contact" area of his web-based porfolio, and you can add these tools easily in several of the template sites.
Check out this elevator pitch that the student hosted on her LinkedIn profile.
Buy "your name dot com" so that the address of your online portfolio is easily found. The simplest way to do this is through WordPress (see above). But, you also can buy relatively cheap domains at GoDaddy.com (secure your domain for at least two years -- five is better!). Once you own the domain, simply forward it to your Blogger, Wix, Google Sites, or other template-built page. For some tips on branding yourself across your site, your resume, and business cards, see what some AdInk'ers put together for a recent "Brand Yourself" information session: AdInk.org/BrandYourself.
6) CONSIDER A GOOGLE VOICE NUMBER
Consider establishing a Google Voice number that will only be used for your job search. It's free, and messages can be transcribed and emailed to you or send via text. This means your personal phone number doesn't have to be published online, but you'll get messages pronto!
7) RESEARCH PORTFOLIO SITES
Do some research for more ideas on building simple, web-based portfolios. This eHow page is just one example that will help you come up with ideas for building a simple site! See this site for a list of blog-portfolio examples. Here's a slideshow on the same topic.
8) MAKE A COMPELLING "ABOUT ME" PAGE
Here are some examples of good "About Me" pages.
9) MAKE AN ELEVATOR PITCH
An elevator pitch is a short (60-second) summary of who you are and why you should be hired. Here's an example on YouTube. You can embed YouTube videos into your LinkedIn profile, like this.
And now for some web site inspiration...
Check out what these two students did to apply at Droga5.
Here's how to get attention when you really, really, really want the job! www.dearlisarudgers.com
Here's what your Bearcat competition is doing to apply:
And now for some LinkedIn inspiration...
And now for some QR inspiration... (THIS is how to use a QR code!)
QR CODE - Content-rich Resume from Victor petit on Vimeo.
Note this: Advertising professionals know how and when to use QR codes -- if you choose to incorporate a QR code onto your resume or business cards, they will scrutinize your decision. Be sure you know how and when to use these. For example, don't use a QR code unless your web site has a mobile version.
Don't use a QR code on a resume unless you're doing something clever with it, like the video above. Why not? Well consider this: why would you want someone to see your work on a tiny screen when they're likely sitting at their desk when they see your resume? Wouldn't your work look better on a big monitor? So, just put your URL on your resume! Leave the QR code for situations when the person you want to visit your site might not be at a computer -- for example, on a business card.
• Some from-scratch Bearcat portfolio sites
Here are some portfolio sites of NW graduates who have built their sites from scratch.
AudraGustin.com
JustinWieners.com
JaredPemberton.com
Fede Stura's site: MadocDesign.com
Egon Heidendal's site: egonweb.nl
Lindsay Edward's site: lindsayelizabeth.com
Alex Raymond's site: araymonddesign.com
Chris Riebschlarger's site: www.the816.com
JeremiahWall.com
Resume Help
To help you get started with your resume, try these sources:
First stop:
Monster.com's resume center with tips and advice. Use this link to get started on your resume. Check out sample resumes and read through some of the tips, then build your first-draft resume. For more resume examples, see the links below, or conduct a Google search for "resume samples."
Second stop:
Staff members are available to critique your resume and cover letter. Drop by Career Services in the Administration Building (Room 130) with your draft and make an appointment or visit our office during Walk in Hours on Wednesdays between 2 and 5 p.m.
Additional sources:
Sample resumes and cover letters at Monster.com.Sample marketing resumes.
Sample before/after resumes by discipline.
Resume and cover letter samples at About.com.