How to Build a UX Design Portfolio Website with Notion for FREE [Step-by-Step Tutorial]

Build a design portfolio with Notion. Start by clicking 👉 affiliate.notion.so/rausiitz0v0s
The portfolio example I built for this video: alienacai.notion.site/Hi-I-m-...
Fast Track to UX: a 4-Week Figma Crash Course: fasttrackux.com
Learn how to create an impressive design portfolio using Notion and Figma! In this tutorial, we'll walk you through the step-by-step process of building a UI/UX or product design website portfolio. Best of all, we'll show you how to do it for free! Watch as we cover how to select design projects, create eye-catching project banners, and write up compelling case studies using the latest Notion AI feature.
👇 Share your portfolio link in the comments below for feedback from your peers. This video is perfect for UI/UX or product designers looking to level up their career in the tech industry.
Chapters
Intro: (0:00)
Draft a home page wireframe by Figma: (0:36)
Sponsored by Notion: (3:20)
Build the portfolio home page: (4:08)
Write a case study: (7:56)
Outro: (15:23)
#sponsored by ‪@Notion‬
How I made $10K a week as a Product Designer: • How I made $10K a week...
More videos that help you with your design career:
UX Design / Product Design Resume: • UX Design Resume Tutor...
UX Research Tutorial: • UX Research Tutorial f...
UX Design Workflow: • My 2022 UX Design Work...
Improve the VISUAL of your portfolio: • How to improve the VIS...
Watch what I learned from one year of unemployment 👉 • Overcome Tech Layoffs ...
Watch these for fun:
Google e-commerce certificate course: • Google Digital Marketi...
a day in the life of a ux designer: • a day in the life as a...
UX designer reacting to a terrible website: • UX designer reacts to ...
ux design expectation vs. reality: • UX Design expectation ...
Design compromises be like: • Design compromises be ...
If ux designers were honest in tech companies: • If UX Designers Were H...

[@AlienaCai]

If your database doesn't show once publishes 👇 Make sure the database of your gallery is published. Click the three dots on the right of your gallery title, e.g., "My Project", click "View Database", go to top right click "Share", click "Publish"

[@angielamoreno5970]

Thank you so much Aliena! I was literally having a mental breakdown because i've been trying to create my first UX portfolio but i didn't know where to start, this video was so helpful! 🥰

[@destinaluv]

Thank you so much Aliena! I learned a lot from your videos and tbh you are a GEM! As a self-taught baby designer struggling to figure out how to get started, I am grateful I found you!

[@sofiahanashiro6495]

That was the best video I watched teaching how to build a ux portfolio. You turned something that seems to be so hard into a simple process (not necessarily easy). Thanks a lot, Aliena!

[@JaspreetKaur-bk4og]

Wowww this is so in-depth, I loved how you have mentioned everything including shortcuts, sizes, how you embedded, Whys, and most importantly you included what is needed to be... Thank you so much💟

[@uifry]

This video is a goldmine of design inspiration. I love how you've demonstrated various techniques and tricks to achieve such a polished result.

[@susantonso3409]

I wasted so much time, money and energy on Wix 😤Notion is becoming such an essential tool and you literally made it from scratch in minutes 🤯Thanks for sharing your knowledge ❤

[@AlienaCai]

Glad it helped! Me too. I spent so much time on Squarespace. Wished I started from Simpler tool and gradually move to web builders.

[@theshaheer]

Thankyou so much Aliena 🙏 As a beginner I was so confused and didn't know where to start. I saw your videos it helped me a lot.❣

[@ghazalalshame]

Thank you so much Aliena! That was the best video I watched teaching how to build a ux portfolio.

[@MultiRamaan]

Very nice guide and template. Thank you Aliena!

[@p.amedome]

Hello Aliana, I followed all through and I love the way you break down the steps. Kudos

[@aremo14]

This is a GREAT video! Thanks for all the valuable information, including the small tips and tricks here and there like typography hierarchy and building case studies. I've been researching how to update my portfolio, and this video was really inspiring!

[@Pritty143]

This might be the best tutorial for notion portfolio I've seen!

[@uxcelwithaj]

I loved the effort of going step by step, each point clearly throughout the video which many lacks! Loved it! Already a fan seeing this first time now ngl

[@AlienaCai]

Thanks a ton

[@user-yy6so4jb8l]

Aliena, thank you so much for this video!)

[@jacquelinecoles1073]

Thank you, thank you, thank you! I had been working on a portfolio with another website builder and felt like it just didn't look the best it could so I've been stalling a bit. This is fantastic and such a great help. 🙏 Always love your videos, thank you for sharing your knowledge with us!

[@AlienaCai]

Glad it helped!

[@Philosoftail]

Very helpful. Thank you so much Aliena❤❤

[@mustaphayinusa6304]

Your videos are always amazing, keep it up.

[@shine-shekinahgloria4376]

This is incredibly helpful, thank you!

[@mayararodrigues1066]

Amazing! I didn't know it was possible to create a portfolio in notion and no surprise is very easy and intuitive just like the rest of their products :)

[@h_borislava9238]

Thank you so much! This was really helpful 🙏

[@keishab8091]

Thank you so much for this video. I’ve been trying to look at other YT videos and work on my portfolio at the same time and I promise I wanted to cry 😅. I love your content in general so I was so happy to see you made a step by step. Thank YOU! I finally have something that sorta resembles a portfolio now. Best UX video❤

[@AlienaCai]

Glad it was helpful!

[@cristinapellicano5664]

This video is a true gift :) Thank you very much for this amazing step-by-step guide!

[@olammao5817]

Thank you Aliena for sharing. This was insightful. I will be sharing this with my peers.

[@steffsamtoy3310]

very helpful ! thanks Aliena 🙏

[@ayomideiroko4473]

Thank You ❤. It was really helpful

[@sreedhanyaanil2393]

Very helpful. Thankyou so much for the video. As a beginner, this video really meant a lot.

[@shiuandai0426]

You are awesome ! I like you treat each project well and put lots of effort on that. I will keep support your channel

[@AlienaCai]

Thank you so much 😀

[@bombamniam]

genious! I love Notion, had this idea behind my mind before, but you did great step by step gide, so thank you!

[@AlienaCai]

Glad it was helpful!

[@SethOBrien-ce6is]

That was great, absolute gem of a video

[@kunalparida1]

Thanks Aliena! This certainly makes my life easy hereafter!

[@user-po3lc4mo9n]

Thanks for explaining everything steps by steps you have made my day a lot more easier thanks you and I hope you're bless 100 times 10

[@lillaraczszabo6720]

Thank you very much, this video was a huge help. :)

[@Vinsomer]

I will never get enough of your UX porfolio videos, Aliena! Thank you ❤ Do you think it's possible if one day you break down even briefly, what goes into a project from beginning to end? Like every different person involved from UX designers, researchers, visual designers, product managers, copyrighters, front end, back end ect. The whole shabang, who does what and when, and how it ties in with agile development? I just feel like a lot of people who are still in the learning phase could benefit from seeing the full scope if they have no idea yet. Sorry if it sounds like a lot, thanks again for this helpful video! Saved to my portfolio playlist 😂

[@AlienaCai]

Thank you for the comment! And yes, I'll look into your suggestion. Sounds like a very valuable topic!

[@pratheekpurohit1079]

Soo freaking amazing and helpful, thank you so muchh!!!!

[@AlienaCai]

Build a design portfolio with Notion. Start by clicking 👉 ntn.so/alienacaiux 👇Comment your portfolio link below for feedback from your peers! This tutorial covers step-by-step processes of building a uiux design or product design website portfolio. You will need to use Figma and Notion to build your portfolio. I also explained how you can build your portfolio for free. The video covers how to select design projects, create project banners, write up case studies with the help of the latest Notion AI feature. Hope this video is helpful for you to level up your career in the tech industry as a uiux designer or product designer 😄

[@jordanr6757]

THIS is the one. Thank you Aliena, amazing content.

[@AlienaCai]

Thank you!

[@bekuxui4081]

thank you very much Aliena for the amazing video 😍

[@AlienaCai]

thank you very much for leaving a comment!

[@chunky_s2129]

Amazing work. Really helpful. Thanks!

[@AlienaCai]

Glad it was helpful!

[@Pengy_Penguino]

Wow this video is super helpful! Thank you so much!

[@AlienaCai]

You're so welcome!

[@VS-in9us]

OMG this is so helpful!!! Thank you so much!!🙏🙏🙏

[@AlienaCai]

You're so welcome!

[@annazankevich1456]

thank you very much! this is the best tutorial I have ever seen) its very useful, I will put it into practice ✅

[@AlienaCai]

I’m so glad to hear this Anna!

[@user-bb6uv4kk9n]

Thank you so much !

[@6ftjanelle]

I almost didn't want to watch this but I am so glad that I did because this is the best portfolio explanation I have seen. Thank you Aliena

[@AlienaCai]

You're so welcome!

[@bintangn.w5595]

Thankyou for this video aliena, hopefully someday you will make content to react your subscriber portofolio

[@talaabuhejleh8592]

Great video Aliena Thank you :)

[@AlienaCai]

You're welcome 😊

[@nomanrifat]

Thanks for sharing this

[@emmanuelonuada3587]

I love you!!! Literally been trying to build a portfolio but all these websites builders are so damn expensive to keep up with esp. for a freelancer without a steady monthly income. Thank you very much Aliena 🙏🏽 I am certainly going to share my notion portfolio link in a few weeks.

[@AlienaCai]

Thank you so much for sharing. Looking forward to see your portfolio link in a new comment in a few weeks 😄

[@estherayewoh1077]

Where’s your portfolio link? Would love to see it 😅

[@ankitraj_o1]

​@@estherayewoh1077Me too😢

[@letsgoviral777]

Amazing!

[@muhammadiyad2153]

Thank you! :)

[@helenchinweike8080]

Thank you ❤

[@beckykehinde]

Wow!!! Thanks

[@prashanthkumar6593]

Thank you so much for this🔥🔥

[@AlienaCai]

No problem!!

[@opeyemiadewusi5926]

Thank you very much

[@saiprakashp1332]

super knowledgeable

[@divyarts523]

Thank you soo much Aliena🙏🏻 As a beginner you helped alot to me...💛

[@AlienaCai]

I'm so glad!

[@khushbudas4736]

I am so happy to see this video 🤩 thanks Aliena. And by the way u look good in white 🤗

[@AlienaCai]

Yay! Thank you!

[@andersonalmeida273]

Thank you for sharing! This is very important, even more so for those who do not have the experience and resources to invest in a professional website.

[@AlienaCai]

You are so welcome!

[@shreypatel7692]

very informative video. Thanks for it really helped a lot 😄

[@AlienaCai]

Glad it was helpful!

[@amritkhadka1424]

very helpful. always frustrated which webbuilder should I go with. Now, You clearly explained it could be done with Notion. very effective, time saving and headache release pill for portfolio website. thx you, Aliena. Keep growing.

[@AlienaCai]

Glad it was helpful!

[@TranquilWanderer]

Thank you soooo much!!

[@AlienaCai]

You're welcome!

[@aakritidixit6956]

I was struggling to use Notion in correct way, until i watched this video. Amazing content. Thanks a lot 🙏

[@AlienaCai]

Most welcome!

[@designeravinash]

Nice to see u again mam❤️

[@AlienaCai]

Same to you

[@mauriciovillarreal339]

I was literally updating my portfolio yesterday, this is exactly what I needed to hear. Specially the "this will take you hours" Thx

[@AlienaCai]

Thank you so much for sharing! And yes, it always takes hours 😅 you got this!

[@mauriciovillarreal339]

@@AlienaCai I know is a super newbie question but, how do you export the wireframe frames with the iphone screen?

[@SaraswotiProduction]

This is perfect

[@AlienaCai]

Thank you❤️

[@ruchawadekar7527]

THANK YOUUUUUUUU

[@AlienaCai]

Thank youuuu

[@shyamdubeey]

Mam! Thanksss😚😚😊😊

[@rewatipatil891]

Thank you so much for this Aliena. What if I have already published my case study in behance/medium and I want to add those in my notion portfolio.

[@AlienaCai]

Good question, not sure if there’s a fast way other than copy paste. However, for future project, you can use notion as the tool to draft and organize your case study before moving to another platform.

[@xiaoyihuang1789]

呜呜呜 感恩！🥺🥺life saver!!

[@AlienaCai]

不客气❤️❤️❤️❤️

[@mirabelle0101]

Any chance there is a way to password-protect the portfolio? - but all in all: amazing! This is THE BEST format I have - so far - ever heard of! Why have I never come up with sth like this? You can create it fast, you can adjust it for different industries you are applying to (kinda personalizing still), you have no trouble sending out huge files, and you can even use it to present it on screen in kind of a presentation modus - I LOVE IT! Thanks.

[@kbfrommars]

You are so great and sweet! Your voice makes me comfortable :3 Amazing and informative video, thank you so much!

[@AlienaCai]

Oh thank you!

[@modupeikimot2049]

Thanks for always ❤

[@AlienaCai]

You're welcome 😊

[@modupeikimot2049]

@@AlienaCai while uploading files for my case study, I got a notification that my file is over the 5mb of the free plan 😢 how do I go about this please 🙏🏼

[@thankgodlove]

Great tips Aliena💕💕💕

[@AlienaCai]

Thank you ❤️

[@90GKITCHEN]

How did you drag to the other window plzz anyone rply​@@AlienaCai

[@BlackRabbit0622]

Hi Aliena! Do you happen to have the Figma template that you used in the video?

[@Bussyboi_Films]

Thank you 🙏🏿 But I don’t get how to add the copyright symbol. Any help?

[@chisomstephanienweke4295]

NICE.... how about a 3 design arrangement?

[@emmanuelolubodun6475]

Hi Elena, please can you tell me the website builder you used in building your portfolio website? I really love your portfolio.

[@AlienaCai]

This video’s portfolio uses notion. For my website I used squarespace kzbin.info/www/bejne/o57Kqaamop59jdU

[@broski2702]

Quick question: is it okay to put figma links of my projects in the portfolio?

[@rajeshmaharjan1]

after a long 10 sec. left.🙂😊

[@broski2702]

I have a doubt should I be concentrating on behance or notion... Im confused which one would work better as a design portfolio

[@watchduk9945]

Like the way how you get straight to the point without talking other nonsense lol

[@vikalpgaur8112]

Jow do I add a downloadable link to my CV on the portfolio?

[@lbolton2009]

Y'all keep in mind that if your using color alone like rrd for problem, that's an accessibility barrier for someone who can't fully perceived the color red. Also you all should only have 1 h1 on the page.

[@GhazalehRabiee]

I just watched this tutorial and I'm grateful for this amazing content.🤩 I have questions, dear Aliena. I joined the Google UX design certificate program and the projects we worked on as students were imaginary. We chose them using the Sharpen tool. How am I going to present that? should I name it as a hypothetical project? how am I going to talk about the impact of my design when I don't have any numbers? I already have a case study using the Google slide template but I think i have to recreate my case study because i don't think that format is going to be useable for a portfolio website. please tell me what you suggest. THANK YOU SO MUCH AND WISH YOU THE BESTS.

[@immanueljaeggi6684]

Hello. I am also studying the Google UX Certificate course, and I put up my project in my portfolio as a Case Study. Viewers will see the difference when you add another project, regardless whether it's another case study or a real-world project. They will appreciate your work!

[@unplugged301]

I've been working on my webflow portfolio but I cringe everytime I look at it. Notion is so much better and the AI tool is such a game changer, thank you! Btw, what tool did you use to create those multi mockup screens for the cover image?

[@immanueljaeggi6684]

Hey...I made my own in Figma. I did look for templates but it consumed too much time.

[@andrearoserovillarreal]

Hello Aliena, thank you so so much for this video, I love your content! I am trying to follow the steps but in my Notion the option of "share" just allow me the option with invites only, it does not appeare the option share with web... do you know how I can change this? Thanks!

[@AlienaCai]

I'm not sure. Maybe check the public setting?

[@setemistephen7959]

How do you export a high resolution project from Figma to notion, my works are blur on notion

[@user-li6rl2pl1c]

Hi Aliena, I am doing a Google UX certificate is there any way I could use Notion Templet then Google Templet? I don't like my portfolio to be built in a Google case study template which Looks pretty boring. please let me know what to do. Thanks

[@bobbert8216]

anyone know the name of the user journey template shown in this example? its really simple and aestheticly pleasing but i cant seem to find anything like it on the figma community page. i'm currently rushing to create a portfolio for my university admission, any help would be greatly appreciated! thanks

[@arafatshuvo667]

Which one you prefer for portfolio design 1. Website builder - webflow, Squarespace 2. Notion *Which one attract recruiters.

[@gauravthapaliya7001]

Hey Aliena, what is the frame size in pixels for the image to be used as the cover photo in notion project?

[@AlienaCai]

1500 pixels by 600 pixels is what I find.

[@DeepakKumar-zn9zm]

Can you please share your portfolio link?

[@mostlyvine4449]

hey, can you provide the resume temeplate and format

[@suryaraya3564]

I did this but the images are taking a lot of time to load i dont know if the recruiter will be that patient

[@KaloyObcena]

Question, what if I am an aspiring UX/UI designer and I only have one project with a case study and the rest are UI practice of some existing apps, can I use that?

[@AtinisLive]

you need ux case study to qualify as ux designer unless you are just ui designer

[@rakan_turk]

Can you talk about glossry UX

[@AlienaCai]

Will look into it 👍👍

[@tinysatisfy3542]

Can anyone tell me how she paste drag the banner....

[@jamie8367]

where do you find those iphone mockups?

[@AlienaCai]

Figma Community, search “mock-up”

[@Namuggah]

I wonder if I’ll ever be this good. I am just starting out and everything seems so hard and overwhelming. I feel like giving up.

[@Yauboyy]

Is your KEES app a real case study? You have a few errors on the user persona inside that case study.

[@AlienaCai]

It is not. It is a project I came up for this KZbin video. Thanks for letting me know on those persona error!