{"id":10979,"date":"2024-10-13T19:29:43","date_gmt":"2024-10-13T19:29:43","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=10979"},"modified":"2025-01-28T15:42:47","modified_gmt":"2025-01-28T15:42:47","slug":"ui-design-portfolio-tips","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/ui-design-portfolio-tips\/","title":{"rendered":"How to create the best UI design portfolio: 10 tips and best practices"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">If you want to get a job as a UI designer, an attention-grabbing UI portfolio is a necessity. It\u2019s the best way to show hiring managers, recruiters, and employers what you can do.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But how do you create the best UI design portfolio? That\u2019s what we\u2019ll cover in this article.\u00a0<\/span><\/p>\n\n<p><span style=\"font-weight: 400;\">Let\u2019s go!<\/span><\/p>\n<h2><strong>What is a UI design portfolio and why do you need one?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">A UI design <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-a-ux-portfolio\/#what-should-you-include-in-your-ux-portfolio\"><span style=\"font-weight: 400;\">portfolio<\/span><\/a><span style=\"font-weight: 400;\"> is a (usually) digital collection of your best projects. Your portfolio showcases your skills by sharing what you do and how you do it. It also shows how you, as a designer, personally bring value to a project and make an impact &#8212; both for the business and it&#8217;s users.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In addition to showcasing pristine final designs, you want to tell the story of each project\u2014including how you think through problems and how you arrived at the final solution. At the same time, your portfolio should demonstrate your hard skills as a UI designer, including your visual design ability and your proficiency in <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/user-interface-ui-design-tools\/\"><span style=\"font-weight: 400;\">UI design tools<\/span><\/a><span style=\"font-weight: 400;\">. This gives hiring managers, recruiters, and potential employers insight into your process and shows them that you\u2019re a good fit for the job.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Your portfolio also forms part of your personal brand. Your brand should showcase the kind of work you want to do through your personality, unique skills, and values as a designer. You can ask yourself questions to arrive at your personal brand. For example, what am I good at? What do I want people to recognize me for? What do I enjoy? What do I value? Use personal logos, fonts, colours, and tone to convey your brand to hiring managers and potential employers. This will give them insight into your strengths and abilities and let them know if you\u2019re the right fit for their company.<\/span><\/p>\n<h2><strong>What should you include in your UI design portfolio?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Your UI design portfolio should include several things:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A home page<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">An \u201cAbout Me\u201d page that details your work history<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Project case studies. These should be the core of your portfolio.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your contact details and links to your social media profiles<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Here\u2019s a look at each component of your portfolio in more detail:\u00a0<\/span><\/p>\n<h3><strong>Home page<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">The home page for your UI design portfolio is the first page most people will see when they come to your website. It should immediately draw the viewer in with a brief description of who you are and what you do. This should be followed by a link to your case study pages or thumbnails showcasing individual projects.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, check out Bady Abbas\u2019 simple but impactful home page:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10984\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/AF5DFB5B-EF02-4C53-8F29-6A1DCBB6D13C.jpeg\" alt=\"Screenshot of Bady Abbas\u2019 simple but impactful home page:\" width=\"1290\" height=\"612\" title=\"\"><\/p>\n<p><a href=\"https:\/\/www.bady.co\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Bady Abbas home page<\/span><\/a><\/p>\n<h3><strong>\u201cAbout Me\u201d page<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">This page is exactly what it sounds like: a place to put a little bit about yourself and particularly your work history and professional experience. Recruiters can look at this page to fill in any blanks left by the portfolio and home page.<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-ui-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ui-design?utm_source=blog&amp;utm_medium=blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UI DESIGN]<\/p>\n                    <span>Take our Professional Certificate in UI Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h3><strong>Project case studies<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">These pages should be made up of case studies of your most impressive UI design projects. <strong>Aim to include three to four case studies in your portfolio<\/strong>, if possible. Each case study describes your role on the project, the steps of the design process, and the impact of your solution.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If it\u2019s possible,<strong> you should include data to quantify the impact of your work.<\/strong> For example, \u201cimproved time spent on home pages by 53%.\u201d Your case studies should be told with words and images from the project.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When designing your case studies, you can include photos, low-fidelity wireframes, interactive prototypes, and anything else that tells the story of what you did and how you did it. The goal of each case study is to explain your <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-design-thinking\/\"><span style=\"font-weight: 400;\">design thinking<\/span><\/a><span style=\"font-weight: 400;\"> process from beginning to end.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Take a look at Corey Snyder\u2019s case study about his team\u2019s work for Orion Infrastructure Capital (OIC). It simply lays out the problem and the solution to the project, and even highlights small details like the logo flip his team designed for the mobile site.<\/span><\/p>\n<p><br style=\"font-weight: 400;\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10975\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/C225673B-3286-43CF-A153-12DC8A5BF29E.jpeg\" alt=\"Screenshot of a project brief case study\" width=\"1308\" height=\"894\" title=\"\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10976\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/1CF18806-6687-4F66-AF4B-E3712549CC26.jpeg\" alt=\"Screenshot of project brief\" width=\"1270\" height=\"740\" title=\"\"><\/p>\n<p><a href=\"https:\/\/tangerineindustries.com\/oic\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Corey Snyder\u2019s Orion case study<\/span><\/a><\/p>\n<h3><strong>Contact details and social links<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">You need recruiters to contact you, so your contact details should be prominently featured on every page of your portfolio. Professional social links, especially to LinkedIn, should also be available.<\/span><\/p>\n<h2><strong>What skills should you highlight in your UI design portfolio?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Your UI design portfolio should showcase all your skills as a UI designer, but these are the top five that are especially important.<\/span><\/p>\n<h3><strong>1. Visual design expertise<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">This skill is the most important one in any UI designer\u2019s toolbox. Highlight this skill through projects that underscore your understanding of the way <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/guide-to-colour-theory\/\"><span style=\"font-weight: 400;\">colour theory<\/span><\/a><span style=\"font-weight: 400;\">, typography, and layout can be used to create projects that are aesthetically pleasing and visually coherent.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For instance, Sinem Kurt manages to show the various pages of her meditation app in an elegant and visually appealing way.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10977\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/5B00C33A-C9CD-4BBD-9B79-4C2F97FBD313.jpeg\" alt=\"Screenshot of a visually appealing case study\" width=\"1288\" height=\"986\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Sinem Kurt\u2019s meditation app<\/span><\/p>\n<h3><strong>2. Interaction design proficiency<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Interaction design is an important skill for any UI designer to understand. It focuses on how users utilise interfaces of all kinds. You can demonstrate this skill through things like defining how different elements of the interface respond to user inputs, like selecting a button or a link.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These proposed pages for the Tidal Store by Mark Wheeler and his team show a good understanding of interaction design on both mobile phones and computers.\u00a0<\/span><\/p>\n<p><br style=\"font-weight: 400;\" \/><br style=\"font-weight: 400;\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10978\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/32E366E9-A0B1-4C5C-AF35-0CE0B82E5892.jpeg\" alt=\"Screenshot of project design brief\" width=\"1256\" height=\"835\" title=\"\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10986\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/7E3CA8EB-03D4-4E37-92E6-659B525B7BF4.jpeg\" alt=\"Screenshot of project design brief\" width=\"1335\" height=\"742\" title=\"\"><\/p>\n<p><a href=\"https:\/\/www.markwheeler.net\/portfolio\/tidal-store\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Mark Wheeler\u2019s Tidal Store<\/span><\/a><\/p>\n<h3><strong>3. Technical skills<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">UI designers need to show their expertise with the latest design software, including Adobe Photoshop and Illustrator, Sketch, and Figma\u2014and, increasingly, AI-powered design tools. While it\u2019s not a requirement, some knowledge of how front-end technologies like HTML and JavaScript are used is also appreciated as it will help ensure your designs can be made within the confines of the current technology.<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-certificate-in-ui-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ui-design?utm_source=blog&amp;utm_medium=blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UI DESIGN]<\/p>\n                    <span>Take our Professional Certificate in UI Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h3><strong>4. Collaboration<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Collaboration is a major part of the UI designer\u2019s role. Whether you collaborate with product managers, UX designers, developers, or other UI designers, you should be able to showcase collaboration and teamwork by sharing how you worked with others and communicated your ideas to different stakeholders.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Liz Wells highlights the extensive collaboration that was involved in a project on the National Parks. She cites \u201cwe\u201d instead of\u00a0 \u201cI\u201d and then lists the team members at the bottom of the screen (along with awards!).<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10987\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/CD0BDDA8-190C-4997-8FA0-79DB949FAD08.jpeg\" alt=\"Screenshot of National parks project brief\" width=\"1294\" height=\"860\" title=\"\"><br style=\"font-weight: 400;\" \/><br style=\"font-weight: 400;\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10988\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/10\/AD3C9F7B-E264-432B-9A5F-70B14B72C0B6.jpeg\" alt=\"Screenshot of National park project brief \" width=\"1265\" height=\"549\" title=\"\"><\/p>\n<p><span style=\"font-weight: 400;\">Liz Wells National Parks project<\/span><\/p>\n<h3><strong>5. User empathy<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">UI designers are creating products and services for users\u2014that is, real people\u2014so a user-first approach is essential. You can demonstrate this skill through the way you showcase and think about your designs, creating solutions that address user problems and enhance their experience with the product. This also shows your skills as a problem solver.<\/span><\/p>\n<h2><strong>How to create the best UI design portfolio: 10 tips and best practices<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">To ensure your UI design portfolio is user-friendly, easy to navigate, showcases your skills, and helps you make a good impression on <\/span><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/hiring-managers-ux-portfolio\/\"><span style=\"font-weight: 400;\">hiring managers<\/span><\/a><span style=\"font-weight: 400;\"> and employers, follow these 10 tips and best practices.<\/span><\/p>\n<h3><strong>1. Treat your portfolio like a UI project<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">As a UI designer, you can apply the same user empathy you apply to your work to creating your portfolio. Design your portfolio with your users\u2014hiring managers, recruiters, and employers\u2014in mind. These people need to find appropriate candidates for the role they\u2019re hoping to fill. Give a clear idea of your skills, experience, and design thinking process, so they can understand what you offer within minutes.\u00a0<\/span><\/p>\n<h3><strong>2. Make sure your homepage grabs attention<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Your portfolio homepage is the first thing most people will see. You should make it an attention grabber. Colours and layout should be used to give visitors a clear idea of who you are and what your work is like. Make sure your navigation links for your case studies and \u201cabout me\u201d page are easy to find and your contact details are visible and easy to click on.<\/span><\/p>\n<h3><strong>3. Include your best work<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Your portfolio is recruiters\u2019 and employers\u2019 first impression of you as a UI designer. That means you want to put your best foot forward with your best projects. Make sure the projects you display in your portfolio reflect your work as a UI designer\u2014and, most importantly, the skills that align with the kinds of roles you\u2019re hoping to land. Ensure your portfolio reflects you and the job you\u2019re applying for. That means even if you\u2019ve just started as a UI designer, make sure your projects reflect this kind of work.<\/span><\/p>\n<h3><strong>4. Aim for a diverse array of projects<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">While you should aim to show your best projects in your portfolio, you should also show a diversity of projects. For example, include one checkout system for those in ecommerce, a showcase of hotel rooms for those in the hospitality industry, and an app for kids for those who need help with children\u2019s products. That way, you can show a range of skills and speak to a diverse set of hiring managers with your portfolio.<\/span><\/p>\n<h3><strong>5. Explain your design thinking process<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Guide hiring managers through your process by showing them visuals from throughout the design process. This means everything from brainstorm sketches to interactive prototypes to style guides, as long as they contribute to the visitors\u2019 understanding of how you got to the finished product.<\/span><\/p>\n<h3><strong>6. Establish your journey<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Each of your case studies should be structured like a story with a beginning, middle, and end. First, outline the problem and your role on the project. Second, explain a problem you faced while working on the project. For example, did you have to decide on one iteration over another? You can articulate that journey through words and images. Finally, identify your solution. <\/span><\/p>\n<h3><strong>7. Share what you learned and show the impact<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Explain what you learned about how your design impacted stakeholders and addressed the problem. <strong>Make sure you cover both the business and user perspectives and, if possible, discuss any data from your products that quantifies how much your solution improved things for users.<\/strong><\/span><\/p>\n<h3><strong>8. Demonstrate your personality<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Just like you are looking for a company that\u2019s a good fit, hiring managers are looking for a candidate who\u2019s the right fit. You can help them by demonstrating your personality through your portfolio. This doesn\u2019t mean you have to go wild making things different, but you should use your words and images to introduce yourself and your work in a way that feels like you. Also adding some personal details in your \u201cAbout Me\u201d page, like hobbies and fun facts, can show who you are beyond your job.\u00a0<\/span><\/p>\n<h3><strong>9. Be concise<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Build a user-friendly portfolio experience by being concise and efficient. If you get too technical and long-winded, hiring managers won\u2019t want to look through your portfolio. Instead, use images with short captions to communicate complex concepts in a simple way.\u00a0<\/span><\/p>\n<h3><strong>10. Have someone review your portfolio<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Before your portfolio goes live, have a colleague or friend review it. They should check that your case studies are clear and concise, that they can navigate through the pages easily, that all links lead to the correct pages, and that there are no spelling mistakes or grammatical errors.\u00a0<\/span><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_product-design-programmep-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/product-design?utm_source=blog&amp;utm_medium=%20blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN PRODUCT DESIGN (UX &amp; UI)]<\/p>\n                    <span>Enrol now in our Product Design Programme<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2><strong>I\u2019m a new UI designer without much experience\u2014what can I include in my UI design portfolio?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Even if you don\u2019t have any hands-on experience as a UI designer, you can still create an outstanding UI design portfolio. You just need to be a little more inventive.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some ways to apply your UI design skills to get projects in your portfolio:<\/span><\/p>\n<h3><strong>Volunteer your skills\u00a0<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Solicit a local charity or non-profit organisation to get projects. Or search online for UI design volunteer opportunities.<\/span><\/p>\n<h3><strong>Conduct an unsolicited redesign<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">Redesign an existing product or service to practise your skills. Do this in the same manner you\u2019d do your best professional work and you can display an unsolicited redesign in your portfolio with pride. That means doing research, talking to users, coming up with more than one concept, and making it all look great.\u00a0<\/span><\/p>\n<h3><strong>Design a new product or service<\/strong><\/h3>\n<p><span style=\"font-weight: 400;\">If you come up with a unique product or service, you can design your own app. You can do the UI work and present it in your portfolio, no developer required.\u00a0<\/span><\/p>\n<h3><strong>Take a UI design course<\/strong><\/h3>\n<p>The UX Design Institute offers a university credit-rated course, <a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ui-design\">Professional certificate in UI Design<\/a>, leaving you with a job-ready qualification which is recognised by employers globally and helping you create a professional portfolio to showcase your skills under the mentorship of UI experts. The online course takes 12 weeks to complete, requiring around 3 hours of study time each week. The course is entirely flexible, so you can learn at your own pace whenever it suits you.<\/p>\n<h2><strong>Key takeaways and next steps<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Your UI design portfolio allows hiring managers, recruiters, and employers to get to know you and your work as a UI designer. You can put your best foot forward by including examples of your best work in your portfolio. Even if you don\u2019t have any hands-on UI design experience, you can volunteer, conduct an unsolicited redesign, create a brand new product, or take a UI design course to build case studies for your portfolio.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember, your UI design portfolio is your chance to make a great first impression. You can start with registering a domain name and attaching it to a web hosting service like Wix or Squarespace. Then you can use a premade template to customise each section of your portfolio website. Plan each case study clearly and logically before you start putting images and text in place.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Next, share your portfolio for feedback and iterate on it as you get more projects to put in. Your portfolio is a living document and should be updated every time you look for a new job.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you enjoyed this guide, continue with these resources for further UI design insights:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ui-design-dos-and-donts\/\"><span style=\"font-weight: 400;\">8 UI design \u201cdo\u201ds and \u201cdon\u2019t\u201ds (with examples)<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/hacks-to-transform-your-ui-designs\/\"><span style=\"font-weight: 400;\">How to take your UI from good to great: 5 simple hacks for creating beautiful interfaces<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ui-designer-salary\/\"><span style=\"font-weight: 400;\">What kind of salary can you expect as a UI designer?<\/span><\/a><\/li>\n<\/ul>\n<p>Looking for tips to craft compelling case studies? Watch this video.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/D5jjrQpQKrc?si=rYaeCGnepBxGdfc5\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A UI portfolio showcases your skills by sharing what you do and why and how you do it. In this article, we cover tips and guidance to create the best UI design portfolio<\/p>\n","protected":false},"author":35,"featured_media":10991,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[273],"tags":[],"class_list":["post-10979","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-guides"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/10979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=10979"}],"version-history":[{"count":14,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/10979\/revisions"}],"predecessor-version":[{"id":11640,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/10979\/revisions\/11640"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/10991"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=10979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=10979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=10979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}