Top 5 Tips For Creating a Portfolio Website

spotlight

Title Photo credit: ‘The Piano’ by Daniele Civello

The lure of attracting new clients is the primary reason why many freelance designers, developers, and writers set up portfolio websites. The key is to make sure your portfolio represents who you are and encourages visitors to give your services a shot. Here are 5 tips for getting the most out of your portfolio website:

1. Present Your Brand with Clarity

Within seconds of visiting your site, viewers should have a clear idea of who you are, what kind of work you do, and your personal style. A professionally designed logo at the top of your page should let visitors know they’ve landed in the right place. A brief tag line near the logo will further clarify you and your work.

Lee Munroe shares four key questions to ask yourself about your tag line at Smashing Magazine:

  • What are you? A designer? A writer? A developer?
  • What do you do? Design websites? Develop games?
  • Where are you from? Country? City?
  • Are you a freelancer or do you work for a studio? Are you looking for work?

A tag line requires sharp, concise writing that emphasizes the most relevant details about your work. In fact, all of the writing on your portfolio should have short sentences with strong verbs (avoid “is” or “was” if possible).

2. Focus on Your Work

Besides your logo and tag line, make sure viewers can find your work on your first page. Some portfolios include a link or small thumbnail on the home page that leads to a page dedicated to a list of previous work. Other portfolios include a grid on the home page so that viewers can move right to the heart of the site. One other option is to include some thumbnails of your most popular work on your homepage, and then include a link to a  portfolio page.

Each portfolio image and its associated text should lead to a page explaining the services you provide, the software you used, and customer feedback.  As you consider what to include in your portfolio section or page, only mention what you want to be hired to do. If you have experience with print media, but you want to focus on attracting clients for the web, mention your web design work and limit your examples to that category.

Beware of cramming too much work on your portfolio page. If you have a wide range of examples to include, look into the use of column and grid designs that will preserve the clarity of your page.

3. Meet Customer Expectations

handshake

Customers will be accessing your site with a variety of browsers at an even wider range of connection speeds. Make sure your site’s code is valid < http://validator.w3.org/> and that nothing prevents customers from finding the essential information they seek: who you are, what you’ve done, and how to hire you.

Designer Andy Stratton suggests,  “There’s nothing wrong with flashy graphics and fancy Javascript effects on your website, unless they are stopping users from accessing your stuff.”

Customers will also expect to find an “About” page where they can learn about your experience, specializations, and awards. Skellie Wag of Envato writes that an about page should include the following elements:

  • Who is this person?
  • What qualifications and experience do they have?
  • Do they seem trustworthy and reliable?
  • Are they looking for work?
  • Can I see some examples of previous work?

4. Present Your Services Clearly

List your services with bullet points and make them easy to find on your home page and your about page. If you have too many to include on your home page, provide an overview on the home page and then click through to a page that contains a more thorough explanation if that’s required.  For example, a writer with a broad range of experience could say on his home page that he works for commercial publishing and business clients, and then link to a page with a list all of his services for each industry.

5. Provide Action Steps

Action steps may be the difference between a bounce and a new client. At the very least you’ll need a page with contact information. More importantly, think about your potential clients and what steps they need to take in order to hire you.

Some options for action steps could include bright, clear images that say “learn more” or “get a quote.” You can also make a softer connection by including links to your social media accounts on Twitter, Facebook, LinkedIn, and Google Plus.

Effective portfolio site design requires a balance between including essential information and keeping the site clean and uncluttered. If you aren’t sure where to start, check out Smashing Magazine’s incredible list of 50 portfolio designs.  Once you see how other freelancers and professionals present themselves and their work, you’ll be prepared to focus on what sets you and your work apart from the rest.

This guest post is written by Lior Levin, a marketing consultant for the Tel Aviv University political communication major department, and who also works with inspection services in China.

748 Responses to “Top 5 Tips For Creating a Portfolio Website”

  1. below you?ll discover the link to some web sites that we believe you ought to visit

  2. I am glad to be a visitor on this website!, regards for this rare information!

  3. very couple of web sites that happen to become detailed below, from our point of view are undoubtedly very well really worth checking out

  4. we like to honor many other web web pages around the net, even when they aren?t linked to us, by linking to them. Beneath are some webpages really worth checking out

  5. Here are several of the websites we recommend for our visitors

  6. that will be the finish of this article. Right here you will find some internet sites that we consider you?ll appreciate, just click the links over

  7. below you will come across the link to some web sites that we assume it is best to visit

  8. please take a look at the internet sites we stick to, which includes this one, because it represents our picks through the web

  9. Thanks again for the blog post.Thanks Again. Great.

  10. sex toys says:

    that will be the finish of this report. Right here you will obtain some sites that we consider you will appreciate, just click the hyperlinks over

  11. jbeatz says:

    we came across a cool internet site that you just may well take pleasure in. Take a look in the event you want

  12. What’s Happening i am new to this, I stumbled upon this I have
    discovered It absolutely helpful and it has aided me out loads.
    I am hoping to contribute & aid different users like its helped me.
    Good job.

  13. we came across a cool internet site that you just may well enjoy. Take a appear for those who want

  14. I’m not that much of a online reader to be honest but your blogs really nice, keep it up!I’ll go ahead and bookmark your website to come back later on. All the best

  15. click link says:

    I really like, lead to I found what exactly I used to be in search of. You could have broken my personal 4 time long search for! Goodness Many thanks person. Have a great time ???? ??? ????. Ok bye

  16. Our Source says:

    Good day, Cool posting. Likely to challenge with your web site in ie, may test out this particular? Internet explorer still is the market industry leader in addition to a large a part of some others leaves out there wonderful writing due to this challenge ???? ???????.

  17. very handful of web sites that happen to be in depth beneath, from our point of view are undoubtedly very well worth checking out

  18. the time to read or visit the material or sites we’ve linked to beneath the

  19. RonaldClali says:

    [url=http://buyxsildenafil.com/]buy sildenafil citrate 100mg tab [/url]
    buy sildenafil citrate 100mg
    buy sildenafil online
    sildenafil 100mg buy online

  20. JeffreyDof says:

    [url=http://buyvmetformin.com/]where to buy metformin [/url]
    buy metformin online
    can you buy metformin over the counter
    where can i buy metformin

  21. Danielnaw says:

    [url=http://buyvclomid.com/]clomid buy [/url]
    buy clomid uk
    buy clomid pct
    buy clomid pct

  22. MichaelDal says:

    [url=http://buyvnolvadex.com/]liquid nolvadex buy [/url]
    buy nolvadex
    buy nolvadex online usa
    liquid nolvadex buy

  23. I know this site gives quality dependent articles and other information,
    is there any other web site which offers these kinds
    of things in quality?

  24. ???? ???? says:

    Hello There. I found your blog using ask. That’s a truly beautifully written report. I will make sure to book mark the idea and are available back in read more of this handy facts ???? ????. Was looking for post. I am going to absolutely come back.

  25. ???? vps says:

    My friend advised We would quite possibly by way of example this site. They used to be entirely suitable. This kind of upload actually. created this morning. You’ll be able to definitely not think about the best way a bunch. moment I’d spent for this data! Appreciate it! My friend advised We would quite possibly by way of example this site. They used to be entirely suitable. This kind of upload actually. created this morning. You’ll be able to definitely not think about the best way a bunch. moment I’d spent for this data! Appreciate it!

  26. ???? ??????? says:

    This is extremely attention-grabbing, You happen to be a extremely expert blog writer.. ???? ??????? I have got joined up with your feed and appearance in advance to help trying to get more of your superb submit. Additionally, We’ve embraced your web site around my web sites

  27. That is definitely intriguing, You are a good constantly specialized digg. I’ve signed up with the give and also crunch for looking for more of the great article.. persian setar Likewise, I’ve got shared your site inside my social support systems

  28. You really ensure it is sound so simple with your display on the other hand locating this subject to be truly a thing that I’m sure I’d never ever realize. That form of seems too complex and really wide in my situation.. ???? ??? ???? I’m taking a look frontward within your upcoming distribute, I most certainly will attempt to find the understanding of it!

  29. Chadwick says:

    Great goods from you, man. I have remember your stuff prior to and you’re just too excellent.
    I really like what you’ve received here, certainly like what you’re stating and the way wherein you assert it.
    You’re making it enjoyable and you continue to
    take care of to stay it sensible. I can’t wait to read much more from you.
    This is really a tremendous site.

  30. We are a group of volunteers and opening a new scheme in our
    community. Your web site offered us with valuable info to work on. You’ve performed an impressive activity and our entire community
    might be thankful to you.

  31. My family members always say that I am killing my time here at web, however I know I am
    getting know-how every day by reading such fastidious articles.

  32. Appreciate the recommendation. Will try it out.

  33. I am just will no longer sure where you’re getting your information and facts, although good subject. I must shell out a while understanding more or maybe doing exercises extra. Thank you for fantastic information and facts I used to be searching for this info for my goal.

  34. Major thankies for the blog article.Thanks Again.

  35. This web site certainly has all the info I wanted concerning this
    subject and didn’t know who to ask.

  36. Greetings! Very useful advice in this particular post!
    It is the little changes that make the most significant changes.

    Thanks for sharing!

  37. click here says:

    I don’t even know how I ended up here, but I thought this post was good. I don’t know who you are but certainly you are going to a famous blogger if you aren’t already ;) Cheers!

  38. Thank you for the auspicious writeup. It if truth be told was a leisure account it. Look advanced to far delivered agreeable from you! By the way, how can we communicate?

  39. homepage says:

    Hello, after reading this amazing post i am too happy to share my familiarity here with friends.

  40. Yes! Finally someone writes about ig.

  41. My brother suggested I may like this blog. He was entirely right.
    This post actually made my day. You cann’t consider just how much
    time I had spent for this information! Thank you!

  42. خرید vpn پرسرعت برای کامپیوتر و موبایل

    A virtual non-public community (VPN) extends a non-public community across a public community, and allows consumers to ship and get information across shared or public networks as if their computing products were right connected to the non-public netwo…

  43. Tar Instrument

    “[…]Top 5 Tips For Creating a Portfolio Website « Friedbeef’s Tech[…]”

  44. source webpage

    “[…]Top 5 Tips For Creating a Portfolio Website « Friedbeef’s Tech[…]”

  45. homepage says:

    homepage

    Thankfulness to my father who told me about this web site, this web site is truly amazing.

Leave a Reply