{"id":32783,"date":"2022-12-12T08:24:52","date_gmt":"2022-12-12T08:24:52","guid":{"rendered":"https:\/\/uxwritinghub.com\/?p=32783"},"modified":"2022-12-13T14:40:33","modified_gmt":"2022-12-13T14:40:33","slug":"best-ux-writing-portfolio-builders","status":"publish","type":"post","link":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/","title":{"rendered":"13 Tools for Building a UX Writing Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"32783\" class=\"elementor elementor-32783\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c705e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c705e1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cbd82fb\" data-id=\"cbd82fb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71a91b6 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"71a91b6\" data-element_type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;],&quot;exclude_headings_by_selector&quot;:[],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\"><svg class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\"><svg class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f0f051 elementor-widget elementor-widget-text-editor\" data-id=\"7f0f051\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>I know this is a rather difficult topic for us UX writers\/content designers, especially when you don\u2019t have any experience creating a portfolio.<\/p><p>I was discussing this with some of my colleagues, and I realized that it&#8217;s not so obvious <strong>where to turn to create your UX writing portfolio<\/strong>. That&#8217;s why I&#8217;m hoping this piece will help you find platform or tool that&#8217;s right for you, based on my experience with the ones I tested.<\/p><p>For my portfolio, I started with research so I could:<\/p><ol><li><p>Get an understanding of what the structure should look like.<\/p><\/li><li><p>See what platforms or builders other UX Writers\/Content Designers were using. The most common being Notion, Carbonmade, Squarespace, and even Medium. All the recommendations I found were scattered through multiple posts in different groups and a bunch of articles.<\/p><\/li><\/ol><p><strong>Spoiler Alert<\/strong>: I felt like a single solution wasn\u2019t the right answer for me, so I ended up using a combination of Softr and Notion for <a href=\"https:\/\/alexandra-spark-uxw.softr.app\/\" target=\"_blank\" rel=\"noopener\">my portfolio<\/a>.<\/p><ol start=\"3\"><li>Think about the kind of content I\u2019m going to add to it.<\/li><\/ol><p>Next, I thought about what I needed from the platform. In hindsight, this was a bit more difficult to figure out from the get-go, because I hadn&#8217;t experimented with many builders before. Except for WordPress, but I didn\u2019t want to rely on it this time. I wanted something new and different that would:<\/p><ul><li>Ideally, be free.<\/li><li>Allow me to customize colors, icons, and fonts as I had created personal branding.<\/li><li>Allow me to add Meta titles and descriptions for SEO or set a <a href=\"https:\/\/favicon.io\/tutorials\/what-is-a-favicon\/\" target=\"_blank\" rel=\"noopener\">favicon<\/a>.<\/li><li>Allow me to add 2 CTAs side by side on my home page.<\/li><li>Allow me to embed stuff like Figma prototypes and add a lot of content.<\/li><li>Look and feel as professional as possible.<\/li><\/ul><p>With all this in mind, I started a month-long journey to find the perfect platform. Here\u2019s the list ranked by ease of use. I added some pros and cons for my particular situation for each. I\u2019ll try to keep it brief to not overwhelm you \ud83d\ude05.<\/p><p><strong>Note<\/strong>: I\u2019m not going to touch on pricing because that was not part of the scope. Also, pricing can change anytime, and I wouldn\u2019t want to mislead you with outdated information.<\/p><h2>Easy to use UX writing portfolio tools<\/h2><h3><a class=\"notion-link-token notion-enable-hover\" style=\"cursor: pointer; color: inherit; word-wrap: break-word; text-decoration: inherit;\" href=\"https:\/\/www.notion.so\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-token-index=\"0\" data-reactroot=\"\"><span class=\"link-annotation-unknown-block-id--1014702720\" style=\"border-bottom: 0.05em solid; border-color: rgba(55,53,47,0.4); opacity: 0.7;\">Notion <\/span><\/a>+\/- <a class=\"notion-link-token notion-enable-hover\" style=\"cursor: pointer; color: inherit; word-wrap: break-word; text-decoration: inherit;\" href=\"https:\/\/super.so\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-token-index=\"2\" data-reactroot=\"\"><span class=\"link-annotation-unknown-block-id--2110067087\" style=\"border-bottom: 0.05em solid; border-color: rgba(55,53,47,0.4); opacity: 0.7;\">super.so<\/span><\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d0b263 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d0b263\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bf9e235\" data-id=\"bf9e235\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a0aeae4 elementor-widget elementor-widget-image\" data-id=\"a0aeae4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"384\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1024x491.png\" class=\"attachment-large size-large wp-image-32788\" alt=\"A super.so template I wanted to work with for my portfolio\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1024x491.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-300x144.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-768x368.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1536x736.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-400x192.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-150x72.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled.png 1823w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5823b5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5823b5b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9b0f35d\" data-id=\"9b0f35d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0396ef8 elementor-widget elementor-widget-text-editor\" data-id=\"0396ef8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">Notion is one of the most recommended tools to build your portfolio on because it\u2019s super easy to use. And while I think it\u2019s great and use it as my personal content\/knowledge management system, it\u2019s a bit limited in terms of looks. So, I thought about using <\/span><a style=\"font-weight: var( --e-global-typography-text-font-weight ); background-color: #ffffff;\" href=\"http:\/\/super.so\">super.so<\/a><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\"> with it.<\/span><\/p><h3>Pro<\/h3><ul><li>Can accommodate content-heavy pages<\/li><li>Offers free hosting with the <a href=\"http:\/\/super.site\" target=\"_blank\" rel=\"noopener\">super.site<\/a> extension<\/li><\/ul><h3>Con<\/h3><ul><li>If I wanted it to look different I needed to copy some custom code from the templates that <a href=\"http:\/\/super.so\" target=\"_blank\" rel=\"noopener\">super.so<\/a> offered. To use custom code, you have to pay.<\/li><li>Notion URLs are sometimes a bit too long.<\/li><li>No SEO without paying for it<\/li><\/ul><p><strong><strong>Other possibilities<\/strong><\/strong>:<\/p><ul><li>Using Notion as-is and just sharing the page to the web.<\/li><li>There\u2019s also <a href=\"http:\/\/potion.so\" target=\"_blank\" rel=\"noopener\">potion.so<\/a> to help you make a website out of Notion, but I haven\u2019t tested this solution<\/li><li>Or, if you\u2019re feeling adventurous, you can try to make your <a href=\"https:\/\/medium.com\/design-bootcamp\/on-a-budget-make-a-great-looking-portfolio-using-notion-52f59bfd6971\" target=\"_blank\" rel=\"noopener\">portfolio paired with GitHub<\/a> and other tools.<\/li><\/ul><p>I love Notion and while its looks stopped me from making my entire portfolio on it, I still used it in combination with Softr. Mainly because Softr lacked the content-oriented blocks I was looking for.<\/p><h3><a href=\"https:\/\/identid.me\/\" target=\"_blank\" rel=\"noopener\">identid.me<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be797cb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be797cb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5397512\" data-id=\"5397512\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee02500 elementor-widget elementor-widget-image\" data-id=\"ee02500\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"468\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1-1024x599.png\" class=\"attachment-large size-large wp-image-32792\" alt=\"Identid.me\u2019s portfolio creation dashboard\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1-1024x599.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1-300x176.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1-768x449.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1-400x234.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1-150x88.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-1.png 1492w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-be375f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"be375f8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5bc6748\" data-id=\"5bc6748\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7a34a8 elementor-widget elementor-widget-text-editor\" data-id=\"a7a34a8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">I felt that this platform could be one of the easiest to use.<\/span><\/p>\n<h3>Pro<\/h3>\n<ul>\n<li>Limited design options. I liked this because it gives you some presets to choose from<\/li>\n<li>Not very well-known, I haven\u2019t seen anyone using it so, it still has a chance to look unique<\/li>\n<li>There are not a lot of settings to fiddle with<\/li>\n<\/ul>\n<h3>Con<\/h3>\n<ul>\n<li>All templates said they\u2019ll be coming soon<\/li>\n<li>There were no social links or footers<\/li>\n<li>The URL can\u2019t be customized<\/li>\n<li>Unsure how it would handle content-heavy pages<\/li>\n<\/ul>\n<h2>More complex UX writing portfolio tools<\/h2>\n<h3><a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cde328c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cde328c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9c84cd5\" data-id=\"9c84cd5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27b384e elementor-widget elementor-widget-image\" data-id=\"27b384e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"448\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-2.png\" class=\"attachment-large size-large wp-image-32799\" alt=\"One of Canva\u2019s portfolio templates that inspired me to use gradient backgrounds\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-2.png 920w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-2-300x168.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-2-768x430.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-2-400x224.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-2-150x84.png 150w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aa34d7e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aa34d7e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e793384\" data-id=\"e793384\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-91ff0bb elementor-widget elementor-widget-text-editor\" data-id=\"91ff0bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">During <\/span><a style=\"font-weight: var( --e-global-typography-text-font-weight ); background-color: #ffffff;\" href=\"https:\/\/www.canva.com\/canva-create\/\" target=\"_blank\" rel=\"noopener\">the Future is Visual<\/a><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">, Canva launched the ability to create websites. Even if it was just launched, they already had some stunning templates to use. Exploring and playing around with templates I got a clearer image of what the actual design of my portfolio would look like. But I ended up spending 2 days just fiddling with backgrounds\u2026<\/span><\/p><h3>Pro<\/h3><ul><li>Beautiful templates, plus the ability to use any of Canva\u2019s other features<\/li><li>Offers a free hosting option<\/li><li>Already optimized and responsive<\/li><li>Allows you to work on it on any device<\/li><\/ul><h3>Con<\/h3><ul><li>This is a great option if you want a single-page site. I wanted to keep things separate so I decided that it wasn\u2019t for me.<\/li><li>Given the huge number of elements and photos they have, it can be hard to find for example social media icons that look the same. This makes it a bit difficult to ensure consistency in design.<\/li><\/ul><p>I will keep it in mind for other projects and can\u2019t wait to see how they will make this feature even better in the future.<\/p><h3><a href=\"https:\/\/uxfol.io\/\" target=\"_blank\" rel=\"noopener\">UXfol.io<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1936951 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1936951\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-83954b3\" data-id=\"83954b3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cac6ba elementor-widget elementor-widget-image\" data-id=\"4cac6ba\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"345\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-1024x442.png\" class=\"attachment-large size-large wp-image-32800\" alt=\"My first experiment with uxfol.io\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-1024x442.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-300x129.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-768x332.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-1536x663.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-400x173.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3-150x65.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-3.png 1895w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e3cb281 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3cb281\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c76b96b\" data-id=\"c76b96b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d14657 elementor-widget elementor-widget-text-editor\" data-id=\"9d14657\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">This would have probably been among my first options.<\/span><\/p><h3>Pro<\/h3><ul><li>Looks very clean<\/li><li>You can set passwords for case studies or the entire portfolio<\/li><\/ul><h3>Con<\/h3><ul><li>You can\u2019t customize almost anything without a paid plan, which is a bummer for personal branding.<\/li><\/ul><p>However, I came across <a href=\"https:\/\/medium.com\/design-bootcamp\/your-portfolios-are-fucking-boring-293b97ac45c1\" target=\"_blank\" rel=\"noopener\">this article<\/a>, advising us to stop using the platform. Although it was mostly geared toward designers, it felt like it could also apply to us UX Writers\/ Content Designers.<\/p><h3><a href=\"https:\/\/portfolio.adobe.com\/\" target=\"_blank\" rel=\"noopener\">Adobe Portfolio<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a3cc37c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3cc37c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c9a4c8\" data-id=\"3c9a4c8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8127723 elementor-widget elementor-widget-image\" data-id=\"8127723\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"366\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-1024x468.png\" class=\"attachment-large size-large wp-image-32804\" alt=\"Adobe portfolio\u2019s dashboard and my attempt to create a projects page\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-1024x468.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-300x137.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-768x351.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-1536x701.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-400x183.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4-150x68.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-4.png 1877w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c7fd31c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c7fd31c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2195820\" data-id=\"2195820\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d53a986 elementor-widget elementor-widget-text-editor\" data-id=\"d53a986\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">I liked exploring their solution, but it felt more geared toward designers. You can integrate it with Behance and Adobe Lightroom.<\/span><\/p><h3>Pro<\/h3><ul><li>Pretty versatile and easy to use, but not as easy as the previous 3 options, unfortunately<\/li><li>Allows for embeds, the ability to add meta titles, descriptions and keywords, favicons, page background images<\/li><li>Has a bunch of template options<\/li><li>Has consistent social icons<\/li><li>Has a pre-made contact form<\/li><li>Offers password protection<\/li><li>Has some SEO tools<\/li><\/ul><h3>Con<\/h3><ul><li>I could not figure out how to add a CTA directly under a text box, in the same container<\/li><li>In terms of looks, I wanted my projects to have a bit more space between them<\/li><\/ul><p><strong>Note<\/strong>: It\u2019s possible that the theme I chose was designed this way, but I lost my patience and was in a hurry to finish.<\/p><h3><a href=\"https:\/\/sites.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Sites<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ebc2438 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ebc2438\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b77912e\" data-id=\"b77912e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ba93e3c elementor-widget elementor-widget-image\" data-id=\"ba93e3c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"373\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-1024x478.png\" class=\"attachment-large size-large wp-image-32808\" alt=\"The Google Sites dashboard and my home page design experiment\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-1024x478.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-300x140.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-768x358.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-1536x716.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-400x187.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5-150x70.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-5.png 1902w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b565a04 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b565a04\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5c404a\" data-id=\"e5c404a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6d48ae7 elementor-widget elementor-widget-text-editor\" data-id=\"6d48ae7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">Right after Adobe portfolio because they feel quite similar:<\/span><\/p><h3>Pro<\/h3><ul><li>Pretty versatile<\/li><li>Everything is saved on your Google Drive<\/li><li>Allows for embeds, favicon, page background images, custom domain, etc.<\/li><\/ul><h3>Con<\/h3><ul><li>Couldn\u2019t set the logo as the home button.<\/li><li>Couldn\u2019t figure out how to add two CTAs side by side under a text box without them being the same length as the text box.<\/li><li>Couldn\u2019t figure out how to customize CTAs<\/li><\/ul><p>Considering that some of my materials were stored on Google Drive, this would have been a good option.<\/p><h3><a href=\"https:\/\/carbonmade.com\/\" target=\"_blank\" rel=\"noopener\">Carbonmade<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f53ba17 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f53ba17\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-97a5288\" data-id=\"97a5288\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3162b0a elementor-widget elementor-widget-image\" data-id=\"3162b0a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"373\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-1024x478.png\" class=\"attachment-large size-large wp-image-32812\" alt=\"The carbonmade dashboard and my attempt at an about page.\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-1024x478.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-300x140.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-768x359.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-1536x717.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-400x187.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6-150x70.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-6.png 1902w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-025bed9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"025bed9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bd451d2\" data-id=\"bd451d2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f9e2be8 elementor-widget elementor-widget-text-editor\" data-id=\"f9e2be8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">This is the most popular option I\u2019ve seen throughout my research.<\/span><\/p><h3>Pro<\/h3><ul><li>Pretty simple to use once you get the hang of it<\/li><li>Has gorgeous blocks you can use<\/li><li>Has the added bonus of allowing you to join their talent pool so you can get discovered by recruiters<\/li><\/ul><h3>Con<\/h3><ul><li>Some blocks are only available to use with the PRO version, but if you want something minimal what they have for free should be good enough<\/li><li>Favicons, analytics, or connecting a custom domain are also available only on the PRO version.<\/li><\/ul><p>I liked how it looked and felt for the most part, but I\u2019ve seen so many people use it and wanted something a bit more unique. You can read <a href=\"https:\/\/bootcamp.uxdesign.cc\/where-not-to-host-your-portfolio-b7ca1ff2136f\" target=\"_blank\" rel=\"noopener\">this article<\/a> if you want more details on it.<\/p><h3><a href=\"https:\/\/www.softr.io\/\" target=\"_blank\" rel=\"noopener\">Softr.io<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dffd9f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dffd9f5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-afcd3f6\" data-id=\"afcd3f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6692962 elementor-widget elementor-widget-image\" data-id=\"6692962\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"352\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-1024x451.png\" class=\"attachment-large size-large wp-image-32819\" alt=\"The Softr dashboard and my contact page design.\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-1024x451.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-300x132.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-768x338.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-1536x676.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-400x176.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7-150x66.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-7.png 1911w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb9b919 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bb9b919\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6ba9e4e\" data-id=\"6ba9e4e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69e8737 elementor-widget elementor-widget-text-editor\" data-id=\"69e8737\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">This was among the first I fiddled with and it felt like the best and easiest option for me.<\/span><\/p><h3>Pro<\/h3><ul><li>Allows you to add a lot of pages<\/li><li>Allows you to connect a custom domain for free<\/li><li>Has a lot of interesting and useful integrations, like Google Analytics<\/li><\/ul><h3>Cons<\/h3><ul><li>It\u2019s not specifically geared toward portfolios, lacking content-heavy blocks<\/li><li>Can\u2019t work on it from anything other than a laptop\/desktop<\/li><li>It has some design limitations, for example, you can\u2019t add a background image on certain blocks<\/li><li>You can fiddle with any individual element headings, paragraph text, or CTAs, sometimes making it the perfect waste of time\u2026<\/li><\/ul><p>As I was running out of time and patience to finish <a href=\"https:\/\/alexandra-spark-uxw.softr.app\/\" target=\"_blank\" rel=\"noopener\">my portfolio<\/a> I stuck with a combination of Softr and Notion. Honestly, I really like how it came out.<\/p><h3><a href=\"https:\/\/typedream.com\/\" target=\"_blank\" rel=\"noopener\">Typedream<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9f99898 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f99898\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ee72fc\" data-id=\"4ee72fc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d7ec740 elementor-widget elementor-widget-image\" data-id=\"d7ec740\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"373\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-1024x478.png\" class=\"attachment-large size-large wp-image-32823\" alt=\"The Typedream dashboard and the design of my portfolio\u2019s home page.\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-1024x478.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-300x140.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-768x359.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-1536x718.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-400x187.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8-150x70.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-8.png 1901w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5be56be elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5be56be\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78ba61d\" data-id=\"78ba61d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97c4516 elementor-widget elementor-widget-text-editor\" data-id=\"97c4516\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">This one was a treat to work with and it probably would have made it to the top if it would have allowed me to connect Notion for free\u2026<\/span><\/p><h3>Pro<\/h3><ul><li>Allows you to use some gorgeous gradients<\/li><li>Has embeds<\/li><li>Functions a lot like Notion<\/li><li>Allows you to set a password on individual pages<\/li><\/ul><h3>Con<\/h3><ul><li>Not specifically geared towards portfolios either<\/li><li>Limited font family<\/li><li>I encountered the same issue of not being able to add two CTAs side by side<\/li><\/ul><p>It has great potential if you pay. But, I sometimes found myself a bit confused, for example, it wasn\u2019t quite clear to me how to link the items from the navigation bar to the actual pages. Eventually, I figured it out, but I moved on to other builders.<\/p><h2>Most complex UX writing portfolio tools<\/h2><h3><a href=\"https:\/\/www.framer.com\/\" target=\"_blank\" rel=\"noopener\">Framer<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bd5173 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bd5173\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-82d3631\" data-id=\"82d3631\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-827182f elementor-widget elementor-widget-image\" data-id=\"827182f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"373\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-1024x477.png\" class=\"attachment-large size-large wp-image-32825\" alt=\"The Framer dashboard with the home page design displayed on desktop, tablet, and mobile\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-1024x477.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-300x140.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-768x357.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-1536x715.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-400x186.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9-150x70.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-9.png 1908w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ef6f0f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ef6f0f9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-549c442\" data-id=\"549c442\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21de613 elementor-widget elementor-widget-text-editor\" data-id=\"21de613\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">This one feels a lot like working in Figma.<\/span><\/p><h3>Pro<\/h3><ul><li>Has a 404 page you can design which is pretty cool<\/li><li>Has SEO tools, favicon, password protection, Google Analytics integration, and its own analytics<\/li><li>Lets you add blog pages<\/li><\/ul><h3>Con<\/h3><ul><li>There\u2019s a learning curve to it<\/li><li>A lot more settings to take into account.<\/li><li>I couldn\u2019t figure out how to add other social icons in the footer<\/li><\/ul><p>My eyes lit up when I started playing around with this one because it seemed like a good option. However, it felt like I needed to invest a lot of time in learning how to work with it.<\/p><h3><a href=\"http:\/\/figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a> + <a href=\"http:\/\/makers.so\" target=\"_blank\" rel=\"noopener\">makers.so<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f702bb4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f702bb4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0edc6d9\" data-id=\"0edc6d9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12104fd elementor-widget elementor-widget-image\" data-id=\"12104fd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"412\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-1024x527.png\" class=\"attachment-large size-large wp-image-32829\" alt=\"The makers.so plugin running in Figma\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-1024x527.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-300x154.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-768x395.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-1536x791.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-400x206.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10-150x77.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-10.png 1913w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3a87230 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3a87230\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a1cd538\" data-id=\"a1cd538\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-725311d elementor-widget elementor-widget-text-editor\" data-id=\"725311d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">This combination was the last one I tried. I thought that my experience with Figma would be enough. Unfortunately, it wasn\u2019t.<\/span><\/p><h3>Pro<\/h3><ul><li>Offers some nice templates<\/li><li>Gives you a lot of creative freedom<\/li><\/ul><h3>Con<\/h3><ul><li>You really have to know what you\u2019re doing in there<\/li><li>The plugin was a bit difficult to use<\/li><li>You have to create or import your own icons or other graphic elements.<\/li><\/ul><p><strong><strong>Other possibilities<\/strong><\/strong>:<\/p><ul><li>You could also just make and share a prototype. There are ready-made templates available in the Figma Community like this <a href=\"https:\/\/www.figma.com\/community\/file\/1093809907583228421\" target=\"_blank\" rel=\"noopener\">one<\/a>.<\/li><li>Another option you could try is using <a href=\"https:\/\/www.animaapp.com\/\" target=\"_blank\" rel=\"noopener\">Anima for Figma<\/a>.<\/li><\/ul><h3><a href=\"https:\/\/tilda.cc\/\" target=\"_blank\" rel=\"noopener\">Tilda<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69ee977 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"69ee977\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7abb87\" data-id=\"a7abb87\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ddeb74 elementor-widget elementor-widget-image\" data-id=\"6ddeb74\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"380\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-1024x487.png\" class=\"attachment-large size-large wp-image-32833\" alt=\"The Tilda dashboard and page structure\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-1024x487.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-300x143.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-768x365.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-1536x731.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-400x190.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11-150x71.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-11.png 1871w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d840a5d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d840a5d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1db3358\" data-id=\"1db3358\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b2a4f4e elementor-widget elementor-widget-text-editor\" data-id=\"b2a4f4e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">While it\u2019s not incredibly complicated, I sometimes stared a bit confused at the screen.<\/span><\/p><h3>Pro<\/h3><ul><li>Designed to be responsive on all devices<\/li><li>Has a lot of customization options<\/li><li>Allows you to create your own blocks<\/li><\/ul><h3>Con<\/h3><ul><li>Not specifically geared toward portfolios<\/li><li>It has a bit of a learning curve<\/li><li>Navigation is not so intuitive<\/li><li>I couldn\u2019t find a way to embed stuff<\/li><\/ul><h3><a href=\"https:\/\/webflow.com\/\" target=\"_blank\" rel=\"noopener\">Webflow<\/a><\/h3>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6c0c567 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c0c567\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae69a44\" data-id=\"ae69a44\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e5cb904 elementor-widget elementor-widget-image\" data-id=\"e5cb904\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img width=\"800\" height=\"373\" src=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-1024x478.png\" class=\"attachment-large size-large wp-image-32834\" alt=\"The Webflow dashboard and an about page design experiment\" srcset=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-1024x478.png 1024w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-300x140.png 300w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-768x359.png 768w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-1536x717.png 1536w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-400x187.png 400w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12-150x70.png 150w, https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/Untitled-12.png 1914w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5eaed7e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5eaed7e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-af13f72\" data-id=\"af13f72\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4fbbdf7 elementor-widget elementor-widget-text-editor\" data-id=\"4fbbdf7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-weight: var( --e-global-typography-text-font-weight );\">A comprehensive solution for anything you may want to build, not just a portfolio.<\/span><\/p><h3>Pro<\/h3><ul><li>Has portfolio templates<\/li><li>Allows for a lot of creative freedom<\/li><li>Allows you to add a ready-made contact form<\/li><\/ul><h3>Con<\/h3><ul><li>Has a steep learning curve<\/li><li>No social icons for the footer<\/li><li>The starter version (free) is limited to 50 form submissions<\/li><li>Has a page limit<\/li><\/ul><p>This warps up the list of all the portfolio\/website builders I tried, but if you\u2019re still not convinced with these solutions\u2026<\/p><h2>There\u2019s more?<\/h2><p>I found some other recommendations that I didn\u2019t look into:<\/p><ul><li><a href=\"https:\/\/cargo.site\/\" target=\"_blank\" rel=\"noopener\">Cargo<\/a><\/li><li><a href=\"https:\/\/copyfol.io\/\" target=\"_blank\" rel=\"noopener\">copyfol.io<\/a><\/li><li><a href=\"https:\/\/www.coroflot.com\/\" target=\"_blank\" rel=\"noopener\">Coroflot<\/a><\/li><li><a href=\"https:\/\/www.editorx.com\/\" target=\"_blank\" rel=\"noopener\">EditorX<\/a><\/li><li><a href=\"https:\/\/www.krop.com\/\" target=\"_blank\" rel=\"noopener\">Krop<\/a><\/li><li><a href=\"https:\/\/medium.com\/\" target=\"_blank\" rel=\"noopener\">Medium<\/a><\/li><li>PDF<\/li><li><a href=\"https:\/\/www.pixpa.com\/\" target=\"_blank\" rel=\"noopener\">Pixpa<\/a><\/li><li><a href=\"https:\/\/www.portfoliobox.net\/\" target=\"_blank\" rel=\"noopener\">Portfoliobox<\/a><\/li><li><a href=\"https:\/\/www.squarespace.com\/\" target=\"_blank\" rel=\"noopener\">Squarespace<\/a><\/li><li><a href=\"https:\/\/www.wix.com\/\" target=\"_blank\" rel=\"noopener\">Wix<\/a><\/li><li><a href=\"https:\/\/wordpress.com\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a><\/li><\/ul><p>I hope you\u2019re not overwhelmed by all these options \ud83d\ude05 and that this piece helps you find a good fit for you and your portfolio. If you have questions or you feel like I could help you in any way feel free to reach out to me on <a href=\"https:\/\/www.linkedin.com\/in\/alexandra-spark-onofrei\/\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>.<\/p><h3>Further Reading<\/h3><p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/uxwritinghub.com\/beginner-ux-writing-portfolios-examples\/\" target=\"_blank\" rel=\"noopener\">9 Beginner UX Writing Portfolio Examples<\/a><\/p><p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/uxwritinghub.com\/linkedin-profile-for-a-career-in-ux-writing\/\" target=\"_blank\" rel=\"noopener\">5 Ways To Update Your LinkedIn Profile For A Career in UX Writing<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>I started a month-long journey to find the perfect platform to create a UX writing \/ content design portfolio. Here\u2019s the list ranked by ease of use.<\/p>\n","protected":false},"author":73,"featured_media":32944,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","_eb_attr":"","content-type":"","_mi_skip_tracking":false},"categories":[59,56],"tags":[],"acf":{"descriptions":null},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>13 Tools for Building a UX Writing Portfolio<\/title>\n<meta name=\"description\" content=\"I started a month-long journey to find the perfect platform to create a UX writing portfolio. Here\u2019s the list ranked by ease of use.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"13 Tools for Building a UX Writing Portfolio\" \/>\n<meta property=\"og:description\" content=\"I started a month-long journey to find the perfect platform to create a UX writing portfolio. Here\u2019s the list ranked by ease of use.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/\" \/>\n<meta property=\"og:site_name\" content=\"UX WRITING HUB\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-12T08:24:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-13T14:40:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1293\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alexandra Spark\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alexandra Spark\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/uxwritinghub.com\/#website\",\"url\":\"https:\/\/uxwritinghub.com\/\",\"name\":\"UX WRITING HUB\",\"description\":\"Learn to write user experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/uxwritinghub.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#primaryimage\",\"url\":\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png\",\"contentUrl\":\"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png\",\"width\":1293,\"height\":720,\"caption\":\"ux writing & content design portfolio tools\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#webpage\",\"url\":\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/\",\"name\":\"13 Tools for Building a UX Writing Portfolio\",\"isPartOf\":{\"@id\":\"https:\/\/uxwritinghub.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#primaryimage\"},\"datePublished\":\"2022-12-12T08:24:52+00:00\",\"dateModified\":\"2022-12-13T14:40:33+00:00\",\"author\":{\"@id\":\"https:\/\/uxwritinghub.com\/#\/schema\/person\/5ab0b1ce01e7c0a288e16c705822c7b5\"},\"description\":\"I started a month-long journey to find the perfect platform to create a UX writing portfolio. Here\u2019s the list ranked by ease of use.\",\"breadcrumb\":{\"@id\":\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/uxwritinghub.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"13 Tools for Building a UX Writing Portfolio\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/uxwritinghub.com\/#\/schema\/person\/5ab0b1ce01e7c0a288e16c705822c7b5\",\"name\":\"Alexandra Spark\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/uxwritinghub.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=96&d=mm&r=g\",\"caption\":\"Alexandra Spark\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"13 Tools for Building a UX Writing Portfolio","description":"I started a month-long journey to find the perfect platform to create a UX writing portfolio. Here\u2019s the list ranked by ease of use.","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:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/","og_locale":"en_US","og_type":"article","og_title":"13 Tools for Building a UX Writing Portfolio","og_description":"I started a month-long journey to find the perfect platform to create a UX writing portfolio. Here\u2019s the list ranked by ease of use.","og_url":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/","og_site_name":"UX WRITING HUB","article_published_time":"2022-12-12T08:24:52+00:00","article_modified_time":"2022-12-13T14:40:33+00:00","og_image":[{"width":1293,"height":720,"url":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png","type":"image\/png"}],"author":"Alexandra Spark","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alexandra Spark","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/uxwritinghub.com\/#website","url":"https:\/\/uxwritinghub.com\/","name":"UX WRITING HUB","description":"Learn to write user experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uxwritinghub.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#primaryimage","url":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png","contentUrl":"https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png","width":1293,"height":720,"caption":"ux writing & content design portfolio tools"},{"@type":"WebPage","@id":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#webpage","url":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/","name":"13 Tools for Building a UX Writing Portfolio","isPartOf":{"@id":"https:\/\/uxwritinghub.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#primaryimage"},"datePublished":"2022-12-12T08:24:52+00:00","dateModified":"2022-12-13T14:40:33+00:00","author":{"@id":"https:\/\/uxwritinghub.com\/#\/schema\/person\/5ab0b1ce01e7c0a288e16c705822c7b5"},"description":"I started a month-long journey to find the perfect platform to create a UX writing portfolio. Here\u2019s the list ranked by ease of use.","breadcrumb":{"@id":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/uxwritinghub.com\/best-ux-writing-portfolio-builders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/uxwritinghub.com\/"},{"@type":"ListItem","position":2,"name":"13 Tools for Building a UX Writing Portfolio"}]},{"@type":"Person","@id":"https:\/\/uxwritinghub.com\/#\/schema\/person\/5ab0b1ce01e7c0a288e16c705822c7b5","name":"Alexandra Spark","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uxwritinghub.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=96&d=mm&r=g","caption":"Alexandra Spark"}}]}},"tpgb_featured_images":{"full":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png",1293,720,false],"tp-image-grid":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523.png",700,390,false],"thumbnail":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523-150x150.png",150,150,true],"medium":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523-300x167.png",300,167,true],"medium_large":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523-768x428.png",768,428,true],"large":["https:\/\/uxwritinghub.com\/wp-content\/uploads\/2022\/12\/523-1024x570.png",800,445,true],"default":"https:\/\/uxwritinghub.com\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"December 12, 2022","category_list":{"category":[{"term_id":59,"name":"Best practices","slug":"content-strategy","term_group":0,"term_taxonomy_id":59,"taxonomy":"category","description":"","parent":0,"count":122,"filter":"raw"},{"term_id":56,"name":"Resources","slug":"resources","term_group":0,"term_taxonomy_id":56,"taxonomy":"category","description":"","parent":0,"count":61,"filter":"raw"}],"post_tag":false},"author_name":"Alexandra Spark","author_url":"https:\/\/uxwritinghub.com\/author\/alexandra-onofrei\/","author_email":"alexandra.onofrei.sparky@gmail.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["author"],"author_firstname":"","author_lastname":"","user_login":"Alexandra Onofrei","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' \/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/a76d9dbb083974630e23cb87e91ae640?s=96&d=mm&r=g","comment_count":3,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/uxwritinghub.com\/category\/content-strategy\/\" alt=\"Best practices\" class=\"category-content-strategy\">Best practices<\/a> <a href=\"https:\/\/uxwritinghub.com\/category\/resources\/\" alt=\"Resources\" class=\"category-resources\">Resources<\/a> "},"_links":{"self":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts\/32783"}],"collection":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/comments?post=32783"}],"version-history":[{"count":2,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts\/32783\/revisions"}],"predecessor-version":[{"id":32960,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/posts\/32783\/revisions\/32960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/media\/32944"}],"wp:attachment":[{"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/media?parent=32783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/categories?post=32783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uxwritinghub.com\/wp-json\/wp\/v2\/tags?post=32783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}