Home 3D Art Showcase & Critiques

[TUTORIAL] 10 Tips To Improve Your Portfolio Website

polycounter lvl 7
Offline / Send Message
Grimmstrom polycounter lvl 7
Hey guys

Chances are you've seen the article I uploaded last week '15 Tips To Improve As An Artist'. Following on from this I've just uploaded my latest article which is in a similar vein. Hopefully everyone finds it useful.

You can either view it on my website or view it below

Feel free to further discuss this topic within the thread and as always feedback is very much appreciated.

ImproveWebsiteTutorialB.jpg

Introduction

How you present your portfolio is such as huge part of applying for a job but I often see people making the same mistakes over and over again and dramatically reducing their chances of being hired. To help counter this I've documented ten tips which I believe will help lead to a better all-round portfolio.

1 // Give Yourself A Brand

The best way to look at your portfolio website is that it's an advertisement for the quality that you can bring to a company, so it makes sense to market yourself like a product / service and give yourself a brand / visual identity. What I mean by this is you should essentially use the same stylings on everything you do (Your website / Your images / Your posts on community websites), this way when people see your work or website they will know straight away that it belongs to you. Think about any company in the world and there will be some sort of visual identity attached. Having a consistent visual style will help you stand out from the crowd.

2 // Only Display A Small Selection of Your Work

One of the most common mistakes I see people making is having too many pieces of content within their portfolio. It's all about quality not quantity and you will always be judged by your weakest piece. Therefore my advice would be to decide how many pieces of work would be good for your portfolio and try not to go over this number. For my portfolio I've settled on two personal environments, three props and one section dedicated to my latest professional work. Everyone tends to improve with every new piece they create so even the most talented of artist will find that they have weaker pieces that can be culled in order to bring the overall quality of their portfolio up.

3 // Replace You're Weakest Pieces As Often As Possible

Continuing on from the point above, once you have decided on how many pieces of work is about right for your portfolio, every time you complete a new piece of work that is good enough to go on your website, you should use it to replace the weakest piece. The benefits of doing this are that your portfolio isn't getting watered down with content, and it will be constantly improving as you progress as an artist.

4 // Invest In A Domain

Buying domains and webspace is relatively cheap in this day and age so I recommend that everyone hosts their website under a proper domain name. Ideally it should be as short as possible and easy to spell. Your 'fullname'.com is normally a good choice as long as it's available and your name is fairly common. A good way to check if you've got a good domain is to tell someone your website address and see if they find it without asking how to spell it. One thing I'm not a big fan of is subdomain names such as 'artistname.randomwebsitename'.org for this exact reason. It's very long, not very memorable and quite easy to misspell.

5 // Make Sure Everything Remains Professional

Your website is essentially your own personal advert and how you present yourself is of the up most importance. Always make sure that you keep your website professional. Avoid doing any of the following:
- Using an unprofessional email such as CoDPlayer4ever666@Website.com. You should create a new email specifically for work related matters such as applying for jobs.
- Using your website like a blog. Your portfolio should be about facts not opinions. Blogs can be great but they should always be external from your portfolio.
- Posting anything not work related such as pictures of cats

6 // Don't Create Tutorials That Cover What Others Have Already Created

If you want to include tutorials on your website try not to cover what has already been done a million times before. Doing another how to render a normal map in 3DS Max is likely to make you look quite amateur unless you've got something significant to add to the table.

7 // Include Contact Information On All Work Images

This is probably one of the most important points so it surprises me that there are so many people that don't do it. You should always put at least some contact information on your images (Name / Email Address / Website). The reason for this is that the person viewing them might not necessarily be viewing them on your website. The images may appear in a search engine or may have been saved locally to view offline.

8 // Stick With Basic HTML

It still blows my mind how many people create flash websites or display images in lightboxes despite being told it's a bad idea. Flash websites are bad because they take longer to load, they can be confusing to navigate and they can heavily distract from your work. Lightboxes are bad because it's often difficult to save your images locally or view your images at the highest resolution possible, two things that art directors like to do. Therefore it's best to stick with basic HTML and let your work do the talking. Potential employers will be viewing many portfolios and applicants, so they want to be able to view and navigate your portfolio as quickly and easily as possible. If your fancy flash portfolio takes 15 seconds to load and several seconds per image, most people will simply not bother looking.

9 // Keep You're Website Well Maintained

I often see artists work on a brand new portfolio website and it's great at first but then they just stop maintaining it and before long it's out of date. You should make a conscious effort to keep your website maintained. Keep checking it regularly to make sure there are no technical issues. Get in the habit of updating your website whenever you finish a new project. The benefits of doing this is that you'll always have an up to date portfolio so if an opportunity comes up or you are unlucky enough to find yourself out of a job you can act on it straight away.

10 // Avoid Click To Enlarge Images

A few years ago including smaller images on your website that you click to enlarge and open up in a separate page used to be very popular but I feel like technology has progressed enough for these to be no longer relevant. Internet speeds are faster and monitor resolutions are higher so it's far more beneficial to include multiple high resolution images from the same project on one page. It cuts down on the amount to navigation on your website and the user will be able to view your work much faster. It's worth noting that if you do have any super high res images (anything over about 1680px wide) I'd still stick with click to enlarge images.

Replies

  • EvilPixills
    Offline / Send Message
    EvilPixills polygon
    Good read man. Thanks for taking the time to put that together.

    I was always taught that you are only as good as your weakest piece so I strongly agree with #3. Great read for guys getting ready to put a portfolio together.
  • ZacD
    Online / Send Message
    ZacD ngon master
    Here's some domain tips, you can get a decent host for under $40 a year, and a domain should be around $10. To make checking your email easy, forward all emails to your prefered email client and set up some filters and automatic sorting. You can set up a bunch of different email addresses to have people sort your emails for you. jobs@yourdomain.com for job offers, freelance@yourdomain for freelance requests, etc.

    Also try http://www.google.com/analytics for website statistics it'll make you feel better about not hearing back after sending out your resume to jobs, you'll see spikes and know they are looking at your site.
  • Hayden Zammit
    Offline / Send Message
    Hayden Zammit polycounter lvl 12
    Great tips. Most of these make sense to me, except for maybe the last one. I've seen plenty of great folios with decent sized thumbnails that open full-sized images and I haven't really thought they were a problem. That said, when I finally fix up my website, I plan to totally rip off yours and have 3-4 main links that lead to pages that are full of high rez images. Never come across a layout I've liked more than that.

    I can't follow No.1. The company I work for is making a game with a hand painted, stylized art direction, but my interests range from that style all the way to next gen sci fi. Would you just pick only the one style to include?
  • BraXzy
    Offline / Send Message
    BraXzy polycounter lvl 9
    Really good tips thanks. Most of these I have in mind anyway but I definately need to 1) Get some pieces worthy of putting into a portfolio and 2) getting a domain and putting together a site. Keep these tutorials coming they are great!
  • Ninio
    Thanks a lot... this really helps.
  • PyrZern
    Offline / Send Message
    PyrZern polycounter lvl 12
    What about people with crazy full names ? Unfortunately I also pick not so easy to spell username <_<"
  • Littlenorwegians
    Offline / Send Message
    Littlenorwegians polycounter lvl 8
    As I'm trying to improve my own site http://retrodungeon.net/ (Feel very free to help me) I find this list very informative and I'll do what I can to adhere to those rules.

    At the moment, also, I just gotta get some better pieces in there. Already making threads on this forum for some help. :)
  • jStins
    Offline / Send Message
    jStins interpolator
    I can't follow No.1. The company I work for is making a game with a hand painted, stylized art direction, but my interests range from that style all the way to next gen sci fi. Would you just pick only the one style to include?

    I could be wrong, but I think he's referring to consistent formatting/presentation of images/video (borders, small logo, fonts, etc...), rather than consistent visual styling in all the different portfolio pieces.
Sign In or Register to comment.