How to build a UX design portfolio website with Framer (step by step tutorial)
Aliena Cai
0:00 / 0:00
How to build a UX design portfolio website with Framer (step by step tutorial)
146 281 просмотр · 2 г. назад
Aliena Cai
158 тыс. подписчиков
146 281 просмотр · 2 г. назад
📚 My updated free UX portfolio beginner course: • UX Design Portfolio Course for Beginners (...
🪄 Apply to my portfolio lab: https://forms.gle/u48UCBB3F4bXcQCa8
Start your Framer UX Portfolio here: https://shorturl.at/cZxju
And use code ALIENA to get 25% off basic and mini sites
My example portfolio: https://alienacai.me
My product design course: https://fasttrackux.com
All projects, numbers, and figures in this video are fictional and for educational purposes only.
Timestamps:
Introduction and Overview: (0:00)
Creating a Portfolio Wireframe for Home Page and Case Studies: (0:12)
Designing Hi-Fi Responsive Pages in Figma: (3:00)
Exporting Designs from Figma to Framer: (6:04)
Responsive Design Basics: (9:28)
Responsive Design Example: (12:48)
Adding Links in Framer: (15:41)
Getting a Free Framer Domain: (16:59)
Setting a Custom Cursor: (17:24)
Adding Effects to Framer: (17:52)
Publishing Your Portfolio to a Custom Domain: (18:26)
Final Tips and Insights: (20:03)