How to build your first UX Design PORTFOLIO Tutorial

Squarespace: squarespace.syuh.net/aliena
New UX tutorial video via Framer: • How to Build a UX Desi...
New UX tutorial video via Notion: • How to Build a UX Desi...
Fast Trak to UX: a 4-Week Figma Crash Course: fasttrackux.com
This highly demanded video takes you through how to design your first UX design portfolio. This video focuses on how to design and build the portfolio home page.
What's a UX Portfolio?: (0:00)
Common Mistakes: (0:35)
Step 1: Design the Structure: (2:40)
Step 2: Choose Case Studies: (3:17)
Step 3: Sketch out the Banners: (4:10)
Step 4: Design the Banners on Figma (5:30)
Step 5: Prepare the Text: (9:10)
Step 6: Build the Portfolio with a Web Builder: (9:40)
What's Next?: (16:30)
#UXPortfolio #portfolio #figma #uxdesign #squarespacecss
How I made $10K a week as a Product Designer: • How I made $10K a week...
Check out a sketch comedy I made for uiux designers: • If UX Designers Were H...
Watch what I learned from one year of unemployment 👉 • Overcome Tech Layoffs ...
Inside Config 2023 + Exclusive Tour of Figma HQ!: • Inside Config 2023 + E...

[@Namuggah]

Hello Aliena, I don’t know if you’ll even see this but in case you do, I want to say thank you very much. I have been feeling very scared and intimidated by creating a portfolio and you have just wiped all that worry away. Thank you for being a great teacher and for sharing your knowledge. Thank you, thank you.

[@AlienaCai]

This highly demanded video takes you through how to design your first UX design portfolio. This video focuses on how to design and build the portfolio home page.

[@native_embers]

Cannot thank you enough for all of your content, it is so much appreciated. ❤

[@imalij123]

I love your videos because you share things that people don’t talk about. I’ve been struggling to present my portfolio well and these tutorials are really helpful.

[@AlienaCai]

You are so welcome! I'm really happy to help. All the best ❤️

[@Hamyhamster24]

im also self-taught designer and got my first design job after 8 months. i didn't have a portfolio but what helped me landed the job and more projects was CONNECTIONS. even now i still dont have a portfolio lol. the lesson here is, put yourself out there and start networking.

[@AlienaCai]

I totally agree with you that connections matter a lot! My social media present has also helped me in a way.

[@jyls263]

Beautiful man, you're the only one who could help me, I watched 8 videos and yours was the only one that saved me

[@xoxogabrielle8005]

Building the website was… amazing! You breezed through square space and it looked so clean.

[@zakariyabuhari9788]

A millions THANKS for making me find building a Porfolio bit easy for me unlike before. I have spent day, week searching for how to build a porfolio for myself. You are a real Mentor!

[@AlienaCai]

Thank you so so much for letting me know that my content is valuable. I spent years struggling with portfolio building. Still need to improve myself. Will share my learning in this channel!

[@celeste.1995]

Thank you so much for this video! very helpful and one of the best on here for a beginner who just learnt the basics of UXD. all others tell you the importance of portfolio, case studies, do's and don'ts but leave you blank on how to basically go about with the steps on how to get started on creating one.

[@mujadadhussain1383]

I am currently learning about UX Design and I must say you are truely a gem , you share things which other people dont even talk about. Thank you and please keep posting about UX stuff. :)

[@AlienaCai]

Wow, thank you!

[@cyancrepe8877]

Finally a video that ACTUALLY tells about how to prepare a portfolio........Thanks a lot

[@ingridrautemberg]

Amazing and honest! I've watched so many videos on this subject, but Aliena gets to the point and cuts out the unnecessary. Thank you :P

[@AlienaCai]

Thank you ❤️

[@davidostrowski679]

Hey Aliena! Currently I teach Business English to mainly Russian IT guys, many of whom are pursuing UX/UI as a future career. Also, I'm planning to do the Google UX course myself next year! Like you, I plan to be totally self-taught. I love your approach and I'm looking forward to learning more from someone who has been through the journey! I'll definitely see you more next year! Thanks!

[@vadim_sharapov]

Hi, the Google course is a very good start and probably the best when it comes to the money/value ratio. I would 100% recommend it. The one small thing I would also recommend is not to stop at that course; find another course as well. The one problem with the Google course is that it teaches how to be a UX Designer at Google, focusing on their processes and approaches. That is not how 99% of companies work. So, definitely start with that course and then consider finding another course (many of them are free on KZbin) or perhaps a course with a reputable certificate. Hope that help you :)

[@user-zo9js4cm7d]

Love this video, is the first time i see a person explaining this topic that way! thank you so much!

[@genieloubrogan8284]

I'm actually 1.5 years into learning how to be a full stack developer on my own. It feels like chasing my own tail when trying to learn on my own but even watching your videos regarding UX design helps me structure my project goals. Currently working on my second web portfolio from scratch ( for practice of course ) and I am currently struggling with designing it just as much as coding it. So thank you for this awesome content Aliena!

[@AlienaCai]

Thank you! Keep going 🙌👍

[@catherinem8409]

This video was so good!! Thank you! I’m slowly pivoting into ux designing! I am currently a technical recruiter you definitely just eased my anxiety. I’m excited to get started and begin studying!

[@AlienaCai]

Thank you so much! You current work will make transferring into design super smooth 😄

[@catherinem8409]

@@AlienaCai yes! I am definitely excited!

[@AngelinaKovach]

Omg I'm a recruiter who is switching to UX design ! Hope all worked out for you!

[@masterminds5343]

Wow.....I am also a Recruiter. Now switching to UI UX designing.

[@goldenvox]

I really appreciate how much time and attention to detail you give to your learning videos. You are a gem! (I might be your newest, biggest fan. 🙌)

[@AlienaCai]

Welcome aboard!

[@jfox9126]

Thank you! Very helpful and will be sure to watch the case study video!

[@courtneypowe2532]

I'm currently doing my Google UX Design course peer review and I'm watching your video as motivation to become a UX designer. Thank you so much.

[@AlienaCai]

That's awesome! Wish you all the best!

[@chibuezeuchegbu4291]

What course are you taking now? I just finished the course 2, Enter part 3!

[@courtneypowe2532]

@@chibuezeuchegbu4291 Wow! I'm almost done with course 2 heading into course 3 too. Congrats love you got this!

[@malaikakialam]

Can I ask how are you finding the course so far?

[@courtneypowe2532]

@@malaikakialam it's pretty good actually

[@adelakunoluwatobi8930]

I'm super happy I found such supportive video in this time of learning and transitioning from visual design. Subscribed and tuned in

[@AlienaCai]

Welcome aboard!

[@jolugo]

You made it look so easy, I was struggling trying to understand how the site worked. Thank you so much!

[@AlienaCai]

Glad it helped! I edited out 80% of the time where I clicked the wrong buttons, wait for the site to load, etc. Don't worry if it doesn't look easy for you. I still got lost all the time I just cut it out so that you guys don't need to see it 😂

[@mashamykhailovskaya2037]

Thank you for this precious content! You've saved my time

[@designkingson1540]

Thank you for this video Aliena...so looking forward to the 2nd part.

[@AlienaCai]

You are so welcome!

[@maikavalencia1606]

This is the video that I have been looking for ages!!! Thank you!!

[@AlienaCai]

I’m so glad it helps ❤️

[@B_Migs]

Your videos are so helpful. Thank you so much for all the work you do. ♥️ Oh and I love your branding style of always rockin the red hoodie! You’re a genius.

[@AlienaCai]

Thank you so so much!

[@victoriariera1702]

Great video, I was feeling so lost with my portfolio and this was really helpful, thank you so so so much!!!

[@AlienaCai]

Glad it was helpful!

[@cyrilde25]

Thank you, Aliena 😊. Your video 📹 was very helpful to me!

[@obalotoabiodun]

Aliena, you are a good teacher, so lovely.

[@emmanuelonwuka1532]

This is one of the best videos, (if not the best) on portfolio. Thanks for the well detailed effort.

[@AlienaCai]

Thanks for leaving this comment ❤️❤️❤️

[@andremedaglia350]

OMG! I'm amazed about how you make things easy and simple! I've Learned so much with this one video! Thank you =)

[@AlienaCai]

I'm so glad!

[@elenazulfikar6051]

So helpfull! Thank you SO MUCH! Keep doing great videos!

[@Greenkhad]

Thankyou so much this is what i needed i was stuck on how to create and design my portfolio you provided me exactly that this is so much helpful

[@AlienaCai]

Glad it helped!

[@TheRandomChinwe]

Yeah a new Aliena video! The portfolio is never done! Thanks for this video

[@AlienaCai]

My pleasure! (And my portfolio is also never done haha, always a work in progress)

[@swashk2594]

this is really help about how we built these step by step.. such a complete chronological guide! ✨✨✨

[@AlienaCai]

Glad you think so!

[@biancafalcao1564]

This was very helpful!! Thanks a lot for sharing with us :)

[@MinilovesJS]

Love your videos!!! Thanks for the great sharing as they are really helpful~

[@AlienaCai]

You are so welcome!

[@bebehazel3]

This is fantastic. Exactly what I need!

[@AlienaCai]

Thank you!

[@sauravsharma2617]

wow that was an amazing tutorial thanks waiting for the next one

[@AlienaCai]

You're very welcome!

[@christinelin1953]

Great video! Everything is well explained. Thank you so much for sharing.

[@halanihameed4952]

super 👌 especially shadows

[@Callemos7]

Getting my bachelor degree in informatics in a couple of weeks and I need to get my portfolio up, so this was really helpful. Thank you!

[@AlienaCai]

Glad it was helpful! More content coming up soon!

[@lollilolli4582]

So clear and useful. Thank you so much !

[@AlienaCai]

Glad it was helpful!

[@shraddhashivale3846]

You are literally the best, I've been looking fo

[@AlienaCai]

Thank you!

[@umunnakwefavour5670]

I love this video, thank you ❤

[@jananibs6604]

Great Video ! Thank you so much for coming up with this wonderful content. wish you all success !!!

[@AlienaCai]

Thank you! You too!

[@user-ph9of2lr5m]

I'm currently in the final stretch of finishing the Google UX Design course and am still finding things a bit nerve wracking. Thank you for making this video! I was incredibly nervous about making a portfolio.

[@vadim_sharapov]

Hi :) From my experience, creating a portfolio will never become 100% easy, maybe just easier. Even when I am building a portfolio, I am stressing, and sending that portfolio by clicking the 'send' button on the job application feels every time like the first time. So, that is definitely an experience that everyone has. One thing I can recommend (if you're interested in a recommendation) is to go through your portfolio with a mentor on ADPList. It's free and can help you prepare your portfolio and not be so nervous about 'Could I have made it better?' and all those thoughts that usually go through your head when a recruiter doesn't answer :) Hope that helps :)

[@learnwithaasim]

Thank you so much for this video, Aliena

[@AlienaCai]

Thanks for the support

[@viwekaptein7548]

Thank you so much Aliena❤

[@AlienaCai]

Thank you too!

[@Nymul_Y]

Great video, looking forward to the next video!

[@AlienaCai]

Thank you!

[@10sreetama]

THAT IS VERY DETAILS EXPLANATION , THAKYOU SO MUCH TO SHARING TO THE COMMUNITY

[@AlienaCai]

You are very welcome

[@marianadonorte]

Thank you so much for doing this!

[@AlienaCai]

Hope it’s helpful! Live in 10 mins wohoo

[@jarell2805]

Great video, Aliena!

[@AlienaCai]

Thank you!

[@taylornakaye]

you're heaven sent Aliena thank you for this video!

[@AlienaCai]

No worries at all! Next episode coming soon! (Soon in the sense of one to two weeks because it takes forever to make a video hahahah) hope everything is going well on your side 🥰🔥

[@taylornakaye]

Everything is great Aliena, hope the same for you. & I can't wait! I've got my notifications turned on lol

[@j-rocha3634]

Thank you, this video was amazing!

[@AlienaCai]

Thank you!

[@saadhassan2244]

I liked your way of keeping your personal identity and data away from the public, such as your LinkedIn account. I hope you will produce a video soon about what we should show and what not, from your point of view and experience. I will wait for this from you🚀❤

[@jeanniecrochet]

Thank you so much! It’s really helpful!☺️

[@AlienaCai]

Glad it was helpful!

[@alanalphi2487]

Thank you so much Aliena your video is such a life saver.

[@AlienaCai]

Thanks for letting me know! And sorry for the horrible background noise in this video. Will improve that in future videos 👍

[@anjalidabral5346]

Hey, this was very nice. Thank you! ❤

[@AlienaCai]

Glad you liked it!

[@anastasiapavlova_kuzmina3378]

Hi, Aliena. Just wanted to say thank you for your jokes and humor you bring into the videos every time (besides a very well prepared content you share with us here).!)

[@AlienaCai]

Glad you like them! I have no idea that I prepared jokes though 😂😂 I guess it's a natural talent 😄😄

[@anastasiapavlova_kuzmina3378]

@@AlienaCai exactly :) I am sure you did not prepare it) that’s why it’s even better :)

[@Drewlaure]

I took notes, this is valuable info thx so much!

[@AlienaCai]

So glad!

[@dennissong1966]

On my way to be UX designer. Your videos are very helpful. Appreciated.

[@AlienaCai]

Thank you so much! All the best 🥰

[@PatriciaMasioni]

that was so nice. thanks !

[@AlienaCai]

Thank you too!

[@nadeemnagori3136]

Very Helpful

[@aijayshirley]

Haven't finished watching but this is so helpful

[@AlienaCai]

I'm glad it is!

[@AltruHistic]

this is very helpful. I must say as a UX master student in my last semester I am disappointed they taught us NOTHING related to building a portfolio. I sent feedback to the school so they will hopefully incorporate this for future students.

[@AlienaCai]

I’m so glad that you find this helpful! I have a few more videos on portfolio too, don’t forget to go to my channel and check them out. And yes, most master programs can’t keep up with the speed of the industry. Glad you are searching for resource outside of school and investing in yourself.

[@Yozuminie]

Hi! Thank you for doing this video 😭 I was so lost about how to build my portfolio and the only platform I knew was Behance but I think Squarespace can fit better in me. Sorry if I made some mistakes writing this but English isn't my first language, hehe.

[@imjustsomeguy]

This is quite helpful. Thank you. I'm building my portfolio from scratch using Webflow. It's such a pain. Hopefully I'm not wasting my time when I could be using a template. But I want to prove that I can design a website without a template

[@AlienaCai]

Glad it was helpful! It's a great skill to know Webflow as a designer. I've used it too and the learning curve was not easy at first. But the design of webflow resemble more of what front engineers actually need to work with. I think it's going to benefit you in the long run and keep it up!

[@shyokyu754]

thank you very much, I loved your accent because I could understand it better (im brazilian).

[@speedsketch17]

I like your work also a google student and this is super helpful and love your growth.

[@AlienaCai]

Thanks so much!

[@jiheepark8611]

Thank you so much !

[@AlienaCai]

You're welcome!

[@TAHJBecomeYourBestSelf]

Wow this video is actually a HOW TO. Thank you for this video.

[@AlienaCai]

Glad it was helpful! Sorry for that horrible background noise. My laptop was protesting throughout my recording.

[@shafaghshariatpanahi4340]

very good thanks

[@AlienaCai]

Thank you!

[@sunnylarosa2767]

This was helpful, thanks!

[@AlienaCai]

Glad it was helpful!

[@nafi8036]

Thank you❤

[@naturalsounds3160]

again you are brilliant

[@badpotato]

your design is really good

[@AlienaCai]

Thank you!

[@taiwojason3348]

your videos are very understandable. tnx

[@AlienaCai]

Glad you like them!

[@anuntakarn007]

thank you for inspiration for me

[@AlienaCai]

You are so welcome!

[@djlilcq]

What!! Square space is free?! :o thanks so much for the help!!

[@AlienaCai]

Ah no it's not free 😭 I was just showing how to design and preview during the free trial period.

[@YeetedBoi]

Leave everything the learn more button is so creative and like un skipable It just so good

[@Dzwalkthrough]

Thank you for those tips , can we see your portfolio 😁

[@AlienaCai]

elenacai.com

[@preastersaheeb5159]

Super helpful 👌

[@AlienaCai]

So glad!

[@well_however]

You're a treasure Aliena

[@AlienaCai]

Thank you ❤️❤️

[@kwakuAddo1]

Thank you so much! Where can we find the continuation where you linked the case studies please

[@shah87874]

amazing....

[@najeestowers1390]

Great video, thank you?

[@ebubechinda9728]

Thanks for the video 🙏🙏 Please can you do a practice UX project, from research to testing so that beginner UX designers can follow and have an idea of how to do their first project. Thanks 👍

[@therealzensei]

Thank you.

[@AlienaCai]

You're welcome 😊

[@isrealhenry6797]

I love ur channel and ur advices........u are my mentor 🙃

[@AlienaCai]

Thank you 🙏 maybe friend too? 😅 Just in case one my my advice screwed up 🤣

[@isrealhenry6797]

Ohk 😊 thank u

[@isrealhenry6797]

Soo much love from Nigeria ✌🏽

[@meep9683]

祝Aliena早日拿到squarespace的sponsorship哈哈哈哈哈 你值得

[@AlienaCai]

谢谢！我已经给它们发了无数封邮件了哈哈哈完全不理我😂

[@primeworldphotoshoptutoria2487]

😅... Your efforts to create this video was not in vain. It is so useful. Thank you so very much. God bless you.

[@AlienaCai]

So nice of you

[@FutureFortune12]

Very well :D

[@aipingcheng7576]

that is so useful!!!!

[@AlienaCai]

Glad you think so!

[@RavitejaYarra-hq2ji]

usefull

[@hani_753]

Thanks for the video, I would not have chosen to delete the templates already provided by squarespace, I find it easier and faster to put the front images, but why not.

[@AlienaCai]

Thanks for sharing! The template that I chose didn't suit my original design. But it definitely depends 👍

[@godwinv5656]

I’m really glad I came across your page because setting up my portfolio homepage has been a bit of an issue for me. My question is, is it okay to set up my portfolio homepage on Behance using these banner banner styles/designs?

[@DrDJ319]

You are really good Aliena. Do you know anyone who will teach me while I buddy up with them?

[@mdrahman8820]

Nicse❤

[@rahely1336]

This was sooo helpful! Thank you for all the gems. I just have one feedback.. the background music is kind of distracting. Please reduce the volume in your future videos.

[@jhonnafg]

I also worked as an analyst at a company and had to pause in ux, and now that i left the company, iwanted to continue my journey in UX, I love your content! I hope i can also finally break into design industry. Its been a long journey.

[@AlienaCai]

Thank you for the comment ❤️ Keep it up with design! I'm sure you can do it and there are great things coming 🙌

[@ayodelelawal2881]

subscribing cos you shot the video 4 times😂.. thank you!

[@AlienaCai]

Thank you😂