[twitter_link]As a creative professional, your portfolio can be the making, or failing, of your business.[\/twitter_link]<\/strong><\/p><\/blockquote>\n\n\n\n The best way to do this is to create in-depth case studies that document your creative process and surprise and impress potential clients when they land on your website.<\/p>\n\n\n\n Web designers present their case studies in many different ways. However you decide to showcase your work, here are a few golden rules you should always bear in mind.<\/p>\n\n\n\n Cramming your portfolio with every project you\u2019ve ever worked on is a terrible idea. Potential clients won\u2019t have time to read each and every one \u2013 they\u2019ll skim down the page and choose the odd one to read in depth. So you want to ensure they only see your strongest work.<\/p>\n\n\n\n Ten to twenty projects should be enough to showcase your range of skills and expertise.<\/p>\n\n\n\n [twitter_link]Be ruthless. If you aren’t happy with the project outcome, don\u2019t include it in your portfolio.[\/twitter_link]<\/strong><\/p><\/blockquote>\n\n\n\n Select your two strongest projects, opening your portfolio with your best work and signing off with your second-best. This ensures you start and end strong. Plus, science says people are more likely to remember the first and last pieces.<\/p>\n\n\n\n Think about the range of projects you\u2019ve worked on and chose a selection that demonstrates the breadth and versatility of your expertise. You\u2019re aiming for a cohesive body of work that tells your story and demonstrates the full range of your skills.<\/p>\n\n\n\n Do include your most unique and creative work, and don\u2019t be afraid to include self-initiating work and personal projects. People love to see creativity and innovation, so potential clients and fellow designers will enjoy seeing how you flex your creative muscle and express your unique voice.<\/p>\n\n\n\n When landing on your portfolio page, your projects should take center stage. Include large images and minimal text so people can scan down and get an overview of your work and your client base.<\/p>\n\n\n\n The work should flow down the page and be easy to scan and view. Take a step back and look at the overall picture. Do the colors and angles complement each other or do they clash and jar?<\/p>\n\n\n\n Make sure the images are consistent until they\u2019re rolled over. Potential customers can choose to read those that align closely to their needs and requirements or they may simply be scanning for creativity and boldness.<\/p>\n\n\n\n When people click through to read individual case studies, ensure the first thing they see is a brief yet meaningful introduction to the project. This should include your client\u2019s objectives, industry, the scope of the project, and the completion date. This will give context as you explain the processes used and any challenges faced.<\/p>\n\n\n\n However, before you go on to discuss the project in greater depth, ensure the second thing they see is an image of the finished product \u2013 don\u2019t make them scroll to the bottom of the page; impress them at the outset.<\/p>\n\n\n\n Don\u2019t fall into the trap of only showing the finished product. Potential customers will be interested in what it\u2019s like to work with you and the processes you use, and curious about the creative decisions you\u2019ve made.<\/p>\n\n\n\n If possible, include illustrations of what the project was like before you became involved \u2013 either the previous website or client\u2019s sketches. Then tell a story about how you reached the final outcome, including relevant sketches, mockups, wireframes, and notes.<\/p>\n\n\n\n If your client didn\u2019t choose your favorite logo from the handful you suggested, don\u2019t be afraid to include it here \u2013 it may be just the inspiration a potential client is seeking.<\/p>\n\n\n\n Use a range of images to highlight the creative journey from initial research through to finished project, and ensure all images are high-resolution so your work shines.<\/p>\n\n\n\n However, take care not to disclose any confidential client information or say something that breaks an NDA.<\/p>\n\n\n\n Social proof speaks volumes, so ensure each case study on your portfolio is topped off with glowing words from the happy client. This creates trust and helps to convince potential clients that you would be a valuable asset to their project.<\/p>\n\n\n\n Don\u2019t be afraid to give the client a few prompts to ensure you end up with the best possible testimonial. Ask them what they liked best about working with you, their favorite part of the finished website, any quantifiable results they\u2019ve seen, and whether they\u2019d work with you again.<\/p>\n\n\n\n At the bottom of each case study, include a call to action that guides the user to contact you.<\/p>\n\n\n\n Avoid a generic CTA \u2013 make each one specific to the work carried out in each project.<\/p>\n\n\n\n Once your case study is complete and looks suitably impressive, don\u2019t simply add it to your portfolio page \u2013 pull on your marketing hat and announce it proudly across social media. You want to reach the largest possible audience and encourage more organic traffic back to your website.<\/p>\n\n\n\n It\u2019s not only about attracting potential clients. Designers are always seeking fresh inspiration and looking for other reliable designers. There will be times when another designer won\u2019t be able to take on a specific project, either because it doesn\u2019t fit their particular strengths or because they don\u2019t have the time. When that happens, they\u2019ll turn to their contacts of other reliable, innovative designers and refer the client.<\/p>\n\n\n\n Finally, remember your portfolio is never complete. Trends, techniques, and technology change at a rapid pace, so set a reminder in your calendar to review it regularly \u2013 at least every six months.<\/p>\n\n\n\n As a general rule, remove anything that\u2019s more than three years old or looks tired and dated. This will demonstrate that you stay on top of current trends and continue to learn new skills.<\/p>\n\n\n\n How do you<\/strong> ensure your online portfolio represents your creative body of work and markets your services effectively? Can you add any tips to our list? Tell us below.<\/p>\n","protected":false},"excerpt":{"rendered":" As a creative professional, your portfolio can be the making, or failing, of your business. So you need to ensure it represents the full range of your skills and experience, and that it demonstrates how your work will be a valuable asset to your visitors\u2019 businesses. [twitter_link]As a creative professional, your portfolio can be the making,…<\/span><\/span><\/p>\n","protected":false},"author":297,"featured_media":47845,"template":"","resource-topic":[],"resource-role":[],"resource-type":[916],"class_list":["post-139728","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n![\"web-design-portfolio-websites-case-study\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-design-portfolio-websites-case-study.jpg\")
<\/figure>\n\n\n\n1. Quality Over Quantity<\/h2>\n\n\n\n
2. Be Selective<\/h2>\n\n\n\n
![\"web-design-portfolio-websites-projects\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-design-portfolio-websites-projects.jpg\")
<\/figure>\n\n\n\n3. Let Your Work Take Center Stage<\/h2>\n\n\n\n
4. Start With a Comprehensive Introduction<\/h2>\n\n\n\n
![\"web-design-portfolio-websites-introduction\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-design-portfolio-websites-introduction.jpg\")
<\/figure>\n\n\n\n5. Explain Your Work Process and Decisions<\/h2>\n\n\n\n
6. Include a Client Testimonial<\/h2>\n\n\n\n
![\"web-design-portfolio-websites-testimonial\"](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/03\/web-design-portfolio-websites-testimonial.jpg\")
<\/figure>\n\n\n\n7. Don\u2019t Forget Your CTA<\/h2>\n\n\n\n
8. Promote Widely<\/h2>\n\n\n\n
9. Review Regularly<\/h2>\n\n\n\n