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

Рет қаралды 128,684

Күн бұрын

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 2024 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...

Пікірлер: 180

@AlienaCai 9 ай бұрын

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! 🥰

@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!

@ruqayyahtajudeen 19 күн бұрын

Hi Aliena! Thank you so much for this! I remember the first time I came across this video. I was in a haste to watch it as I had to use Notion for an assignment and time was against me. It was helpful then and I got a good score. Today, coming back to watch this just made me realize I actually missed out some information. I'm currently using it to re-create my portfolio and it's coming out so well. Wish I could like the video more than once. Thank you once again!

@AlienaCai 18 күн бұрын

Glad it was helpful!

@JMinUX Жыл бұрын

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!

@JaspreetKaur-bk4og 11 ай бұрын

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💟

@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.

@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

@uifry 11 ай бұрын

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

@multiro_r.leaves 6 ай бұрын

Very nice guide and template. Thank you Aliena!

@ghazalalshame 6 ай бұрын

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

@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 😀

@p.amedome 6 ай бұрын

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

@mustaphayinusa6304 Жыл бұрын

Your videos are always amazing, keep it up.

@theshaheer 11 ай бұрын

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.❣

@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 10 ай бұрын

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

@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!

@keishab8091 9 ай бұрын

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 9 ай бұрын

Glad it was helpful!

@user-yy6so4jb8l 4 ай бұрын

Aliena, thank you so much for this video!)

@steffsamtoy3310 11 ай бұрын

very helpful ! thanks Aliena 🙏

@cristinapellicano5664 2 ай бұрын

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

@mayararodrigues1066 9 ай бұрын

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 🙏

@shine-shekinahgloria4376 5 ай бұрын

This is incredibly helpful, thank you!

@Philosoftail Жыл бұрын

Very helpful. Thank you so much Aliena❤❤

@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!

@olammao5817 5 ай бұрын

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

@SethOBrien-ce6is 2 ай бұрын

That was great, absolute gem of a video

@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!

@jordanr6757 Жыл бұрын

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

@AlienaCai Жыл бұрын

Thank you!

@kunalparida1 3 ай бұрын

Thanks Aliena! This certainly makes my life easy hereafter!

@ayomideiroko4473 Жыл бұрын

Thank You ❤. It was really helpful

@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!

@bekuxui4081 Жыл бұрын

thank you very much Aliena for the amazing video 😍

@AlienaCai Жыл бұрын

thank you very much for leaving a comment!

@lillaraczszabo6720 11 ай бұрын

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

@Pengy_Penguino Жыл бұрын

Wow this video is super 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!

@pratheekpurohit1079 2 ай бұрын

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

@sreedhanyaanil2393 Жыл бұрын

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

@VS-in9us Жыл бұрын

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

@AlienaCai Жыл бұрын

You're so welcome!

@chunky_s2129 Жыл бұрын

Amazing work. Really helpful. Thanks!

@AlienaCai Жыл бұрын

Glad it was helpful!

@talaabuhejleh8592 Жыл бұрын

Great video Aliena Thank you :)

@AlienaCai Жыл бұрын

You're welcome 😊

@khushbudas4736 Жыл бұрын

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

@AlienaCai Жыл бұрын

Yay! Thank you!

@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 😄

@user-po3lc4mo9n 11 ай бұрын

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

@bintangn.w5595 10 ай бұрын

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

@user-bb6uv4kk9n 5 ай бұрын

Thank you so much !

@prashanthkumar6593 Жыл бұрын

Thank you so much for this🔥🔥

@AlienaCai Жыл бұрын

No problem!!

@divyarts523 6 ай бұрын

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

@AlienaCai 6 ай бұрын

I'm so glad!

@aakritidixit6956 5 ай бұрын

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

@AlienaCai 5 ай бұрын

Most welcome!

@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 7 ай бұрын

@@estherayewoh1077Me too😢

@shreypatel7692 Жыл бұрын

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

@AlienaCai Жыл бұрын

Glad it was helpful!

@designeravinash Жыл бұрын

Nice to see u again mam❤️

@AlienaCai Жыл бұрын

Same to you

@nomanrifat Жыл бұрын

Thanks for sharing this

@muhammadiyad2153 Жыл бұрын

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!

@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!

@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?

@letsgoviral777 9 ай бұрын

Amazing!

@TranquilWanderer Жыл бұрын

Thank you soooo much!!

@AlienaCai Жыл бұрын

You're welcome!

@helenchinweike8080 7 ай бұрын

Thank you ❤

@thankgodlove Жыл бұрын

Great tips Aliena💕💕💕

@AlienaCai Жыл бұрын

Thank you ❤️

@90GKITCHEN 3 ай бұрын

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

@beckykehinde 10 ай бұрын

Wow!!! Thanks

@saiprakashp1332 Жыл бұрын

super knowledgeable

@opeyemiadewusi5926 8 ай бұрын

Thank you very much

@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 🙏🏼

@kbfrommars 11 ай бұрын

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

@AlienaCai 11 ай бұрын

Oh thank you!

@SaraswotiProduction Жыл бұрын

This is perfect

@AlienaCai Жыл бұрын

Thank you❤️

@ruchawadekar7527 8 ай бұрын

THANK YOUUUUUUUU

@AlienaCai 8 ай бұрын

Thank youuuu

@xiaoyihuang1789 Жыл бұрын

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

@AlienaCai 11 ай бұрын

不客气❤️❤️❤️❤️

@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.

@shyamdubeey Жыл бұрын

Mam! Thanksss😚😚😊😊

@arafatshuvo667 Жыл бұрын

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

@rajeshmaharjan1 Жыл бұрын

after a long 10 sec. left.🙂😊

@mirabelle0101 10 ай бұрын

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.

@subramanianchenniappan4059 20 күн бұрын

First time seeing this channel . I am java developer

@AlienaCai 18 күн бұрын

welcome!!

@watchduk9945 Жыл бұрын

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

@BlackRabbit0622 7 ай бұрын

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

@Bussyboi_Films 11 ай бұрын

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

@HangLowKing 7 ай бұрын

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.

@broski2702 Жыл бұрын

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

@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 kzfaq.info/get/bejne/o9OXq9ah0p-uh6c.html

@broski2702 Жыл бұрын

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

@bobbert8216 5 ай бұрын

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

@vikalpgaur8112 11 ай бұрын

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

@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 8 ай бұрын

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

@user-li6rl2pl1c 8 ай бұрын

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

@jae6446 Жыл бұрын

第一次见到你穿白色～

@AlienaCai Жыл бұрын

今年准备换成白色系了😝

@GhazalehRabiee 10 ай бұрын

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 8 ай бұрын

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!

@andrearoserovillarreal 11 ай бұрын

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 11 ай бұрын

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

@setemistephen7959 9 ай бұрын

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

@gauravthapaliya7001 7 ай бұрын

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

@AlienaCai 7 ай бұрын

1500 pixels by 600 pixels is what I find.

@Namuggah 4 ай бұрын

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.

@suryaraya3564 9 ай бұрын

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

@DeepakKumar-zn9zm Жыл бұрын

Can you please share your portfolio link?

@Rohitraut05 Жыл бұрын

hey, can you provide the resume temeplate and format

@tinysatisfy3542 7 ай бұрын

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

@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