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

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 195

  • @AlienaCai
    @AlienaCai  Год назад +13

    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
    @angielamoreno5970 Год назад +53

    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
    @sofiahanashiro6495 Год назад +27

    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!

  • @AlienaCai
    @AlienaCai  Год назад +20

    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 😄

  • @pumpkin6228
    @pumpkin6228 Год назад +5

    How have I not realized that I could use Notion to buid my portfolio? So glad I stumbled upon this video! Truly effective. Thank you 😊

  • @susantonso3409
    @susantonso3409 Год назад +27

    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
      @AlienaCai  Год назад +5

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

  • @Vinsomer
    @Vinsomer Год назад +20

    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
      @AlienaCai  Год назад +6

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

  • @uxcelwithaj
    @uxcelwithaj Год назад +3

    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

  • @mauriciovillarreal339
    @mauriciovillarreal339 Год назад +6

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

    • @AlienaCai
      @AlienaCai  Год назад +1

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

    • @mauriciovillarreal339
      @mauriciovillarreal339 Год назад

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

  • @emmanuelonuada
    @emmanuelonuada Год назад +11

    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
      @AlienaCai  Год назад +2

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

    • @estherayewoh1077
      @estherayewoh1077 Год назад +1

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

    • @ankitraj_o1
      @ankitraj_o1 11 месяцев назад

      ​@@estherayewoh1077Me too😢

  • @ruqayyahtajudeen
    @ruqayyahtajudeen 4 месяца назад +1

    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
      @AlienaCai  4 месяца назад +1

      Glad it was helpful!

  • @JMinUX
    @JMinUX Год назад +7

    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!

  • @keishab8091
    @keishab8091 Год назад +2

    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❤

  • @ombirla9500
    @ombirla9500 Месяц назад

    I have seen one of the best Tutorial on the internet today totally worth it
    Thanks Aliena 👏👏👏

  • @shiuandai0426
    @shiuandai0426 Год назад +3

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

  • @arafatshuvo667
    @arafatshuvo667 Год назад +2

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

  • @jacquelinecoles1073
    @jacquelinecoles1073 Год назад +3

    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!

  • @theshaheer
    @theshaheer Год назад +1

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

  • @fallenace9510
    @fallenace9510 10 дней назад

    Notion is a great option for a portfolio, very clean and minimalistic

  • @mayararodrigues1066
    @mayararodrigues1066 Год назад +2

    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 :)

  • @Pritty143
    @Pritty143 Год назад

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

  • @bombamniam
    @bombamniam Год назад +4

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

  • @JaspreetKaur-bk4og
    @JaspreetKaur-bk4og Год назад +1

    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💟

  • @CreatedbyMJ
    @CreatedbyMJ Месяц назад

    Thankyou so much! At first i thought that this was too hard but then i keep trying and this make me confident to show everyone my portfolio! Thankyou so muchh!!

  • @crownthychamp3184
    @crownthychamp3184 2 месяца назад

    Didn't realize this was a thing until a few weeks ago. You would have saved me so much time a year ago.

  • @aakritidixit6956
    @aakritidixit6956 9 месяцев назад

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

  • @moroenlacosta
    @moroenlacosta 5 месяцев назад

    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!

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

  • @p.amedome
    @p.amedome 10 месяцев назад

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

  • @jordanr6757
    @jordanr6757 Год назад +1

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

  • @6ftjanelle
    @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

  • @olammao5817
    @olammao5817 9 месяцев назад

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

  • @ghazalalshame
    @ghazalalshame 10 месяцев назад

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

  • @cristinapellicano5664
    @cristinapellicano5664 6 месяцев назад

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

  • @multiro_r.leaves
    @multiro_r.leaves 10 месяцев назад

    Very nice guide and template. Thank you Aliena!

  • @kunalparida1
    @kunalparida1 7 месяцев назад

    Thanks Aliena! This certainly makes my life easy hereafter!

  • @mustaphayinusa6304
    @mustaphayinusa6304 Год назад +1

    Your videos are always amazing, keep it up.

  • @Pengy_Penguino
    @Pengy_Penguino Год назад +2

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

  • @bekuxui4081
    @bekuxui4081 Год назад +1

    thank you very much Aliena for the amazing video 😍

    • @AlienaCai
      @AlienaCai  Год назад

      thank you very much for leaving a comment!

  • @khushbudas4736
    @khushbudas4736 Год назад +1

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

  • @ВалерияРагоза-э9м
    @ВалерияРагоза-э9м 8 месяцев назад

    Aliena, thank you so much for this video!)

  • @HangLowKing
    @HangLowKing 11 месяцев назад

    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.

  • @amritkhadka1424
    @amritkhadka1424 Год назад +1

    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.

  • @bintangn.w5595
    @bintangn.w5595 Год назад +2

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

  • @SethOBrien-ce6is
    @SethOBrien-ce6is 6 месяцев назад

    That was great, absolute gem of a video

  • @shine-shekinahgloria4376
    @shine-shekinahgloria4376 9 месяцев назад

    This is incredibly helpful, thank you!

  • @bobbert8216
    @bobbert8216 9 месяцев назад +1

    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

  • @FayJones-x3i
    @FayJones-x3i Год назад +1

    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

  • @andersonalmeida273
    @andersonalmeida273 Год назад +1

    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.

  • @chunky_s2129
    @chunky_s2129 Год назад +1

    Amazing work. Really helpful. Thanks!

  • @annazankevich1456
    @annazankevich1456 Год назад +1

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

    • @AlienaCai
      @AlienaCai  Год назад

      I’m so glad to hear this Anna!

  • @chukwuemekannodum7989
    @chukwuemekannodum7989 Месяц назад

    You just made building a portfolio more interesting.

  • @Philosoftail
    @Philosoftail Год назад

    Very helpful. Thank you so much Aliena❤❤

  • @YvonneU.S
    @YvonneU.S 25 дней назад

    Hi Aliena, thanks so much for this video. Can a Product Manager also utilize this template?

  • @thankgodlove
    @thankgodlove Год назад +1

    Great tips Aliena💕💕💕

    • @AlienaCai
      @AlienaCai  Год назад

      Thank you ❤️

    • @90GKITCHEN
      @90GKITCHEN 7 месяцев назад

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

  • @pratheekpurohit1079
    @pratheekpurohit1079 6 месяцев назад

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

  • @divyarts23
    @divyarts23 10 месяцев назад

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

  • @designeravinash
    @designeravinash Год назад +1

    Nice to see u again mam❤️

  • @VS-in9us
    @VS-in9us Год назад +1

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

  • @sreedhanyaanil2393
    @sreedhanyaanil2393 Год назад

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

  • @suryaraya3564
    @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

  • @Bussyboi_Films
    @Bussyboi_Films Год назад

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

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

  • @broski2702
    @broski2702 Год назад

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

  • @setemistephen7959
    @setemistephen7959 Год назад

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

  • @ayomideiroko4473
    @ayomideiroko4473 Год назад

    Thank You ❤. It was really helpful

  • @talaabuhejleh8592
    @talaabuhejleh8592 Год назад

    Great video Aliena Thank you :)

  • @rewatipatil891
    @rewatipatil891 Год назад +1

    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
      @AlienaCai  Год назад +1

      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.

  • @subramanianchenniappan4059
    @subramanianchenniappan4059 4 месяца назад

    First time seeing this channel . I am java developer

  • @h_borislava9238
    @h_borislava9238 Год назад

    Thank you so much! This was really helpful 🙏

  • @emmanuelolubodun6475
    @emmanuelolubodun6475 Год назад

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

    • @AlienaCai
      @AlienaCai  Год назад

      This video’s portfolio uses notion. For my website I used squarespace ruclips.net/video/mmgxspm9JWs/видео.html

  • @lillaraczszabo6720
    @lillaraczszabo6720 Год назад

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

  • @prashanthkumar6593
    @prashanthkumar6593 Год назад +1

    Thank you so much for this🔥🔥

  • @BlackRabbit0622
    @BlackRabbit0622 11 месяцев назад

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

  • @chisomstephanienweke4295
    @chisomstephanienweke4295 Год назад

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

  • @vikalpgaur8112
    @vikalpgaur8112 Год назад

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

  • @broski2702
    @broski2702 Год назад

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

  • @watchduk9945
    @watchduk9945 Год назад +1

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

  • @kbfrommars
    @kbfrommars Год назад +1

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

  • @hrithik_roshan_verma
    @hrithik_roshan_verma Год назад

    i cannot find share to web option

  • @KaloyObcena
    @KaloyObcena Год назад +1

    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
      @AtinisLive Год назад

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

  • @manishakulkarni-r4l
    @manishakulkarni-r4l Год назад

    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

  • @DeepakKumar-zn9zm
    @DeepakKumar-zn9zm Год назад

    Can you please share your portfolio link?

  • @nomanrifat
    @nomanrifat Год назад

    Thanks for sharing this

  • @maleeha7110
    @maleeha7110 Год назад

    I have a question. Does creating a portfolio on Notion affect my chances of getting a job? I heard recruiters want to see you use a website like wordpress, wix, etc. ?

    • @AlienaCai
      @AlienaCai  Год назад +1

      Hi, if you already have case studies of real world projects/ client projects, I suggest you to use a web builders and host your site in a custom domain 👍 This one is more for people who just started off and would like to use this portfolio to find real world/ client projects.

  • @shreypatel7692
    @shreypatel7692 Год назад +1

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

  • @gauravthapaliya7001
    @gauravthapaliya7001 11 месяцев назад

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

    • @AlienaCai
      @AlienaCai  11 месяцев назад

      1500 pixels by 600 pixels is what I find.

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

  • @Namuggah
    @Namuggah 8 месяцев назад

    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.

  • @letsgoviral777
    @letsgoviral777 Год назад

    Amazing!

  • @tinysatisfy3542
    @tinysatisfy3542 11 месяцев назад

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

  • @Rohitraut05
    @Rohitraut05 Год назад

    hey,
    can you provide the resume temeplate and format

  • @KritinSinha
    @KritinSinha 9 месяцев назад

    Thank you so much !

  • @andrearoserovillarreal
    @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
      @AlienaCai  Год назад

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

  • @gavinzhu9695
    @gavinzhu9695 Год назад

    why gallery view can't show up after I published my site?

    • @AlienaCai
      @AlienaCai  Год назад

      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"

  • @muhammadiyad2153
    @muhammadiyad2153 Год назад

    Thank you! :)

  • @Yauboyy
    @Yauboyy Год назад

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

    • @AlienaCai
      @AlienaCai  Год назад

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

  • @ShamsaHabib-fy5gz
    @ShamsaHabib-fy5gz Год назад

    is there anyone else who is unable to drag figma banner in notion? if I'm doing something wrong please let me know how to fix it ....😪

  • @beckykehinde
    @beckykehinde Год назад

    Wow!!! Thanks

  • @helenchinweike8080
    @helenchinweike8080 11 месяцев назад

    Thank you ❤