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

Personal Branding

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 (77)
  • txay

    Thanks! very useful ideas

  • charlieaquino

    Thank you for this wonderful article. Just in time as we are updating our portfolio.

  • AjayRana17

    Great Tips for creating online portfolios. I just want to add one thing. If these tips are applied using an online platform like http://www.pixpa.com to create a portfolio websites, the result would be magical.

  • http://www.behance.net/seon_thompson Seon Thompson

    Thanks for this. I eventually want to create my portfolio website but for now my work can be found here http://www.behance.net/seon_thompson

  • erik
  • Ivan

    Very good and useful tips! Thank you so much! If its okay, I would like to promote my page since I only have a few followers. Please feel free to browse and appreciate. Thanks! 🙂

    http://www.behance.net/indonivan17

  • Freddie du Plessis

    Hey guys, Nice collection! I’ve done one too: www,creativedude.co.za Please have a look and let me know your thoughts!

  • Peter Mičuda

    Appreciated and followed. Here is mine. http://be.net/petermicuda

  • Alessandro Policarpo

    My work’s here: http://be.net/acendavelin

  • PitchStock

    Great, really thorough article.

    If you’re after head start design wise, we’ve got some great, FREE Behance PSD templates here:

    http://pitchstock.com/stock/behance/

  • tomekart

    You could try using PHOTERIA – http://photeria.net to create your own portfolio – pick template, customize it, choose your domain name and you are done! No technical knowledge is necessary!

  • Coding Monkey

    Some great portfolios, here’s mine http://unifolio.co.uk

  • Andrew Jacks

    Thanks for sharing your information,very useful information

    Freelance Web Designing in Hyderabad

  • AnaySuri

    We all know portfolio makes a big impression on visitors ….all the points are very important for designing a attractive and efficient website …useful post.

    LivePages

  • Jeph

    I use http://www.Portfoliolounge.com – SUPER FREAKING EASY love it 🙂

  • jmtavenner

    This article is incredibly helpful. Thank you!

  • john

    I wish to say many thanks for sharing this post in that blog.This artistic design and eye-catching tips forever give eagerness for fresh designers.
    web designing company

  • dermarkus

    Have you had a look on this one?

    http://www.markuskrammer.at/en/portfolio/

  • Stacey Gage

    This is the first article I’ve ever read on this subject that I have found to be helpful! Great information! Thank you!

  • Web Design Query
  • Mdesigns
  • Mdesigns

    Really helpful post, incredible ideas on it – https://www.behance.net/mdesignsuk

  • Robert Johnston

    Very informative indeed. Thanks for sharing this out. I will definitely share this with my team.

  • Tomek Art

    I think http://photeria.net is a place worth visiting, they have nice portfolio designs which are ready to use out of the box and you can connect your own domain name as well as integrate with facebook.

  • Eric Deesey

    Personally I use https://folionix.com to manage my portfolio and it’s great.

blog comments powered by Disqus

More articles on Personal Branding