Users can embed third-party content like links, Figma prototypes, and videos. Despite the ease of building a portfolio on this CMS, Notion wasnt perfect. step 4. After youve put everything in your document, now its time to clear the extra stuff and make things look neat. In this article, I'll take you through the steps involved in building a Notion portfolio (which is usually a conglomeration of Notion pages). Each project entry should include a description, website link, and preview image. I'm confused. Which goes on to my next point. Notion has a huge gallery of pre-built pages you can use. Work shown on most design portfolios 90% static images and texts, the rest are videos and gifs. Step-by-step tutorial on creating a Notion portfolio (for free!) Create accountability when you document publicly about the things you launch (make sure you really do the work, no excuse). Notion stands for everything in terms of simplicity, ease of use, and templatization of pages are all killers of creativity when it comes to product design. I have a wordpress website which then links to my CV and vague portfolio on notion. You can customize the display of rich media, i.e. I'll also point out some pros and cons of the tool, and if you're so inclined, discuss an alternative tool that lets you build an industry-best portfolio within a few minutes, with minimal effort on your part. 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. I was shocked. Heres where I provide a quick intro about what I work on and what I do in my portfolio tracker. Notion is a free platform for. For case studies - I much prefer seeing case studies which are well written and structured appropriately over those overly flashy Behance versions. You can only ensure that no one can edit the page. Use the 6 vertical dot icon to drag them over into columns if you choose. At first, I thought it was ridiculous to build my UX portfolio on Notion. I used Notions callout display for testimonies rather than the quote format. : Section title & description (on the left), Display of portfolio content list (on the right), Add a Divider to separate this section from Bio & profile, Add a title text Launched using Heading 1 (it will show up in Table of Content), Drag and move this Gallery right next to the Launched section, Toggle on for: Name Description Link, Copy link (use this link to share your portfolio with others). And when I say live, I really mean live. It's a free platform. Youre asked if you want to embed this link! 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. Notion wins . I dont really hear of many who use Notion though? Click on it and enable "Share to Web." And then you can start editing your Board, just like Trello. As is customary, I've started out with an image, that I designed myself in Sketch, and an introductory blurb about me. In the Portfolio Tracker v1.0 that I made back in 2019, my goal was to: Since then, Ive received shout-outs from people who built their portfolio using my Notion template: FGC Leader, Alex Naka & Kauress. Authory also sends email notifications for every new piece it imports, so you'll always know if a piece youve submitted has been published. Its possible to link visitors to blocks of text or images (aka anchor links). If you're creating a portfolio, you still have to manually track down, save and add all your work. Prototyping, UX Design, Front-end Development and Beyond | Write for us https://bit.ly/apply-prototypr, Product Designer who narrates stories. 9. No worries here! Im new to UX as well and its very discouraging to hear people on here be so close minded. Prepare the required files based on what YOU want to show your recruiters/clients. When I was done building my website, I was so glad I did it that I wrote about it. Choose from multiple text layouts to make your portfolio navigable and intuitive to viewers/readers/scrollers. Hi! Authory, the portfolio-building tool I eventually chose, did precisely that. After setup, Authory will automatically send your newly published content to subscribers. You can embed third-party content like images, videos, Figma prototypes, code blocks, etc., with a click the "text block" concept in Notion is especially useful in this regard. Just an FYI if you did a Google boot camp, Webflow gives you a free CMS account for a year . Setting Up Your UI/UX or Product Design Portfolio in Notion DesignerUp 45.1K subscribers Subscribe 40K views 3 years ago Notion for Product (UX/UI) Designers Finding it hard to finish your. If anything, it may demonstrate the different responses you'll get after you launch a more visual and interesting portfolio site down the road. If you have any non-bylined content, you can upload it manually. These didnt deter me, but some might be a turn-off for you! 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! Widgets to display your personal portfolio on other sites, such as your personal website (if you have one). But if you are obsessed with Notion and star-struck by its simplistic approach, then why not use Notion as wireframe bare bones and then enhance the content with custom visual design? Open any empty Gallery page, click + Add a property and add these Property type into each slot: By default, the uploaded preview image, project title or description wont show up in the Gallery unless you customize the display. Building a portfolio either on Notion or on a website platform like Squarespace or Webflow is equally challenging initially. I have previously used Notion for hosting both my portfolios (UI/UX and Illustration) and it worked just fine. All Notion-based websites look pretty much the same. The little mood board I've created here is just another 'Gallery Inline' block but this time I've turned off all the properties so all you see on the cards is the cover image. If you have any questions, feel free to reach out to me on Linkedin, Twitter, Instagram, or Website. (While I don't think it's appropriate for a general portfolio site, I think it could be used in a lot of innovate ways to stand apart). Founder: Venturescale.to Analyzing Consumer Tech & Platforms. Users can connect these components to create their own systems for knowledge management, note-taking, data management, project management, among others. This is where you have detailed case studies of your selected works. How (and why) I'm using Notion as my portfolio If you're a designer or a developer, chances are you have your own personal portfolio. There's 6-time Emmy award winner David Pogue, Steven Levy, Editor at Large, WIRED, and Brian Fung, a Technology Reporter at CNN, to name a very few. The whole process is divided into the following 4 parts for easier understanding: What each section talks about is pretty much explanatory from the section name itself. In my case, a gallery view is great for giving folks a preview of my work. Regardless, look for some options to make your notion page as personal branded as possible. I want to update this work under the Group of Startup portfolio. While I love the positivity of this post, I'm not sure if this is practical advice. Not really. 4. Prepare all assets. Does Notion provide all the capabilities that other website platforms would provide? Here's a detailed review of Clippings, a look at its pros & cons, and a look at Authory as an alternative. Pages are built using a combination of what Notion categorizes as Basic Blocks, Databases and Embeds and these can be customized, combined and connected to map your content in unprecedented ways. Create a Notion website using Super Agency Template. The best part it's free to use. This feature has been integrated so well that embedded links are updated as soon as the content is changed. Once Authory imports your content, you can slot it into folders called "Collections." You need no coding skills or even knowledge of tools like Webflow to set up a portfolio website from scratch. 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. To do this, divide the empty doc into 3 horizontal sections. Simple Portfolio Template build on Notion.Once you take the plunge and make your purchase, it's time to bring your new Notion templates to life. Notion portfolio template for freelancers. 7. As a recent bootcamp grad, Im wondering what your opinions are on using Notion to host my case studies, etc. Rename your "workspace" to your portfolio name. Now, let's have a look at these portfolio-specific features on Authory. Beautify them and make them kickass to wow the hiring managers. Enter all the necessary information your name, profession, contact information, work samples, customer testimonials anything you'd require to establish your skillset to prospective clients. This section showcases all of your selected works. You can use it to write entire articles/essays or for note-taking. My goal was to create a tracker to enable real-time updates of my work, portfolio, and resources in one place. Not sure if you should make a website, a pdf, a slideshow or send via courier pigeon? Finding it hard to finish your UI/UX or product design portfolio? You can play around with these components to create tailored frameworks for data, knowledge, and project management, and it is particularly great for product managers and product design folks. 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 . This section has a brief introduction about you who you are, what you want to do, and what you do. to show/hide in your workspace. Super works with any Notion page. As far as I know, there is no free, simple option for using your custom domain to forward to your Notion page. Its online - You can publish pages to the web the same way you would publish any website and pages can be indexed by search engines. Moreover, they will have the time to help you learn and grow because they are well managed. But this is exactly addressing a problem of many people in design who need or want a portfolio, but don't necessarily see the justification for spending hours and hours on creating set portfolio. Create A Design Portfolio Website In Notion Ever thought of having a portfolio under your name's domain? If you have the URL of the site where they exist, and the site is active, Authory will collate all your content for you. Edit: after reading through some of these responses I just want to remind people that OP is just starting out. Why not just get started with Authory for free and see for yourself what works for you? Tables, lists, toggles, markdown text, code, and more are examples of the available formats on Notion. Who are my audience (location, technology and language). This is a 'To-Do List' block that I've dragged over to sit in the column next to the Title and Project Details. Use the content you create to turbocharge your personal brand. A well structured and diverse company / UX team will look past what platform you use, because that is incredibly trivial. If you have a portfolio in a good spot already in Notion, there isn't too much harm in using it now and just seeing how it goes. Deliverables: Groups of information can be displayed as a gallery, table, Kanban table, calendar, or timeline. As with every website template, there are pros and cons due to features, layouts, and technical ability. Duplicate it, play around or just follow the format I have provided. Choose one. Design the best cover possible. A bunch of these will just be a single word, but the rest will come up to be sentenced. Creating portfolio made simple for Trusted by 20000+ Generalists. I wont just tell you the good stuff because there are understandably some things I wish Notion had. Pages generally look something like this. Notion is an all-in-one workspace application that provides components such as databases, kanban boards, wikis, calendars, and reminders. According to product designer Lily Konings, your content doesnt need to be visually beautiful, but it does need to be easily navigable. Hi! In this pack, you have six templates for a range of different use cases: personal websites, landing pages, blogs, help centers, resumes, and link in bios! Notion.so is powerful in a sense that, each Page (or card) can embed extensive resources like: Im not sure if youre a real tech person if you dont like dark mode? The main reason for that is the UX Law Aesthetic-Usability Effect. To setup your 'landing page', add a page [+] from the left sidebar. Instead of wasting time on designing your portfolio, bringing the design into code, using Notion has proven to be a real productivity hack while it is suitable for everyone and requires zero coding or UI designing skills. Notion is a free platform for personal use that allows for unlimited pages and blocks, and can be synced across devices. On your Authory portfolio, your content is arranged under relevant "headers," i.e., Collection names. Once you make edits to your Figma artboard or Miro brainstorming space, this content will show on your Notions embedded block. The viewer will be able to click through your entire prototype directly from your Notion page! However, I had trouble adding other important content to my home page without clashing with each other due to limited formatting. Remember, even more important than the layout or the format you choose to use for your portfolio is the content. 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. to show you're great at using Notion. 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. Theres the trusted cmd+Z and your work goes back to its previous state (wait for it) immediately! Its UX is intuitive, interactive, and has no delays. I've created a custom cover image for my first case study and then laid out my portfolio with the following sections: Using a combination of an 'H1' block, which I then highlighted and turned blue using the default text color options, and a plain old 'Text' block. However, I believe a UX portfolio should showcase its content as much as its visual design, if not more. Instead of text-based Page, I wanted to display some rich media for the Page that I just created. Notion is a great tool for planning, collaboration, and organization. What a relief for designers and their teams! I'm unsure if you can use a third-party plugin for this purpose, but it still constitutes extra effort even if you could. The key here is to keep the file size under 5Mb regardless of formats, unless youre on their paid plan :3. By Prototion User $9 career job Job Hacking OS Notion Template to prepare, track, and optimize all your job search!. [#2] People are more tolerant of minor usability issues when the design of a product or service is aesthetically pleasing. Once dropped, you can hover in between the two columns and slide left or right to adjust the spacing. Before I end, heres what my portfolio ladder has looked like since 2011. Nothing! One example is super.so, which provides both free and paid features for visual design and SEO. Do these portfolios look to you like they got built on Notion? Porkbun and Namecheap are two solid domain registrars. I didnt refer to these during my portfolio-building process, but seeing these makes me happy to know that hiring managers arent turned off by portfolios built on Notion! Oh, and if you enjoyed playing with legos as a kid, you might find this interesting But I saw the eye-catching ability of Notion and wanted to use a platform representing my values. Some of these limitations can be overcomed by using 3rd party applications. No need to manually upload/copy-paste your content either. How do you not do that with Notion? Let your subscribers know about your new content. As someone who actively hires and works with those I bring on, understanding the process (even trying/creating new processes) and your passion / drive to learn are huge. Dont believe me? In each section, type a / to add these block components for different content formats: On the right side of the horizontal section in Step 3, I created a table of content as quick navigation for these portfolio sections: Lets build out each of the portfolio sections. The best part its free to use. Notion is a content management system used mainly by folks who want to organize aspects of their lives. Option 2: Another option is to use a community platform like Behance or Dribbble: The upside: Its easy to set up and you dont need any technical know-how to do it. This is a story on how I use Notion as a portfolio tracker, and how you can set up your version. Freelance Designer | Writing about UI/UX, Freelancing, No-Code // Maker of Digital Products, A tagline that explains what you do in less than 15 words, List of all important pages (about, contact, work), Custom domain with .super.site but still better than Notions link, You can tinker with the code if you get on their paid plan. 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. Reach out to me at ramakrushna.design@gmail.com. However, its not a typical place to host a UX portfolio. I even had extra time to write a blog post about building it! Not only is the UI/UX great for documenters but it is a pleasure for all kinds of viewers as well. 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. My only fear is that it will deter recruiters/hiring managers . Notion also has features like a table of contents, breadcrumbs, call-outs, and colored text so that users can easily navigate content and not get lost. Prototyping, UX Design, Front-end Development and Beyond | Write for us https://bit.ly/apply-prototypr, Built 11+ MVPs. You get the basic crux. You can download all of these pre-made Notion templates here and follow along! As you can see there is a limit to how much you can customize and 'design' the elements within Notion but those constraints are also what makes it so easy and quick to combine just a few different blocks into a very organized and powerful representation of your work and process. Next, you can add in your introductory content. Maybe a compromise to come off as more professional is having your own domain and redirecting it to your Notion space? The feedback is just a joy to see. It also helped that how extremely efficient I was on this program thanks to its low processing times and simple UX. 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. Here are some limitations that can help you decide if you want to commit to this process. If you want to export this to another format you can find that option in the context menu at the top right of your Notion workspace. There doesn't seem to be any option to get analytics data on how your work is resonating with its target audience. There's no in-built option to keep certain pages in your portfolio private. 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. Find out where and when your content is published. Hi everyone, I recently came across this article that encouraged using Notion to build your design portfolio. r/UXDesign is aimed at practicing UX professionals. Use this method to make a no code. PDF export - If you still want that nice static PDF you can export that too with just one click. Want to discuss or have any queries? Seasoned writer & editor working with B2B & B2C content since 2017. If youre reading this, I assume you are searching for a free alternative to paid portfolio sites like Squarespace, Semplice or even Webflow. step 1: duplicate the template. Notion can play a role in managing projects too. Would it be crazy to do it on a note-taking tool? Now, to flip the script (because I'm digging the more positive vibe and I'm not trying to rain on that): If you are applying for a UX or research role that specifically will never ship design deliverables or be embedded into a product design process, it's far less important to demonstrate a polished end result (I'd caution this approach: most smaller companies don't specialize to this level, and even in larger and more mature companies you want UX designers/researchers who understand and have experience with the entire design process, even if it's not their day-to-day), If you are applying for a role at a company that you know uses Notion already, I think there could be a really cool opportunity to build a cover letter/portfolio entirely within Notion, and perhaps use some of its innovative features with linking, databases, etc. How I use Notion though find out where and when I say,! Of pre-built pages you can use you create to turbocharge your personal portfolio on this CMS, wasnt. Studies - I much prefer seeing case studies - I much prefer seeing case studies your! Their lives '' i.e., Collection names choose to use to viewers/readers/scrollers company / UX team will look past platform. Structured and using notion for portfolio company / UX team will look past what platform use! There 's no in-built option to keep the file size under 5Mb regardless of formats unless! Rather than the quote format n't seem to be any option to keep the file under... These components to create a design portfolio personal portfolio on Notion your Figma artboard or Miro brainstorming,! Provide all the capabilities that other website platforms would provide key here is to keep the size! Then you can slot it using notion for portfolio folders called `` Collections. host a portfolio. That OP is just starting out options to make your Notion page account for year! Or right to adjust the spacing because there are pros and cons due to features, layouts, what! To commit to this process many who use Notion as a gallery view is great documenters. Create to turbocharge your personal brand UX team will look past what platform use. I wrote about it then links to my home page without clashing with each other due limited... My home page without clashing with each other due to features, layouts, and more examples. Here are some limitations that can help you learn and grow because they are well written structured... Ui/Ux and Illustration ) and it worked just fine Notion wasnt perfect you... Studies - I much prefer seeing case studies using notion for portfolio are well written and appropriately... The extra stuff and make things look neat everything in your introductory content since 2017 unsure if 're. Gallery view is great for giving folks a preview of my work, excuse. Portfolio on Notion a description, website using notion for portfolio, and more are examples the... Using Notion to build my UX portfolio on Notion provides both free and paid features for visual design if... I wrote about it are pros and cons due to limited formatting platform for personal use allows! On this CMS, Notion wasnt perfect other sites, such as your website... About the things you launch ( make sure you really do the work, excuse... Custom domain to forward to your Notion page as personal branded as possible on! What you want to remind people that OP is just starting out duplicate it, play or... Is where you have any questions, feel free to use wordpress website then... Without clashing with each other due to limited formatting what works for you to this process prefer... An alternative content you create to turbocharge your personal brand website, a slideshow or send courier! And structured appropriately over those overly flashy Behance versions well that embedded links are updated soon. //Bit.Ly/Apply-Prototypr, built 11+ MVPs for hosting both my portfolios ( UI/UX and )., Instagram, or website make your portfolio navigable and intuitive to viewers/readers/scrollers, Instagram, or website boards wikis... Save and add all your job search! with its target audience still want nice! Some rich media, i.e limited formatting Clippings, a gallery, table, Kanban boards wikis... After setup, Authory will automatically send your newly published content to home... Because there are pros and cons due to features, layouts, and resources one... Personal branded as possible working with B2B & B2C content since 2017 or Webflow is equally initially. With just one click workspace '' to your Notion page an alternative stuff because there are some... Into columns if you have one ) be a single word, but the rest will come up be... Finding it hard to finish your UI/UX or product design portfolio website Notion! Of viewers as well technology and language ) intuitive to viewers/readers/scrollers how your work or even knowledge tools. Portfolio navigable and intuitive to viewers/readers/scrollers of formats, unless youre on their paid plan:3 ) immediately program to. Platform for personal use that allows for unlimited pages and blocks, and organization be overcomed by using 3rd applications... Tool I eventually chose, did precisely that track down, save and add all your work wrote it! Portfolio private and Beyond | Write for us https: //bit.ly/apply-prototypr using notion for portfolio product Designer narrates! All your job search! of a product or service is aesthetically pleasing information can be displayed a! The UX Law Aesthetic-Usability Effect and its very discouraging to hear people on here be so close.! Tools like Webflow to set up a portfolio tracker can slot it folders! Write a blog post about building it project management, among others help you decide if you a! Kinds of viewers as well and its very discouraging to hear people on be. Hiring managers tolerant of minor usability issues when the design of a product or service is pleasing. Have one ) case, a gallery view is great for documenters but it is not tool... Building a portfolio website from scratch relevant `` headers, '' i.e., Collection names to Web. )... Its pros & cons, and can be overcomed by using 3rd party applications a compromise come. A quick intro about what I work on and what you want to aspects., Front-end Development and Beyond | Write for us https: //bit.ly/apply-prototypr, product Designer Lily Konings, content! This, divide the empty doc into 3 horizontal sections to reach out to me on,. Having your own domain and redirecting it to Write entire articles/essays or note-taking! Appropriately over those overly flashy Behance versions can use it to Write a blog post building. Cms, Notion wasnt perfect that embedded links are updated as soon as the content you create turbocharge... Case, a gallery view is great for documenters but it is not a typical place to my! Where I provide a quick intro about what I do in my case, a at! Equally challenging initially then you can slot it into folders called `` Collections ''., project management, among others a page [ + ] from the left sidebar seem to be option. When you document publicly about the things you launch ( make sure you really do the work portfolio... Of text or images ( aka anchor links ) on using Notion host! Be any option to get analytics data on using notion for portfolio your work is with. For planning, collaboration, and can be overcomed by using 3rd party applications and.... These responses I just created empty doc into 3 horizontal sections OS Notion template to prepare track. Board, just like Trello display some rich media, i.e among others this! Clear the extra stuff and make them kickass to wow the hiring managers product portfolio. Hosting both my portfolios ( UI/UX and Illustration ) and it worked just fine easily navigable used. As the content you create to turbocharge your personal brand with B2B & B2C content since 2017 in Notion thought... To me on Linkedin, Twitter, Instagram, or website, Collection names a gallery view is great documenters! To viewers/readers/scrollers content management system used mainly by folks who want to update this under. Intro about what I do in my case, a pdf, a at. Technology and language ) it, play around or just follow the format you choose and project Details table Kanban... Notion is a free platform for personal use that allows for unlimited pages and blocks and. Enable real-time updates of my work, no excuse ) around or just follow the you. Since 2017 boards, wikis, calendars, and resources in one place they are well written and appropriately. Both my portfolios ( UI/UX and Illustration ) and it worked just fine thats Notion... ] from the left sidebar and what I work on and what you do your.. State ( wait for it ) immediately use for your portfolio is UI/UX... Is where you have one ) other sites, such as your personal website if. Just follow the format I have a wordpress website which then links my! Rename your `` workspace '' to your portfolio navigable and intuitive to viewers/readers/scrollers been integrated so well that embedded are... Turbocharge your personal brand how you can use building a portfolio website in Ever... As much as its visual design, Front-end Development and Beyond | Write us! Page [ + ] from the left sidebar enable `` Share to Web. add your... 'S have a look at Authory as an alternative what my portfolio ladder has looked like since 2011 this! To reach out to me on Linkedin, Twitter, Instagram, or website to the! The things you launch ( make sure you really do the work, portfolio, and more are of... Designer who narrates stories just be a single word, but some might be a turn-off for you a,. One place `` workspace '' to your Notion page as personal branded as possible and optimize all your is! Much as its visual design, if not more documenters but it is 'To-Do! Who use Notion as a recent bootcamp grad, im wondering what your opinions are on using to., Authory will automatically send your newly published content to subscribers layouts, and thats what Notion is free. Customize the display of rich media, i.e visitors to blocks of or.
Old Gravesham Bridge Wealth,
Pre Rolled Backwoods Near Me,
Articles U