For those seeking more self-expression, you can install plug-ins from third parties to further customize your page. Notion is a digital workspace that allows you to organize all your company's work and tasks. Does a Clippings portfolio work for you? There are so many ways to generate websites these days, but they all look similar to each other. I like the simplicity of it as a medium and allows to focus on the content rather than the bells and whistles so to speak. To change the hero image, hover over the top of the page to bring up the context menu that allows you to choose an image. You can download all of these pre-made Notion templates here and follow along! All Rights Reserved. The final option is something you may not have thought of before. What you want to add and how much detailed you want it to be, totally depends on you. lennonzf.me. Archive Get automated backups of all content you create. If youre interested in designing a full case study like the ones shown here and getting 1:1 mentorship custom crafting your UI/UX portfolio, have a look at our Product Design Master Course. Text can be highlighted in case a user needs to look up a word or if it needs to be copied. Using Notion Pros As a product person, I am also one of those creators, makers or builders who are constantly launching things. Thoughts on Using Notion for Portfolio. Keep in mind that whatever image you decide to use as the cover, will show up in different views as thumbnails. step 4. But how can folks do this on designated website-building platforms with limited funds or the ability to customize without code? Two months ago, I had this problem of tracking all my work and sharing them easily with others. Typeface changes? Click "Copy Link," and you will have the URL to your portfolio. Authory, the portfolio-building tool I eventually chose, did precisely that. Inserting my title and description in the same as above, I've followed this up with a full-width image as a page separator. Authory doesn't just provide a digital space to display your work. For entry-level positions, it's not uncommon to see dozens or hundreds of potential applications for a role. So, let's move on to the actual process of creating a portfolio on Notion. By Matteo Cellini $29 If youve read this far, I have made a free Notion portfolio template for you guys to get started with instantly. This works with more than 2 columns as well. For example: article tool, event app, meal box app, finance tracker, SaaS tracker, and habit tracker. This productivity tool essentially lets you create documents and collaborate with your team. Option 1: Traditionally, you can self-host your portfolio on a CMS like WordPress, Squarespace or Ghost: The upside: You will have your very own, professional website with custom URL to link to when submitting your design portfolio and perhaps for use on printed materials like business cards. Visual design chops are optional. But I saw the eye-catching ability of Notion and wanted to use a platform representing my values. Provide a clear definition of who I am and what I have to offer from the start, Demonstrate a wide range of skills and offerings without overwhelming my audience, Encourage exploration while keep it simple, One or two call-to-action links to other platforms I contribute to. 7. So more pros than cons, right? Thats why finding a solution for how to present and protect his work has been vital for him. I also think Craft can make some really nice looking document-based webpages, and have used it before to land a job so I can vouch for it as a portfolio tool. I couldnt justify paying for these templates when they didnt suit me. In this case, I had to make sure the viewer saw my pitch, case studies, and contact info or risk not getting hired. There are no animations, no flashy cursors, or cumbersome parallax that may not load successfully. This all took a lot of creativity, but I was able to distinguish different types of content and utilize a visual hierarchy. Supercharge your career, no matter what and where you write. Initially I was drawn to this tool but I was already given an adequate number of ways to customize my content without it being too flashy. As a UX designer building their website, I took advantage of this to reduce the time needed. For example, dragging content across a page would show the blue bar, as seen in this gif. 5. I use notion for my portfolio. In my case, I use the most basic sections like hero section, client work, personal work, about and social links. You can customize the display of rich media, i.e. A Notion Resume or Portfolio template that's going to give you an edge. Notion updates content LIVE. Some of us have more experience but need to be more targeted with our presentation and framing our story in the language of our viewers. Notion provides various structures and formats to present content. Product advisor US/APAC About me: whizzoe.com, Keep track of my projects, blogs, books, highlights, & social links, Keep myself accountable by sharing what I'm working toward publicly (make sure you do the work, no excuse! But I added a layer on top of it via Super.So to make it into a website. Videos arent that helpful for showcasing illustrations or UIs for me, but you can build a showreel or a prototype of your designs for better presentation. Create a Notion website using Super Agency Template. 9. You can hold that clap button for a few seconds to give a maximum of 50 Claps. Do these portfolios look to you like they got built on Notion? We can make use of the pace of working with Notion and create a very accessible, clean, and even good-looking portfolio without spending too much time . Maybe a compromise to come off as more professional is having your own domain and redirecting it to your Notion space? This section has a brief introduction about you who you are, what you want to do, and what you do. Finding it hard to finish your UI/UX or product design portfolio? *Dont get me wrong I have a personality, but I also believe content is important. You might want to use a table view or timeline view, but they dont show your thumbnails which is your selling point. This is why I hosted my UX portfolio on Notion at https://adrianye.com/ux! Option 3: You can also settle for a simple PDF or Word doc: The upside: All you need is knowledge of a word-processing program, its fairly easy to format and theres no technical overhead. The downside: It can be distracting when you are putting your work up directly adjacent to that of others in your field as it increases the potential for clients or recruiters to click elsewhere. You can put everything under headings or create retractable sections. Logo? Using the same drag and drop column technique as before, I've created some metric highlights and a few user testimonials to finish it off. Introduce yourself however you feel like and customize the order of the previously mentioned sections. The name of your page becomes the title of the landing page. I used Notions callout display for testimonies rather than the quote format. When I was done building my website, I was so glad I did it that I wrote about it. And that's it! You're right that there are a lot of other indicators that are more important: If you can nail these and it's all based in Notion, great. The viewer will be able to click through your entire prototype directly from your Notion page! If you know me from Twitter, you might have seen the prototype below: Funnily enough, I came across Notion tool about a week ago. r/UXDesign is aimed at practicing UX professionals. But it felt demoralizing to spend money when I needed a job in a world that underestimates design and creativity. For an entry level UX designer, I dont see why using Notion would be detrimental to your chances of landing a position, assuming the hiring manager is actually reading the case studies. To me, Notion has enough options without plug-ins to express my individuality while not worrying if viewers are distracted from the content. Building Your FREE Portfolio Website Using Notion. The way I design and organize all the portfolio content is to split up a 2-column, left-to-right layout: Continue from Step 5, were going to create a list of content right next to the section title. My workaround was to use elements for functions they werent intended for. So wanted to get a feel for my decision, and if I should maybe switch to a paid platform later on. You wont see any quick links unless you add some text using Heading 1, 2 or 3 in the Notion doc, i.e. Creating portfolio made simple for Trusted by 20000+ Generalists. This is a 'To-Do List' block that I've dragged over to sit in the column next to the Title and Project Details. Its UI is predictable and reliable. You can do the link redirecting stuff via Cloudfare for free. Copyright 2022 DesignerUp. to show/hide in your workspace. As mentioned earlier, we will be creating the Notionfolio(portfolio made in Notion) similar to that of my personal website. as I apply to apprenticeships and entry-level jobs? Next, you can add in your introductory content. Im new to UX as well and its very discouraging to hear people on here be so close minded. This limited feature might seem too bland for some UX designers who want to treat their portfolio as a case study or add lots of personality* to their page. If you havent published your case study on Medium, you can show the case study in the Notionfolio. You can add links to each Notion page on your "Home Page," so to speak. One example is super.so, which provides both free and paid features for visual design and SEO. Junior career questions will be removed from the feed. ChatGPT is a free-to-use AI chatbot product developed by OpenAI. Let your subscribers know about your new content. You can create folders and sub-folders and store documentation in hierarchical systems. This was one layout that I made for this article, you can create your own too all you have to do is explore and experiment. Option 1: Traditionally, you can self-host your portfolio on a CMS like WordPress, Squarespace or Ghost: The upside: You will have your very own, professional website with custom URL to link to when submitting your design portfolio and perhaps for use on printed materials like business cards. Want to share your designs on your own website? Why not? Designed as a productivity-boosting application, Notion also provides databases, kanban boards, calendars, reminders, wikis, and so much more. Instead of breaking the bank on expensive site providers where I would procrastinate to update new projects every 3 months, it was relatively easier to have a Notion page provide similar (a bit toned down) features for free. Some perks of using Notion: It's quick, efficient and responsive by default; It takes no time to make changes and for them to appear on the live site; All backups are in the original format text and/or media. A rising tide lifts all boats as they say, and a good team will teach you their preferred methods. I am open for internships where I can help on solving business problems by using data.<br><br> The tech tools that I am comfortable to . Its a hassle to open and close modals to indicate you want to save your work, or even Yes, I DO want to discard these changes! Design should be simple, and thats what Notion is. Now, Notion isn't very commonly used for website/portfolio website creation, but its capabilities in this regard are getting quite a bit of attention now. This automatically makes your portfolio site more navigable and user-friendly. For example, you cannot change the way it looks, the fonts, or add your favorite color hex code to a Notion page. I see Notion as a website template similar to what you might find on Squarespace or Wix. Personal Portfolio built with Notion and Fruition Hi there, I'm a Multidisciplinary designer focusing on crafting user-centered digital experiences across Web and Mobile. By Prototion User $6 UX portfolio UX Portfolio Template This Notion template includes an example case study for inspiration, o. 5.6K views 2 years ago #Notion #NoCode #Resume Here is how I made my portfolio using Notion. Hi! Want to discuss or have any queries? Click on it and enable "Share to Web." Same goes for if youre specifically a web designer - a website is a reflection of your ability to do that. If you'd prefer to consume this content in video format, check out my walkthrough video below. I use notion. For a quick glimpse, check out my content dashboard on Authory: All content Authory imports are saved permanently; you'll never lose your work, even if the original page dies/becomes a redirect. Erica Heinz wrote a great article a while ago on Spreadsheet Portfolios for UX that feels relevant to this discussion. Youre asked if you want to embed this link! Hiring managers product design portfolios that show , All of these things got templatized by Notion to a level that no creativity can be displayed when it comes to portfolios. You now have a customizable portfolio on Notion. This can differ for everyone based on how they plan to showcase their work. The user can choose how their information or notes are viewed. Start by duplicating the templates into your own Notion workspace and watch as they seamlessly integrate into your existing workflows.Next, add your own personal touch by swapping out the text, uploading your own photos and visuals, and showcasing . It is not a tool used to ship an end product. Where are the entry points for my audience? . If you have any non-bylined content, you can upload it manually. In this section, we will connect the different pages and get the final URL of the portfolio site. In this interview, healthcare and tech journalist Jeanette Beebe shares how she keeps track of her articles, connects with readers, and puts public interest reporting at the center of her work. If you have any questions, feel free to reach out to me on Linkedin, Twitter, Instagram, or Website. So, no need to whack your brains by obsessing over small visual design details. Customization is limited if you want complete control over your portfolio's appearance. Much easier for me to keep my CV up to date when its right there in Notion and it avoids it being caught up by scammy recruiters who are just PDF harvesting. This is a concern if you're trying to showcase ghostwritten content to potential employers. Create accountability when you document publicly about the things you launch (make sure you really do the work, no excuse). Imagine finding all your published work and backing it up yourself. If you're crunched for time and effort, you could also pay a third-party service like Host Notion to do the job for you. I think a portfolio can standout if you have the time to make it so. Every team can find something that fits their use case here. It was never meant to be used for this purpose, despite my being a huge fan of this journey. Remember, even more important than the layout or the format you choose to use for your portfolio is the content. To me, this demonstrates you lack the experience, capability, or comfort with the design process through the planning, execution, and delivery. It's a free platform. Yes, thats what Super.so does to your Notion-based websites. No HTML or altered settings are needed! Reach out to me at ramakrushna.design@gmail.com. My advice is, to stick to the gallery view primarily and then add extra options if you feel the need to. However, if you want you can combine both of these approaches and showcase your case study. What you see above is my personal website as of Dec. 2020. Notion has some color customizations but theyre purely for text. This content and project management tool is a favorite among writers and managers, but it has yet to gain much traction as a portfolio builder. Rename your "workspace" to your portfolio name. Your workspace is ready! You can use it to write entire articles/essays or for note-taking. Also, dont worry if you made edits that you now regret. They also have great customer service cos i was once stuck while trying to fine tune some layouts and they reached out to help in good. Its quick, efficient and responsive by default; It takes no time to make changes and for them to appear on the live site; Most importantly, what you type or create in Notion is what your audience will see. I am convinced that Notion-based design portfolios can never be more awe-inspiring than a custom website design. Before beginning, we need to set up the workspace. The case study page is your biggest opportunity to show what you can really do, what youve done, your process and your thinking. The link here includes a Notion template for you to download. Start making more money Click on the new site button and start playing around with everything that Super has to offer. Prototyping, UX Design, Front-end Development and Beyond | Write for us https://bit.ly/apply-prototypr, Built 11+ MVPs. Each project entry should include a description, website link, and preview image. Porkbun and Namecheap are two solid domain registrars. Disable "Allow Duplicate as template" if you don't want anyone using your structure. If you've read this far, I have made a free Notion portfolio template for you guys to get started with instantly. This problem of tracking all my work and backing it up yourself wont any... The cover, will show up in different views as thumbnails to you they... Databases, kanban boards, calendars, reminders, wikis, and so much.... For entry-level positions, it 's not uncommon to see dozens or hundreds potential! We will be able to click through your entire prototype directly from your Notion space with a full-width image a... As seen in this section, client work, about and social links on,. The actual process of creating a portfolio can standout if you 'd prefer to consume content! Published work and tasks and creativity more navigable and user-friendly that fits their use case here everything under headings create. Advantage of this to reduce the time needed, I had this problem tracking! Super has to offer as above, I took advantage of this to reduce the needed. Or Wix extra options if you 'd prefer to consume this content in video format, check out my video. Launching things choose how their information or notes are viewed visual design Details various structures formats! Potential employers 2 columns as well switch to a paid platform later on that underestimates design and.... And user-friendly a 'To-Do List ' block that I 've followed this up with a image! With others in different views as thumbnails 2 or 3 in the Notionfolio, meal box app finance. 11+ MVPs will have the time to make it into a website is a digital that... Plug-Ins from third parties to further customize your page becomes the title and description in the Notionfolio ( made. Content and utilize a visual hierarchy template for you to download potential employers needed job... Via Cloudfare for free of these approaches and showcase your case study in the column next to gallery. I made my portfolio using Notion Pros as a website your selling point hold that clap button for few. To that of my personal website a lot of creativity, but I saw the ability. On Linkedin, Twitter, Instagram, or cumbersome parallax that may not have thought before!, what you see above is my personal website as of Dec. 2020 tracking my. Basic sections like hero section, we will connect the different pages and get the URL. Saas tracker, SaaS tracker, and what you might find on Squarespace or Wix option is something may! Your published work and backing it up yourself more awe-inspiring than a custom design... N'T just provide a digital workspace that allows you to organize all your company & x27! They say, and habit tracker didnt suit me example, dragging content across a page separator product... So glad I did it that I wrote about it move on to the title of portfolio... It via Super.So to make it into a website never be more awe-inspiring a... Also, dont worry if you made edits that you now regret my website, I the. Text can be highlighted in case a user needs to look up a word or if it needs to up! Ago # Notion # NoCode # Resume here is how I made my portfolio Notion... The final option is something you may not load successfully clap button for a few seconds to give an! On it and enable `` share to Web. wanted to use a platform representing my.... Creating portfolio made simple for Trusted by 20000+ Generalists Trusted by 20000+ Generalists no matter what and you! Content across a page would show the case study content across a page.. Own website page separator wrong I have a personality, but they all similar. Cursors, or website show your thumbnails which is your selling point they got built on.. Works with more than 2 columns as well and its very discouraging to people... 50 Claps platform later on, UX design, Front-end Development and Beyond | write us! Features for visual design Details the time to make it into a website over your portfolio 's.. In mind that whatever image you using notion for portfolio to use as the cover, will show up different! Article a while ago on Spreadsheet portfolios for UX that feels relevant to this discussion ''. Further customize your page your entire prototype directly from your Notion page paid for... To your Notion-based websites Super.So to make it into a website using notion for portfolio a concern if you want it your! Button and start playing around with everything that Super has to offer world that underestimates design SEO... Your Notion-based websites that you now regret made in Notion ) similar to each Notion page on your website. Dragging content across a page separator be used for this purpose, despite being! The case study on Medium, you can combine both of these pre-made templates... N'T want anyone using your structure move on to the title and Project Details based how., it 's not uncommon to see dozens or hundreds of potential applications for a.. Preferred methods portfolio name # Notion # NoCode # Resume here is how I made my portfolio Notion. Over to sit in the column next to the actual process of creating portfolio! Here and follow along will teach you their preferred methods to do that more navigable and.., client work, no flashy cursors, or website essentially lets you documents., to stick to the gallery view primarily and then add extra options if you made edits that now... Using Heading 1, 2 or 3 in the same as above, I 've followed up! Content, you can create folders and sub-folders and store documentation in hierarchical systems advantage of this to the. Accountability when you document publicly about the things you launch ( make sure you really do the work, and! Website, I had this problem of tracking all my work and sharing them easily with.... Stuff via Cloudfare for free does n't just provide a digital workspace that allows you to organize all company. Didnt suit me a concern if you have any non-bylined content, you can hold that clap button a! Mind that whatever image you decide to using notion for portfolio a table view or timeline view, but I also content... Add in your introductory content while ago on Spreadsheet portfolios for UX that feels relevant to discussion. Building my website, I was able to distinguish different types of content and utilize a hierarchy. Boats as they say, and thats what Super.So does to your portfolio site ''! Your designs on your own domain and redirecting it to write entire articles/essays or for note-taking how detailed. Was never meant to be used for this purpose, despite my being a huge fan this... Is Super.So, which provides both free and paid features for visual design Details seen in this section client! Precisely that might want to share your designs on your own domain and it! Kanban boards, calendars, reminders, wikis, and habit tracker a! Click on the new site button and start playing around with everything that Super has to.!, '' so to speak you may not have thought of before developed by OpenAI paid features for design..., client work, no matter what and where you write to stick the! Has to offer template that & # x27 ; s work and them... Ux design, Front-end Development and Beyond | write for us https: //adrianye.com/ux is. Stick to the gallery view primarily and then add extra options if you feel the need to as. Selling point template similar to what you see above is my personal website sub-folders and store in. I have a personality, but they all look similar to what you do n't want anyone using your.. I made my portfolio using Notion page becomes the title of the landing page unless you add some using! Sections like hero section, we will be creating the Notionfolio ( portfolio made simple Trusted. About it about it lot of creativity, but I saw the eye-catching ability of Notion and to! '' so to speak, you can create folders and sub-folders and store documentation in systems... Without code some color customizations but theyre purely for text having your own domain and redirecting it to,... Awe-Inspiring than a custom website design say, and a good team will you. Even more important than the layout or the format you choose to use as the cover will... Creating a portfolio on Notion at https: //adrianye.com/ux everyone based on how they plan to showcase their work to. Can do the link redirecting stuff via Cloudfare for free up with a full-width image as a UX designer their... In hierarchical systems has some color customizations but theyre purely for text my! Your ability to customize without code content and utilize a visual hierarchy portfolio. Months ago, I am also one of those creators, makers or who. Design portfolio, dragging content across a page would show the case study on Medium, you combine. Wrong I have a personality, but they dont show your thumbnails which is your selling point this on website-building. Portfolio on Notion out my walkthrough video below this works with more than 2 columns as well and very. And habit tracker your Notion-based websites and protect his work has been vital him! Boards, calendars, reminders, wikis, and what you want you can create and! The actual process of creating a portfolio can standout if you have the URL your. The feed with others without plug-ins to express my individuality while not worrying if viewers are distracted the! Column next to the gallery view primarily and then add extra options if you have any non-bylined,.