Тёмный

How to Build a UX Design Portfolio Website with Framer | 2024 Tutorial 

Aliena Cai
Подписаться 105 тыс.
Просмотров 33 тыс.
50% 1

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@AlienaCai
@AlienaCai 3 месяца назад
Start your Framer UX Portfolio here: shorturl.at/cZxju And use code ALIENA to get 25% off basic and mini sites My example portfolio is at: alienacai.me My product design course: fasttrackux.com *All projects, numbers, and figures in this video are fictional and for educational purposes only.*
@IStMl
@IStMl 3 месяца назад
Tip: if you call your variants Desktp/Tablet/Phone, Framer will automatically pick the variant for each breakpoint
@tegar.nastar
@tegar.nastar 2 месяца назад
Holy! I never thought about making portfolio with "trying to tell a story" in mind and you changed my perspective, thank you for sharing such great insights!
@AlienaCai
@AlienaCai 2 месяца назад
Thank you!!
@lexualvibes
@lexualvibes 2 дня назад
Thank you Aliena!! This is an incredibly helpful tutorial for someone adding Framer to their toolbox.
@crystalriveradesign
@crystalriveradesign 3 месяца назад
Thank you so much for your always helpful videos! You really get into details that a lot of others tend to skip over.
@mhtwr2036
@mhtwr2036 3 месяца назад
I'm really excited about this tutorial. Also you're helping me a lot with my UX studies, So a huge thanks to YOU.
@AlienaCai
@AlienaCai 3 месяца назад
Just went live!
@sungchristy6192
@sungchristy6192 3 месяца назад
Thank you for sharing! This is the most complete Framer tutorial I have ever seen.
@AlienaCai
@AlienaCai 3 месяца назад
So glad to hear that! Worth all my effort then 😉
@bedirvicil
@bedirvicil 3 месяца назад
Thank you for your nice and clear explanation! I also prepare my portfolio using figma and framer in my free time from work and school. Even if I master most of the processes, I think I will take my page one step further with this video. 🙏
@AlienaCai
@AlienaCai 3 месяца назад
Glad it was helpful!
@emmanuelonuada
@emmanuelonuada 3 месяца назад
Loved the step by step guide. Very insightful as always. And 'YES' room tour please 😁😅
@AlienaCai
@AlienaCai 3 месяца назад
Okayyyyy 👑
@aniruddhasainkar7347
@aniruddhasainkar7347 3 месяца назад
Was waiting for this, from a long time. Thank you!
@AlienaCai
@AlienaCai 3 месяца назад
Thank you!!
@yzvisual
@yzvisual 3 месяца назад
I love your content Aliena, you are a smart Ux entrepreneur and I am looking forward to learning more from you!
@AlienaCai
@AlienaCai 2 месяца назад
Thank you so much!
@yzvisual
@yzvisual 2 месяца назад
​@@AlienaCai Hey, Aliena I used a presentation frame ratio of 4:3 according to 1024x768 But when I turn it into actual size on Figma it does not turn into full screen, And I also think that is kinda too small to fit in all my contents, would you suggest I change the proportion to 1920x1080
@shubhraagarwal9250
@shubhraagarwal9250 3 месяца назад
Awesome! Exactly what I needed right now.
@AlienaCai
@AlienaCai 3 месяца назад
So glad to hear this 😍
@SSulleiman
@SSulleiman 3 месяца назад
Lady Alienacai please we need more tutorial videos on framer...building websites and mobile from scratch using Framer. Thank you and God bless you
@AlienaCai
@AlienaCai 3 месяца назад
Noted!
@SamarHayatOfficial
@SamarHayatOfficial 3 месяца назад
Video is very informative but not sure that if it's beginner friendly but for me it's normal and can understand.😊
@AlienaCai
@AlienaCai 3 месяца назад
As long as you can understand, I'm happy. Not a easy one for sure!
@dayomisiosisanya9234
@dayomisiosisanya9234 3 месяца назад
All I can say is thank you so much Aliena!
@AlienaCai
@AlienaCai 3 месяца назад
No problem at all!! The pace in this video is a bit fast, pairing it with a nice dessert may help 😅
@mansigupta2082
@mansigupta2082 Месяц назад
thank you so much- i was so confused on how to start
@divyasrinivas8424
@divyasrinivas8424 3 месяца назад
Woww👏👏👏 after watching so many tutorials, this seems like the best tutorial of framer for beginners to build a portfolio
@AlienaCai
@AlienaCai 3 месяца назад
Glad it was helpful! There was so much to cover so the pacing is a bit fast. I guess you are a fast learner.
@soniasharifi6819
@soniasharifi6819 2 месяца назад
Great video, thanks for the tips Aliena
@santos-alvess
@santos-alvess 12 дней назад
Thank you!🤩
@ejembiii
@ejembiii 3 месяца назад
Really nice, my head was spinning though, can you make a beginner-friendly version, please.
@AlienaCai
@AlienaCai 3 месяца назад
This is definitely a more advanced one. I'll note that down.
@ejembiii
@ejembiii 3 месяца назад
@@AlienaCai Thank you
@Soumya_uiuxproductdesign
@Soumya_uiuxproductdesign 3 месяца назад
Can you please make a portfolio building tutorial for wix studio specially for responsive design. Thx
@AlienaCai
@AlienaCai 3 месяца назад
Noted!
@mussanadirjan2779
@mussanadirjan2779 3 месяца назад
you are officially an engineer now...
@vuthcreator
@vuthcreator Месяц назад
helpfully + very good sharing!
@AlienaCai
@AlienaCai Месяц назад
Thank you! Cheers!
@motherofdrone
@motherofdrone 2 месяца назад
Santa Maria, that's amazing! Thank you!
@AlienaCai
@AlienaCai 2 месяца назад
Thank you too!
@StudioIjo
@StudioIjo 3 месяца назад
Thank You 🤝
@AlienaCai
@AlienaCai 3 месяца назад
Thank you 😊
@theorganizedblackgirl_
@theorganizedblackgirl_ 2 месяца назад
Hi Aliena! would you be open to making another video like this but for beginners? this has helped a lot but I'm still kinda lost lol
@AlienaCai
@AlienaCai 2 месяца назад
I've noted that! Yes, this is not for beginners 🫣
@user-se3yi1ic5o
@user-se3yi1ic5o 2 месяца назад
Great video!!! Wish me luck 😂
@AlienaCai
@AlienaCai 2 месяца назад
Good luck!! Putting on a nice playlist always helps.
@anamafaldarochaferreira3316
@anamafaldarochaferreira3316 3 месяца назад
Welcome 🎉
@maostudio6430
@maostudio6430 3 месяца назад
Can you post about building portfolio with Google's sites?
@itsDe0n
@itsDe0n 3 месяца назад
Thank youuu
@AlienaCai
@AlienaCai 3 месяца назад
No problemmmm
@eliesyparis228
@eliesyparis228 Месяц назад
hiiii! Amazing content you saved me! I just have a question: I already designed the 3 viewport for each page of my portfolio on figma, now after watching this video I'm wondering if I can still paste the tablet and mobile viewports from figma on Framer making adjustments on those design or I'll have to do the whole thing a second time on Framer
@AlienaCai
@AlienaCai Месяц назад
Oh my, I asked Framer the exact same question. Originally, I just hide everything on the other breakpoints and re-imported again to save time. But Framer told me that's not the best practice for responsive design and it's much better off doing it again on Framer. Your choice 👍
@AgniMJ
@AgniMJ 3 месяца назад
This can be made with free Figma right?
@KOLearn
@KOLearn 3 месяца назад
Yes
@AlienaCai
@AlienaCai 3 месяца назад
It can be made with Figma and Framer for free, if you don't mind a Framer badge and a framer domain. If you need your custom domain, there's a monthly Framer service fee.
@gellirollz
@gellirollz 3 месяца назад
Yes come thru for us, ❤❤
@nidsssss1
@nidsssss1 3 месяца назад
what is the font used in ur portfolio?
@AlienaCai
@AlienaCai 3 месяца назад
It's Mulish
@ShannonTheDesigner
@ShannonTheDesigner 3 месяца назад
Amazing! I’ve been trying to figure out which platform to go to next because I’m tired of Wix!
Далее
Step-by-Step Guide to Designing a Website Landing Page
19:47
14 UX Design Career SECRETS I Wish I Knew
18:23
Просмотров 3,6 тыс.
Mcdonalds cups and ball trick 🤯🥤 #shorts
00:25
Просмотров 612 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 166 тыс.
world's shortest UI/UX design course
6:53
Просмотров 1,2 млн
The UX/UI portfolio that landed me my FIRST JOB
11:55
How I'd learn UX Design (if I could start over)
11:28
Просмотров 126 тыс.
My New UX Portfolio for 2024 (End-to-end Process)
16:29
I redesigned YOUR websites
20:44
Просмотров 29 тыс.
13 UX Design Career SECRETS I Wish I Knew
14:03
Просмотров 10 тыс.