{"id":24430,"date":"2020-10-19T00:03:53","date_gmt":"2020-10-19T07:03:53","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=24430"},"modified":"2022-08-04T11:27:32","modified_gmt":"2022-08-04T18:27:32","slug":"web-design-portfolio","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/","title":{"rendered":"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks"},"content":{"rendered":"\n<p>If you are a web designer, a portfolio is the best way to attract potential clients. This is your time to shine by using your skills to create eye-catching and interactive UI and UX website designs that will make you memorable. Read on to ensure you ace your web design portfolio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Begin Your Portfolio<\/h2>\n\n\n\n<p>There are two fields of web design <a href=\"https:\/\/careerkarma.com\/blog\/ux-vs-ui\/\">UX design and UI design<\/a>. UI, or user interface design, is all about choosing colors, fonts, buttons, and iconography to make a website\u2019s user interface visually appealing. UX, or user experience design, is focused on making sure each component is easy to use and highly functional. Incorporating both UI and UX into your portfolio will allow potential employers to see a visual representation of your skills.<br><\/p>\n\n\n\n<p>Before you start building your portfolio, think about your color schemes and page layout and begin creating your content around that. This is the time to gather photos, images, videos, previous work, your resume, and other tidbits to create your content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Self Portrait Images<\/h3>\n\n\n\n<p>If you have a color scheme and overall theme in mind for your portfolio, you can start taking the images that go along with these. If you decide you want to include a photo of yourself, you can hire a professional or even get a friend to help.&nbsp;<br><\/p>\n\n\n\n<p>Remember to take pictures that fit into your overall theme. Considering the composition and background of the photo, and even the facial expression you use.&nbsp;<br><\/p>\n\n\n\n<p>For example, <a href=\"https:\/\/sarahevansdesign.co.uk\/about\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">this<\/a> website portfolio from Sarah Evans Design has a photo on the About page. A circular image next to descriptive text is a common About page layout in 2020. This means it is familiar to website users.<br><\/p>\n\n\n\n<p>Another example of how you can use a self-portrait is <a href=\"https:\/\/bricebai.com\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Brice Bai\u2019s Portfolio<\/a>. Brice has used a clean, minimalist white background on the home page and a colorful illustrated graphic representing her. This is a creative way to represent yourself that will help you stand out.<br><\/p>\n\n\n\n<p>Although there is a real image of Brice on her About page in a layout that is similar to Sarah Evans, it is a well-lit photograph staged nicely with balloons and other colorful objects that give texture to the white web page.<br><\/p>\n\n\n\n<p>Try to aim for simple, succinct images that correlate to your style of design work, that follow a color or theme, and that make you stand out professionally.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Portfolio Video<\/h3>\n\n\n\n<p>Although this is not an essential step as you are a web designer and not a videographer, videos can help draw people to your portfolio site and encourage them to stay for longer. Whether it\u2019s a time loop of you working on a project, an interview you\u2019ve done, or a video compilation of testimonials, it can help add to your visual design.&nbsp;<br><\/p>\n\n\n\n<p>A great example of this is on freelance designer <a href=\"https:\/\/www.ryangittings.co.uk\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Ryan Gittings\u2019s portfolio<\/a>. He uses an artful time loop to tell a story, showing his design method from inspiration to creation, while effectively and subtly showcasing his skills.&nbsp;<br><\/p>\n\n\n\n<p>This does not mean you should make a three-hour feature film on your skills, as a lot can be portrayed in just a few-second clip.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Previous Work and Resume<\/h3>\n\n\n\n<p>This is arguably the most important part of any portfolio. Prospective employers will be paying close attention to past projects you have created and will check your resume to see if you are right for the job.&nbsp;<br><\/p>\n\n\n\n<p>There are plenty of ways to showcase your work in an aesthetically pleasing way. If you have lots of work to show, you can let it do the talking, like in the case of <a href=\"https:\/\/mathieumayer.com\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Mathieu Mayer\u2019s portfolio<\/a>.<br><\/p>\n\n\n\n<p>It is a very minimalistic portfolio. Mayer has one page with very little text, with the text highlighting his valued skills. There is no About page or Work page, and the graphics are exclusively related to his previous work.&nbsp;<br><\/p>\n\n\n\n<p>Each project created by Mayer has a detailed page stating his process and showing the designs that he created. This is a simple yet effective way to display your work, and evokes professionalism. However, if you are still building your resume and gaining work experience, it might not help you to display only one previous project.<br><\/p>\n\n\n\n<p>That is where a Work page and Resume page can come in handy. An effective alternative to showcase your work is a layout similar to <a href=\"http:\/\/cameronwardux.com\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Cameron Ward\u2019s portfolio<\/a>. Cameron has a few of his previous projects on the right of the screen with a <em>view resume<\/em> button on the left. There is very little text, making it clear, concise, and user-friendly.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Other Portfolio Preparation Tidbits<\/h3>\n\n\n\n<p>As a web designer, it is a great idea to have professional social media accounts. Adding these to your portfolio can attract customers from your social media and help employers view more of your work.&nbsp;<br><\/p>\n\n\n\n<p>If you create digital products or sell design services, you can include an online store or Services page on your portfolio. For this, you will need to prepare images, explanations of your services, and design your online store.<br><\/p>\n\n\n\n<p>Lastly, creating interactive designs and fun features will make your portfolio website standout. For example, freelance web designer <a href=\"https:\/\/www.robfenech.co.uk\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Rob Fenech\u2019s portfolio<\/a> has a text feature that showcases his style through the changing text. A great sample of interactive design is <a href=\"https:\/\/timroussilhe.com\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Timothee Roussilhe\u2019s portfolio<\/a>, which makes you want to keep refreshing the page to play with the letters or press the fun <em>Do Not Press This<\/em> call to action.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Portfolio Layout&nbsp;&nbsp;<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/halacious-weRQAu9TA-A-unsplash.jpg\" alt=\"\" class=\"wp-image-24432\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/halacious-weRQAu9TA-A-unsplash.jpg 1000w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/halacious-weRQAu9TA-A-unsplash-768x512.jpg 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/halacious-weRQAu9TA-A-unsplash-770x514.jpg 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/halacious-weRQAu9TA-A-unsplash-20x13.jpg 20w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/halacious-weRQAu9TA-A-unsplash-385x257.jpg 385w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>Planning the layout of your web design portfolio is key.<\/figcaption><\/figure>\n\n\n\n<p>Designing your website layout and front-end development (for all devices) is critical to selling yourself to the best of your ability. Like the clothes you would wear to an interview, it tells the user a lot about you as a person, about your level of professionalism, and whether they might want to work with you.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">About<\/h3>\n\n\n\n<p>When creating an online portfolio, it is a common misconception that the About page should also be your Home page. This does not make for the best portfolios. The real thing they want to see is your work, the services you provide, and testimonials from previous clients.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text<\/h3>\n\n\n\n<p>Another misconception when creating an online portfolio is to write 10 paragraphs on who you are and what you do. Rather than write an essay on your life experiences, sell yourself by writing about what you can offer to the person who may be reading.&nbsp;<br><\/p>\n\n\n\n<p>One good example of this is <a href=\"https:\/\/danbeeshin.com\/\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">Danbee Shin\u2019s portfolio<\/a>. Her text is broken up nicely, and her home page explains her niche target audience. She lists the issues potential clients may be having and describes the solutions she can offer.<br><\/p>\n\n\n\n<p>You can also scroll down to see testimonials as well as plenty of calls to action. Shin\u2019s About page is similar to her Home page, with short paragraphs on how she can help solve your web design issues.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Theme<\/h3>\n\n\n\n<p>The theme of your layout should represent the specific web design field that you want to work in. Danbee Shin, for example, works with coaches in the health and wellbeing industry, so her portfolio follows those themes.&nbsp;<br><\/p>\n\n\n\n<p>Highlighting the industry you want to work in with your color schemes, images, buttons, menu, and overall layout is a great way to show employers what you can do for them.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Should I Create a web Portfolio?<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"680\" src=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/john-schnobrich-2FPjlAyMQTA-unsplash.jpg\" alt=\"\" class=\"wp-image-20588\" srcset=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/john-schnobrich-2FPjlAyMQTA-unsplash.jpg 1020w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/john-schnobrich-2FPjlAyMQTA-unsplash-768x512.jpg 768w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/john-schnobrich-2FPjlAyMQTA-unsplash-770x513.jpg 770w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/john-schnobrich-2FPjlAyMQTA-unsplash-20x13.jpg 20w, https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/07\/john-schnobrich-2FPjlAyMQTA-unsplash-385x257.jpg 385w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption>Attract new clients with a great web design portfolio.<br><\/figcaption><\/figure>\n\n\n\n<p>Regardless of where you live, as a web designer, it is in your best interest to have a portfolio online showing your work. They\u2019re important in selling yourself, showing your UX and UI design skills, attracting clients, and furthering your career.<br><\/p>\n\n\n\n<p>The tips above should help you prepare your portfolio content, explain yourself efficiently, and generate a layout that represents your work. Keep creativity in mind as you develop the theme and color schemes that you feel will convey your personality best. We are sure your design will be user-friendly, straightforward, and as unique as you are.<br><\/p>\n","protected":false},"excerpt":{"rendered":"If you are a web designer, a portfolio is the best way to attract potential clients. This is your time to shine by using your skills to create eye-catching and interactive UI and UX website designs that will make you memorable. Read on to ensure you ace your web design portfolio. Before You Begin Your&hellip;","protected":false},"author":90,"featured_media":24431,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18072],"tags":[],"class_list":{"0":"post-24430","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-design-skills"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"Web Design","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web Design Portfolio: How to Shine as a Web Designer | Career Karma<\/title>\n<meta name=\"description\" content=\"Discover everything you need to build a Web design portfolio that will help you stand out and attract clients.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks\" \/>\n<meta property=\"og:description\" content=\"Discover everything you need to build a Web design portfolio that will help you stand out and attract clients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-19T07:03:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-04T18:27:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jacqueline Renouard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jacqueline Renouard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/\"},\"author\":{\"name\":\"Jacqueline Renouard\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/5bd7a649d1ea55166b7884ed6648a87d\"},\"headline\":\"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks\",\"datePublished\":\"2020-10-19T07:03:53+00:00\",\"dateModified\":\"2022-08-04T18:27:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/\"},\"wordCount\":1364,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/\",\"name\":\"Web Design Portfolio: How to Shine as a Web Designer | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg\",\"datePublished\":\"2020-10-19T07:03:53+00:00\",\"dateModified\":\"2022-08-04T18:27:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/5bd7a649d1ea55166b7884ed6648a87d\"},\"description\":\"Discover everything you need to build a Web design portfolio that will help you stand out and attract clients.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg\",\"width\":1000,\"height\":667},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/web-design-portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/design-skills\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/5bd7a649d1ea55166b7884ed6648a87d\",\"name\":\"Jacqueline Renouard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/me_480-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/me_480-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/me_480-150x150.jpg\",\"caption\":\"Jacqueline Renouard\"},\"description\":\"Jacqueline is a writer at Career Karma, where she draws on her skills as a wordsmith to cover topics like higher education, technical skills, and occupations. After earning her BA in Television and Film Production from the University of Portsmouth, she worked for Wellbe, where she wrote extensively about health, wellness, and fitness. She joined the Career Karma team in September 2020, bringing expertise in digital marketing and content creation.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/jacquelinerenouard\\\/\"],\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/jacqueline-renouard\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Design Portfolio: How to Shine as a Web Designer | Career Karma","description":"Discover everything you need to build a Web design portfolio that will help you stand out and attract clients.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/","og_locale":"en_US","og_type":"article","og_title":"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks","og_description":"Discover everything you need to build a Web design portfolio that will help you stand out and attract clients.","og_url":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-10-19T07:03:53+00:00","article_modified_time":"2022-08-04T18:27:32+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg","type":"image\/jpeg"}],"author":"Jacqueline Renouard","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Jacqueline Renouard","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/"},"author":{"name":"Jacqueline Renouard","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/5bd7a649d1ea55166b7884ed6648a87d"},"headline":"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks","datePublished":"2020-10-19T07:03:53+00:00","dateModified":"2022-08-04T18:27:32+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/"},"wordCount":1364,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg","articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/","url":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/","name":"Web Design Portfolio: How to Shine as a Web Designer | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg","datePublished":"2020-10-19T07:03:53+00:00","dateModified":"2022-08-04T18:27:32+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/5bd7a649d1ea55166b7884ed6648a87d"},"description":"Discover everything you need to build a Web design portfolio that will help you stand out and attract clients.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/web-design-portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/10\/kevin-bhagat-zNRITe8NPqY-unsplash.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/web-design-portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/careerkarma.com\/blog\/design-skills\/"},{"@type":"ListItem","position":3,"name":"Web Design Portfolio: A Case Study of Tips, Tricks, and Best Design Picks"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/5bd7a649d1ea55166b7884ed6648a87d","name":"Jacqueline Renouard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/me_480-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/me_480-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/me_480-150x150.jpg","caption":"Jacqueline Renouard"},"description":"Jacqueline is a writer at Career Karma, where she draws on her skills as a wordsmith to cover topics like higher education, technical skills, and occupations. After earning her BA in Television and Film Production from the University of Portsmouth, she worked for Wellbe, where she wrote extensively about health, wellness, and fitness. She joined the Career Karma team in September 2020, bringing expertise in digital marketing and content creation.","sameAs":["https:\/\/www.linkedin.com\/in\/jacquelinerenouard\/"],"url":"https:\/\/careerkarma.com\/blog\/author\/jacqueline-renouard\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/24430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/90"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=24430"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/24430\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/24431"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=24430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=24430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=24430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}