{"id":28248,"date":"2018-07-17T11:00:48","date_gmt":"2018-07-17T16:00:48","guid":{"rendered":"https:\/\/getflywheel.com\/?p=28248"},"modified":"2023-04-05T11:59:58","modified_gmt":"2023-04-05T16:59:58","slug":"create-better-web-design-portfolio-than-competitors","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/","title":{"rendered":"7 Strategic Ways to Create a Better Web Design Portfolio Than Your Competitors"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work, and site visitors need a way to see what you\u2019re capable of. And of course \u2013 it\u2019s one of the easiest ways to demonstrate why you\u2019re better than your competitors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While it may seem easy to upload screenshots of past projects and call it a day, there\u2019s more to portfolio design than meets the eye. If you want your web design business to stand out, you need to think strategically about how your portfolio looks, the projects you include in it, and how users interact with it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s no easy feat to create a portfolio that not only embodies your brand, but also converts visitors into customers at an impressive rate. To set your web design business up for success with a portfolio that blows the competition away, you need to:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s start with step one: researching your competition.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1\">1. Research the Competition<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you do anything to update your portfolio, it\u2019s important to know what you\u2019re up against. Take a moment to do a little research and compare and contrast your business with your competitors. Try to answer the following questions:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Who are your biggest competitors?<\/li>\n\n\n\n<li>What are the strengths of their portfolio?<\/li>\n\n\n\n<li>What are the weaknesses?<\/li>\n\n\n\n<li>Do you share the same target audience?<\/li>\n\n\n\n<li>What services do you have in common?<\/li>\n\n\n\n<li>What value do you provide that they don\u2019t?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">By positioning your current portfolio against the competition, you\u2019ll be able to identify opportunities for improvement. For example, if you respect the detail they go into on each project, maybe you can try sharing more background on the work in your own portfolio. Or maybe your competition doesn\u2019t have a single screenshot of work on a mobile-device \u2013 use that to your advantage and highlight your emphasis on responsive design!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Don\u2019t just think about true competitors, either. Use this research time to think about elements you like in portfolios and find a little inspiration. You can stick to the design field, or branch outside of it to look for inspiring business websites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have a few ideas of what you want to focus on during your portfolio redesign, you can start thinking about the actionable steps to make it happen. Keep those in mind as we work through the next steps, as they can often build on each other!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2\">2. Showcase Work that Speaks to Your Target Market<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/07\/untitled-6926.jpg\" alt=\" woman speaking to group of people\" class=\"wp-image-28260\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As you\u2019re looking at your portfolio, you may be tempted to put any and every project in there to show the depth of your experience. Don\u2019t.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You want to focus on the projects that are going to resonate the most with your target market so they can start to imagine the website you\u2019ll create for them. Here\u2019s an example.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s say you specialize in creating websites for bloggers. Your homepage says it, your about page says it, but your portfolio shows examples of sites for banks and non-profits and blogs and other things. While it\u2019s obvious you\u2019ve got a lot of talent and experience, if you\u2019re up against another designer who only shows examples of websites for bloggers, it\u2019s going to be harder to convince that potential client to choose you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By focusing on your niche and showing the most relevant examples, your portfolio will act as more than just examples of your work \u2013 it\u2019ll become a critical sales tool.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3\">3. Include Strategic Projects for Maximum Impact<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Including projects targeted for your audience is step one. Next, think about the type of projects you\u2019re going to showcase in your portfolio. Again, don\u2019t get stuck thinking you have to use every relevant example you\u2019ve ever worked on. Choose the projects with the most impact.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you think about your portfolio, try to include work that meets a few different objectives. For example, you could think about including:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A project that you loved working on, with details about the process<\/li>\n\n\n\n<li>A project that you\u2019re outrageously proud of the final outcome, and why<\/li>\n\n\n\n<li>A project that a client was really excited about, with a matching case study or testimonial<\/li>\n\n\n\n<li>A project that you did for free, perhaps for a non-profit or passion project related to your target audience<\/li>\n\n\n\n<li>A project that won an award, with information about why<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">By liting out a few different purposes for your portfolio, you\u2019ll increase your chances that someone will find whatever they\u2019re looking for as they scroll through your work. This will also help ensure a little balance, to keep things varied.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4\">4. Don\u2019t Just Show the Work, Tell the Story Behind It<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/07\/2017.07.12-Q2-Retreat-0178.jpg\" alt=\"man and woman standing at tall table with laptops\" class=\"wp-image-28261\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Anyone can upload images of projects and call it a day. To make your portfolio stand out, tell the story behind each piece.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By providing background information on everything in your portfolio, you\u2019ll give your projects some depth. Instead of something that just looks nice, potential future clients will be able to start understanding your process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You don\u2019t need to share documentation on every single decision that was made; just pick out a few of the highlights. Did you use any new technology that you\u2019re really excited about? Mention it! Did your early sketches exceed the client\u2019s every expectation? Include a pic of your notebook!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It might feel a little odd to share \u201cunfinished\u201d work in a portfolio, but I guarantee the added context will help tell a greater story about each and every piece!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"5\">5. Create a Dynamic Portfolio Design that Looks Good on Every Screen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While the pieces in your portfolio are the focal point, the overall layout also needs to act as a project that you\u2019re proud of. If your portfolio design is messy and difficult to navigate, site visitors are more likely to bounce than taking a closer look at your work.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You also need to think about visitors on mobile devices \u2013 does everything in your portfolio scale well? Especially if you\u2019re active on Twitter or Instagram and have a link to your portfolio in your bio, that\u2019s the first impression new followers will have of your site. You want to make sure it impresses instead of frustrating due to a poor mobile experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your portfolio layout needs an update, there are lots of ways you could go about it. If responsive development is your thing, coding up a custom WordPress theme might be a fun challenge. If you don\u2019t want to spend tons of time creating a custom layout, however, I highly recommend <a rel=\"noopener noreferrer\" href=\"https:\/\/www.semplice.com\/wordpress\" target=\"_blank\">Semplice<\/a>. It\u2019s a WordPress portfolio system that\u2019s not only super easy to use, but looks fantastic. (Seriously, just take a scroll through their <a rel=\"noopener noreferrer\" href=\"https:\/\/www.semplice.com\/showcase?utm_source=layout&amp;utm_medium=resources&amp;utm_campaign=strategic-portfolio-competitors&amp;utm_content=semplice-showcase\" target=\"_blank\">showcase<\/a> and I guarantee you\u2019ll be inspired!)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using a trusted tool like Semplice will ensure your portfolio not only looks great, but functions nicely. And don\u2019t worry about it \u201clooking the same\u201d as others using it. With so many customizable options and your beautiful brand on top of it, you\u2019ll be able to make something truly unique that blows the competition away.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"6\">6. Include Case Studies, Quotes, and Testimonials<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/07\/untitled-9609.jpg\" alt=\"woman laughs while looking at computer\" class=\"wp-image-28262\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nothing convinces a potential client to book your services quite like a quote from a past client, so use that to your advantage in your portfolio!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using testimonials helps add a sense of social proof to your work. The reality is that everything your website states about your work will be taken with a grain of salt, because of course you\u2019re trying to talk yourself up. What business wouldn\u2019t? When you share direct quotes from clients, however, it helps prove that you don\u2019t just talk the talk, your work walks the walk.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you have in-depth case studies for every portfolio piece or just a simple quote here and there, try not to let your own words be the only ones on the page. By sprinkling in content from past clients, you\u2019ll create a strong portfolio that not showcases your work, but the full experience of working with you.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7\">7. Have a CTA that Promotes Working with You<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the biggest mistakes you can make with a portfolio is forgetting to add a CTA on every project page. Whether you want potential clients to fill out a form, click to a contact page, or send you a direct email, every page in your portfolio should have one action for visitors to take.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think about it \u2013 if someone is browsing your portfolio, they\u2019re probably actively considering your services. Help them make that decision as soon as possible by providing a clear CTA! If you\u2019re not guiding their experience, they\u2019ll be forced to find their way on their own, which could result in them getting lost on your site, missing an important form, or worse \u2013 leaving the page altogether.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At a minimum, you should make your portfolio easy to navigate with buttons such as \u201cView next project\u201d or \u201cback to home.\u201d You know the user journey of your website best, so just think about the natural next step for someone looking at your portfolio, and then make it easy for them to get there.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Key Takeaways<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>You need to know what you\u2019re up against. Before you make any updates to your portfolio, start by looking at what your competitors are doing so you know how best to beat them.<\/li>\n\n\n\n<li>Be selective about your work, and showcase the pieces that your target market will care the most about.<\/li>\n\n\n\n<li>Don\u2019t just show the final product, tell the story behind each piece to help explain the process.<\/li>\n\n\n\n<li>Use a flexible portfolio design that\u2019ll look great on every device, showcase your work in a memorable way, and be easy to update.<\/li>\n\n\n\n<li>Include relevant content from clients, whether that\u2019s a simple quote or a full-page testimonial.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">By taking advantage of these seven simple strategies, you\u2019ll create a strong web design portfolio that beats the competition every time. What else do you think about when adding new pieces to your portfolio? Share your best tips in the comments!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work, and site visitors need a way to see what you\u2019re capable of. And of course \u2013 it\u2019s one of the easiest ways to demonstrate why you\u2019re better than your competitors.<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","resource-topic":[908],"resource-role":[895,906],"resource-type":[916],"class_list":["post-28248","resource","type-resource","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>7 Strategic Ways to Create a Web Design Portfolio<\/title>\n<meta name=\"description\" content=\"Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Strategic Ways to Create a Web Design Portfolio\" \/>\n<meta property=\"og:description\" content=\"Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-05T16:59:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/07\/untitled-6926.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/\",\"name\":\"7 Strategic Ways to Create a Web Design Portfolio\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2018-07-17T16:00:48+00:00\",\"dateModified\":\"2023-04-05T16:59:58+00:00\",\"description\":\"Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"7 Strategic Ways to Create a Better Web Design Portfolio Than Your Competitors\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Strategic Ways to Create a Web Design Portfolio","description":"Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"7 Strategic Ways to Create a Web Design Portfolio","og_description":"Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-04-05T16:59:58+00:00","og_image":[{"url":"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/07\/untitled-6926.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/","name":"7 Strategic Ways to Create a Web Design Portfolio","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2018-07-17T16:00:48+00:00","dateModified":"2023-04-05T16:59:58+00:00","description":"Having an impressive portfolio is one of the most important aspects for any web design business. You need a way to show off your work.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/create-better-web-design-portfolio-than-competitors\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"7 Strategic Ways to Create a Better Web Design Portfolio Than Your Competitors"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/themes\/wpengine-breakthrough\/images\/fallback\/default-grid-resource.jpg","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Agency, Entrepreneur","topic":"<strong>Topics:<\/strong> Entrepreneurship","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/28248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=28248"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=28248"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=28248"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=28248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}