Fantastic Web Portfolios

FantasticWeb Design

A portfolio website is needed to showcase your design work. Show what you can do and allow employees to see your work and contact you. It should include a logo, tagline, services, a resume, about me, contact information, blog (if you have one), call to action, links to social networking sites (if they are appropriate, strong copy, and of course your work! When you create a design portfolio it should show off your personality. You should also consider how your personal brand will benefit your possible clients or employers.

The logo is the main selling point for a blog, it is usually what the viewer sees first and it represents your designs and your brand. Two of the best portfolio logs I have found are Mighty Nice and Valerie Martinez.  Mighty Nice shows their name in bright colors and bold shapes which makes up the cartoons they create. Valarie Martinez’ logo is more elegant like her work.

mightynicemn mightymice
valariemartinezvmvalariemartinez

The portfolio/work sections of a portfolio website may be the most important, if the layout is too confusing the user might click away. These two websites have the best portfolio sections from what I found.

http://bricedarmon.com/ and http://www.creative-knight.com/

Brice Darmon is a Photo portfolio and he separated his work by color. Creative knight has graphic design and web work, that shows a piece of the work then you click on the image to get the full project.

The about me section is where clients and possible employers learn a little about you, from my research some of the most unique ones were…

http://apparatusstudio.com/ and http://www.perkybros.com and http://www.1md.be/

Apparatus has four sections on the about page: the company, the process, the duo and the studio. If sites split up their about page content, not many sites lay out sections like they did! Perky bros includes a stylized image on their about page and also has a history section. 1md’s work is all video based, so on their contact page they have a gif moving but it isn’t very distracting and overall well done.

The contact info page and the about page are sometimes the same. These are two that I fond unique.

http://mikekus.com/ and http://www.panic.lv/

Mike us has his contact and about information on the same page along with social media links. He used his Instagram photos as a sort of second portfolio on the about page so his website looks consistent. Panic’s website just has all their contact information on the bottom of the page and doesn’t have a separate page for it.

panic-portfolio

A resume page is harder to find on web portfolio pages. From what I found these were the most interesting…

http://www.kennybarela.com/ and http://samprofeta.com/

Kenny Barela has his resume laid out like an info graphic, and you can just glance at it and get a good gist of what he does. Sam Profeta showed his package designs though his resume by creating a milk carton!

All of these websites have great designs overall and have great ideas for an online portfolio.

My Research

Top 40 Minimal Portfolio Websites

https://www.thebestdesigns.com/collections/best-minimal-portfolio-websites

Awwwards Portfolio websites

http://www.awwwards.com/websites/portfolio/?page=1

10 Steps to Creating Your Freelance Brand Personality

http://business.tutsplus.com/articles/10-steps-to-creating-your-freelance-brand-personality–fsw-31914

10 Steps to the Perfect Portfolio Website

http://www.smashingmagazine.com/2009/02/10-steps-to-the-perfect-portfolio-website/

Portfolio Design Study: Design Patterns and Current Practices

http://www.smashingmagazine.com/2009/09/portfolio-design-study-design-patterns-and-current-practices/

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s