- \n
- Include a memorable introduction<\/a><\/li>\n
- Feature high-quality case studies<\/a><\/li>\n
- Demonstrate reflexivity<\/a><\/li>\n
- Make sure your portfolio website is user-friendly<\/a><\/li>\n
- Polish it off with excellent UI design<\/a><\/li>\n<\/ol>\n
1. Include a memorable introduction<\/h2>\n
![\"UX](\"\/en\/wp-content\/uploads\/old-blog-uploads\/portfolio-20.jpg\" "\\"5")
<\/p>\nThe very first thing potential employers or clients will see is your portfolio introduction\u2014it\u2019s your chance to make a precise and memorable first impression. Concisely highlight the essence of your perspective and skills through the words you choose, how you present those words, and any imagery that accompanies it.<\/p>\n
Brevity is your friend.<\/strong> This isn\u2019t the time for a wordy narrative about how you got into UX design. That story matters, and you can certainly weave it into the fabric of your portfolio or present it in a more detailed \u201cabout me\u201d section of your portfolio. But at the very start, you need a simple, highly skimable introduction that encompasses who you are, what you do, and what perspective you bring to that work.<\/p>\n
If you\u2019d like an excellent example of a powerful portfolio introduction, check out Gloria Lo\u2019s portfolio<\/a>.<\/p>\n
![\"Gloria](\"\/en\/wp-content\/uploads\/old-blog-uploads\/gloria.jpg\" "\\"5")
<\/p>\nAnd finally, make sure your introduction is as precise as possible, accurately representing yourself and all the amazing work you do\u2014which you\u2019ll back up with some awesome case studies as you follow our second golden rule.<\/p>\n
2. Feature high-quality case studies<\/h2>\n
Rather than plopping in some links or screenshots of fully formed, completed projects, you should present your work in the form of case studies<\/a>.<\/p>\n
A case study tells the story of a project. They allow you to take your readers on the journey from start to finish: the original challenge or problem, how you approached it, what you did to discover, design, and test solutions, and what you learned along the way.<\/p>\n
This is your opportunity to show potential employers or clients not only the results of your hard work, but your creative and problem solving processes, as well as how you collaborate with others, relate to stakeholders, and reflect on your own work and find ways to improve.<\/p>\n
CareerFoundry graduate and UX design tutor Moritz Oesterlau, in his case study on building a website concept through fast-paced workshops<\/a>, shares the story of this project, including:<\/p>\n
- \n
- The full context for the project (sector, the key challenge or problem to solve, his role in the project, and the project duration)<\/li>\n
- Primary steps and key moments in the project. Readers don\u2019t feel like they\u2019re missing information, but every step that\u2019s included highlights an important skill<\/li>\n
- Learnings. Moritz doesn\u2019t pretend everything went perfectly or that his work was flawless. Instead, he showcases his ability to reflect, learn, and iterate on his own processes\u2014a quality known as reflexivity\u00a0<\/strong>(more on that in a moment).<\/li>\n<\/ul>\n
![\"Oesterlau's](\"\/en\/wp-content\/uploads\/old-blog-uploads\/moritz2.jpg\" "\\"5")
<\/p>\nTo create effective and engaging case studies, start by selecting the projects that you believe most vividly demonstrate your most valuable skills (and the skills employers will value most highly\u2014these are often explicitly or implicitly stated in their job postings).<\/p>\n
Next, take it one project at a time and make note of what question or problem created the need for that project in the first place. Was it the result of your user research? Was it highlighted by stakeholders? Direct customer feedback?<\/p>\n
Consider the first steps you took to understand that challenge\/problem and how you went about each stage of the design process, keeping your users\u2019 needs at the heart of things and your stakeholders on board. How did you define your objectives and conduct studies? What deliverables did you produce and why? What artifacts did you produce along the way?<\/p>\n
No matter what deliverables you created along the way, gather up those user personas<\/a>, customer journey maps<\/a>, wireframes<\/a>, and style guides. Include the artifacts that will best convey your aesthetic, approach, and results.<\/p>\n
As you go along, don\u2019t shy away from exhibiting any special attention you gave to your personas (such as creating persona spectrums<\/a>), indicating what wireframing and design tools<\/a> you\u2019re fluent in, or any other specializations or areas of focus that set you apart from the rest of the applicant pool.<\/p>\n
Make sure it\u2019s clear what impact your work had on the project or on the company as a whole. Bonus points if you can quantify this in meaningful ways and demonstrate the clear correlation between your work and better user engagement, higher revenue, or any other measurable result.<\/p>\n
And finally, note what you learned along the way. What mistakes did you make? How did you course correct along the way? What did you learn that you can or have already implemented in subsequent projects? Showing that you are not only capable of reflection, but that you practice it regularly tells potential employers that you are self-reflective, and that you learn from your experiences.<\/p>\n
Gather all of these insights, notes, and artifacts and start to structure them into a story that has a beginning, a middle, and an end. Make that story engaging, but not dramatic; comprehensive, but not rambly. Ideally, you\u2019ll have 3-5 case studies in your portfolio before you send it out into the world. But the key here is quality over quantity.<\/p>\n
3. Demonstrate reflexivity<\/h2>\n
![\"Designers](\"\/en\/wp-content\/uploads\/old-blog-uploads\/reflexivity.jpg\" "\\"5")
<\/p>\nReflexivity in this context is the ability to be self-aware; to reflect on your work, take mistakes in stride, and let them become learnings that inform your next project and make you a better designer on the whole.<\/p>\n
However you choose to structure your case studies, take time to comment on your learnings, the role you played, problems you faced, and how you worked through them. This will show potential employers and clients that you take a design thinking approach to your own design practice, finding places where there\u2019s room for improvement and using those to learn, try new things, and become even better at what you do.<\/p>\n
Not only is reflexivity one sign of a great designer, it also makes you a better collaborator and colleague and enhances your appeal to employers and clients alike.<\/p>\n
4. Make sure your portfolio website is user-friendly<\/h2>\n
Your portfolio should itself be a demonstration of your skills in UX design. Make sure you\u2019ve tested its usability and optimized the content and structure of the site to make it as easy and delightful as possible to navigate. At the very least, potential employers and clients should at least not encounter any glitches or barriers to exploring your work. Ideally, though, they will even enjoy<\/strong> perusing your portfolio.<\/p>\n
To help ensure a smooth and enjoyable experience for your readers, do what you already do best: craft an excellent user experience. Make sure that:<\/p>\n
- \n
- The landing page gives a clear and concise vision of who you are and what you do.<\/li>\n
- The \u201cnext step\u201d is clear to your users (aka: potential employers and clients visiting your portfolio), whether they want to browse your case studies, find you on social media, or contact you directly. Give clear visual indicators and don\u2019t stray too far from the mental models<\/a> your users already have for where to find the information they\u2019re looking for.<\/li>\n
- Your case studies are well-rounded stories of each project that are presented with relevant images and engaging copy.<\/li>\n
- You\u2019ve provided a clear and simple way to find out more about you and to contact you, or even your references and former clients.<\/li>\n<\/ul>\n
Finally, don\u2019t forget to do some kind of testing on your portfolio before you release it into the wilds of the job market. Ask friends, family, colleagues, or\u2014better yet\u2014an experienced UX designer or hiring manager to look it over with you. Observe their responses and any questions or problems that arise, and use this information to guide some final improvements and polishing.<\/p>\n
If you\u2019d like to see how hiring managers and professionals in the field might see your portfolio, CareerFoundry\u2019s Head of Design conducted a live UX portfolio review<\/a> that provided a great deal of insight into what hiring managers and senior designers are looking for. Here are a few other portfolio reviews you\u2019ll find helpful:<\/p>\n
- \n
- Jeff Humble\u2019s review of a CareerFoundry graduate\u2019s UX Portfolio<\/a><\/li>\n
- Sarah Doody\u2019s Teardown Tuesday: UX Portfolio Reviews<\/a><\/li>\n
- Ran Segall\u2019s UX\/UI Portfolio Review<\/a><\/li>\n<\/ul>\n
5. Polish it off with excellent UI design<\/h2>\n
![\"Close-up](\"\/en\/wp-content\/uploads\/old-blog-uploads\/UIdesigntrendscoverimagecompressed.jpg\" "\\"5")
<\/p>\nIt\u2019s difficult to imagine a portfolio website that people would enjoy browsing that didn\u2019t have some degree of finesse in its visual design. It\u2019s well worth the time, effort and even money to give your portfolio that extra punch.<\/p>\n
You don\u2019t have to be an amazing UI designer or web developer to make this happen! That said, if you\u2019ve already got some solid UI design or web development skills, that\u2019s great\u2014put them to use. If you\u2019d like to become that UX powerhouse, take a specialization course in UI design<\/a> or one in frontend development that\u2019s geared toward UXers<\/a>.<\/p>\n
If you need to get moving on a tighter schedule, there are some amazing and free UX portfolio websites out there<\/a> that will help you build a stand-out portfolio efficiently and effectively\u2014even on a budget.<\/p>\n
Before you get into the nitty gritty of getting it all put together online, be sure to look at other UX portfolios. Make note of what they\u2019re doing that you love and think your potential employers might appreciate and adopt those ideas in your portfolio. Here are some lists of great portfolios to start with:<\/p>\n
- \n
- 9 Awesome UX Portfolios from UX Graduates<\/a><\/li>\n
- 9 of the Best UX Design Portfolios from Around the Web<\/a><\/li>\n<\/ul>\n
A final word<\/h2>\n
Follow these golden rules and you\u2019ll be well on your way to having a truly amazing UX design portfolio.<\/p>\n
If you\u2019d like a little more guidance as go about this process, CareerFoundry\u2019s guide How to Make an Awesome UX Design Portfolio<\/a> is a good place to start. And if you\u2019re building your very first UX design portfolio and you\u2019re looking for additional guidance, their free portfolio tutorial<\/a> will help you start on the right foot.<\/p>\n
For aspiring UXers with no industry experience, it can be a challenge to come up with projects to feature in case studies. If that’s where you’re at, know that it is perfectly alright to feature case studies for:<\/p>\n
- \n
- Volunteer projects you’ve complete<\/li>\n
- Coursework from a UX design certification<\/a><\/li>\n
- Product redesigns<\/a> you’ve done on your own for some of your (least) favorite digital products<\/li>\n<\/ul>\n
And no matter what you do, remember that your portfolio isn\u2019t a one-and-done project. It\u2019s a living documentation of who you are as a designer and what kind of creativity and innovation you\u2019re capable of! Give it a refresh now and then\u2014even if you\u2019re on the hunt for a job. Even well into a job you love for a company you love, your portfolio is an essential aspect of cultivating a supportive and collaborative professional community. You never know what kinds of opportunities might arise!<\/p>\n
If you\u2019d like to learn more about how to craft an outstanding UX portfolio, check out these articles:<\/p>\n
- \n
- How to Craft an Outstanding Case Study for Your UX Portfolio<\/a><\/li>\n
- How to make an awesome UX design portfolio<\/a><\/li>\n
- How to create an amazing UX design resume<\/a><\/li>\n
- The best free UX\/UI portfolio websites<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Your UX portfolio is your chance to showcase your very best design work to potential employers and clients. So how do you create a truly job-winning UX portfolio? Here are five golden rules to help guide you through creating your first UX portfolio\u2014or freshening up an old one!<\/p>\n","protected":false},"author":7,"featured_media":784,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-5051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-design"],"acf":{"homepage_category_featured":false},"modified_by":"Emerson Schroeter","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=5051"}],"version-history":[{"count":0,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5051\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/784"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=5051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=5051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=5051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- How to make an awesome UX design portfolio<\/a><\/li>\n
- Product redesigns<\/a> you’ve done on your own for some of your (least) favorite digital products<\/li>\n<\/ul>\n
- 9 of the Best UX Design Portfolios from Around the Web<\/a><\/li>\n<\/ul>\n
- Sarah Doody\u2019s Teardown Tuesday: UX Portfolio Reviews<\/a><\/li>\n
- Feature high-quality case studies<\/a><\/li>\n