Adobe-full-color Adobe-white Adobe-black logo-white Adobe-full Adobe Behance arrow-down arrow-right LineCreated with Sketch. close-tablet-03 close-tablet-05 comment dropdown-close dropdown-open facebook instagram linkedin rss search share twitter

Branding & Marketing

6 Steps To Creating A Knockout Online Portfolio

Ready to pump up your creative portfolio? Behance's Chief Designer shares insider tips on showcasing your best work and standing out from the crowd.


As the Chief Designer of Behance, few people are better at identifying a great online portfolio than Matias Corea. While judging contests, looking for new talent, and conducting design research for Behance, he has reviewed thousands of creative portfolios on the web.
To get some insight on what works (and what doesn’t!) when it comes to showcasing creative work online, I chatted with Matias about his observations and extracted six simple tips for building a knockout creative portfolio:

1. Take a step back, and curate your best work.

Take the time to look at all of your work and carefully choose the right pieces for your portfolio.”One piece of advice I got from my mentor was to always showcase the type of work you want to be doing in the future,” says Matias. “Display only the projects that you are really proud of, that look the best, and that use the best materials.”Choose at least five projects so you can demonstrate the breadth of your work, but be selective. Remember, it’s always better to have a portfolio of a few projects that are stunning than dozens of projects where some of them are just OK. The quality of your portfolio is only as good as your weakest project.

Always showcase the type of work you want to be doing in the future.

2. Use eye-catching images, and share the backstory.

Now that you’ve edited the work you want to show, get into the nitty-gritty of each project and think about how to best present it. Visitors like to know the story behind your finished work, so think about presenting your process — from the initial concept, to early sketches, to the finished product.A good rule of thumb is to present the whole piece first, followed by more detailed shots to show the precision of your craft. Stylized photography is a nice touch, as long as it doesn’t distract from the work itself.

project-view

Matias: “First, contextualize the project with a short paragraph. Add a title that makes sense and gives a hint of what this project is about. You want this to be quick reading — you need to be able to glance at it and understand what it’s about. The title, a short paragraph, and first image should be engaging enough to make people want to look at the entire project.”

project-1project-2


 
 NOVUM 11/11 by Paperlux
 
  


 
Written Portraits by Van Wanten Etcetera

project-3

 Citroën DS Line Book by Laurent Nivalle

Once you’ve decided how to frame and explain your project, focus on finding the perfect images or media to showcase the project, starting with a cover image.”If you’re using covers to present your projects in a gallery, it’s important that your cover is crafted,” says Matias. “Your cover doesn’t have to be an exact image from inside your project — you can custom design a cover if the project requires it. For example, maybe you just want to display text. Unify the look of your covers as much as possible.”

covers-1

  Orlando Aquije Abarca on Behance

covers-2



Heydays on Behance

covers-3


 
Andy Gugel, Art Director  on Behance

3. Keep the website design simple, and let the work take centerstage.

When designing a portfolio, you want a website that is straightforward. You want your content to be the focal point, rather than a distracting design.

“Your website is a vehicle for people to find your work,” says Matias. “You don’t want the site to be overly flashy or unconventional — that will make the content more difficult to access. It’s not that I prefer minimalistic designs — it’s a question of creating the visual environment you need to showcase your work most effectively. Simplicity in the interface and visual design of your website will push your work to the surface, where it should be.”

This means simple navigation and the fewest amount of website sections necessary. “Have a gallery of work and a contact page? That’s a great portfolio website.”

Simplicity in the interface and visual design of your website will push your work to the surface, where it should be.

When it comes to customization, Matias advises you to keep it simple —pick one font, and keep things consistent. “One font and sticking to it will make your life easier. Pick a color for each link state that’s the same across the site.”

prosite-1

 bradgeiger.com, built on ProSite

prosite-2

 iancrombie.net built on ProSite

 

4. Craft a bio that expresses your unique process and/or point of view.

Personalize your “about” page to tell your story, not just list your past jobs. Here are a few key pointers for reinventing your resume as a compelling bio:

  • Share a Point of View.As a creative, you have your own unique perspective on your industry and the creative world. Frame your bio with your own creative focus or mission statement.
  • Create an origin story.Share the backstory of how you developed your point of view. Did you have an experience as a kid or early in your career that lead you to pursue a passion or shaped your creative direction?
  • Ground your experience using external details.Anchor your bio with details that demonstrate your connections through the creative world. Think notable clients, press, or publications.
  • Be approachable.Round your story out with some personal trivia. Have any hobbies or interests you obsess about? Revealing some guilty pleasures keeps your bio approachable and relatable.
Personalize your “about” page to tell your story, not just list your past jobs.

5. Add distinctive elements (e.g. awards, your blog), and broadcast your work.

Now that you’ve got all of the necessities, consider any other distinctive elements that you can include to give you an edge.

  • Mention awards.If you have mentions in press or awards, do include them.
  • Invite contact.If you’re looking for freelance or contract work, consider using a contact form on your portfolio. Forms from Wufoo or JotForm allow you to customize fields so you can ask for all the information you need up front, like budget and timeline expectations.
  • Make sharing easy.Including buttons to share your work on social media (e.g. Twitter, Facebook, Google+) can help bring more exposure and an audience to your site. Promote your work on social media whenever you add new projects to draw attention to fresh work as well as your overall portfolio.
  • Include your blog.If you do have a blog that you update frequently that also represents where you are professionally or adds value to who you are, include it. Matias advises, “A blog needs to add something to your site – otherwise forget about it. No clutter.”

6. Keep your portfolio fresh.

Keep in mind that your work doesn’t end with just creating a killer portfolio. You’ll also want to regularly update it. The best portfolios are never static. As you create new and better work, make sure you make additions to showcase your latest projects, but with the same focus on careful curation!

Of course, we welcome you to come explore Behance and create an online portfolio!

Comments (80)
  • http://www.fat-cow.net/ Fat-Cow

    I think my personal website has all the elements, logo, picture, font, color and layout. Feel free to drop me some comment. visit http://www.fat-cow.net

  • Lauris Grāvelis

    I can totally agree the simpler is website design, the more you can highlight your portfolio. This way http://www.berta.me offers very good web design tool – it’s super simple and minimalistic!

  • http://www.clippingpathindia.com/drop-shadow.html J.Ferdous

    There are lots of sites now available which is giving opportunity to start a portfolio site without charging any price. I am going to make my own portfolio site soon using the ideas and tips described here.

  • Scott Tousley

    Definitely agree that the simpler the design, the better you can highlight your portfolio.

    As a recent college graduate, I actually used a portfolio to get a job (I personally used http://portfolium.com).

    Showing college projects in my interview impressed my interviewers (to say the least) and they offered me a job on the spot. I can’t suggest it enough!!!

  • http://www.sscsworld.com/ Akash Agarwal

    Wow! this is great. And it’s really very helpful to make a online portfolio. Thanks a lot for sharing this.
    http://www.sscsworld.com/

  • szenmolnar

    http://szenmolnar.com
    Please check this out and feel free to drop me some comment. Thank you

  • Nahdi

    Please Check mine https://www.behance.net/nahdi

    and tell me what you think?

  • Gorbag

    I stopped reading at “curate”

  • http://www.flauntmydesign.com Tomas Fransson

    “The quality of your portfolio is only as good as your weakest project…” Good advice, art directors are said to hire you for/remember the worst image in a portfolio, not the best.

    The idea of cover images with a unified look is interesting. Done right, this is an opportunity to communicate your particular aesthetic style already on the landing page.

    Seriously, this is easily one of the best articles on design portfolios I’ve read! I boiled down the views on portfolios of 20+ professional buyers of design work (art directors etc.) in my own blog post. It isn’t as eloquent as this post, but it confirms a lot of the above.

  • Carlitos

    Good article, except for the project cover customisation. Indeed it was one of the most interesting features of Behance, since it allowed for each portfolio/profile page to have it’s own visual language, but now:

    Customisation = Pro

    You are only allowed now to customise the layout of your project page, no longer the layout of your profile, so the “Built with Prosite” caption should be added to this section as well. I know it will make readers think that most goodies are reserved to Pro users, since most stuff shown in this article already has that caption but well… you know, that is the truth.

    And, by the way, good luck finding people that are not from Behance itself on what they call “forums” to discuss this kind of subject…

  • Karen Mitchell

    Thankyou for these tips!

  • anotherstrongopinion

    this might be a stupid question but is it okay to use your portfolio site design as a portfolio piece? my portfolio is my first and only responsive design piece. thanks!

  • http://online-phd-uk.com/uk-universities-funding-guide/ Nora Adams

    Great, absolutely great ideas by multiple designers. You’ve made a really amazing article by posting all of these.

  • http://phdadmissions.info/doctorate-degree-programs-edge-hill-university/ Doctorate Degree Programs UK

    These examples helped me and I’m sure they will help many others. I’m sharing this forward. Thanks for putting this together.

1 3
blog comments powered by Disqus

More articles on Branding & Marketing

Illustration by The Project Twins
An illustration of a painting frame with a computer screen in it mimicking a personal website
Tim Brown speaking on the 99U Conference main stage
Joel Beckerman speaking on the 99U main stage
A woman in a patterned black shirt speaking onstage
A hand lifts up a brown bottle from a collection on a table