Design and Develop Your Web Design Portfolio Using Figma & Framer [No Ads]
9.4K views · 2024-12-11
UI Design
Need clarity on your freelance journey? ➡️ Book a free strategy session with me to map out your next steps as a freelance web designer: https://callwdc.com
Are you ready to showcase your skills and land paid web design projects? In this free beginner-friendly course, I’ll guide you through designing and developing a professional portfolio step-by-step using Figma and Framer. By the end of this video, you’ll have a fully functional portfolio to help you stand out as a web designer and attract high-paying clients or creative agencies.
🎓 What You'll Learn in This Video:
How to plan and wireframe your portfolio for maximum impact.
Advanced Figma techniques to design a polished portfolio.
How to develop your portfolio with Framer and publish it online.
Essential tips to create a portfolio that converts viewers into clients.
⏱️Timestamps
00:01:42 Lesson 10.1: Planning Your Portfolio
00:06:26 Lesson 10.2: Creating Portfolio Pieces from Scratch
00:08:21 Lesson 10.3: Portfolio Maintenance
00:11:12 Lesson 10.4: Designing, Developing and Publishing Your Portfolio
🏆 Why This Video is a Game-Changer:
This content delivers the value of a $2000 course—for free. I’ll show the real process, including mistakes, corrections, and insider details that make a portfolio truly effective. Whether you’re just starting or looking to improve your existing web design portfolio, this guide will give you everything you need to succeed.
💎 Resources Mentioned in the Video:
Join the Web Designers Collective for exclusive content and guidance: webdesignerscollective.com
Figma Design File: https://www.figma.com/design/zJjshK7A3DJeXrx82wWfrg/Portfolio-Design-Example?node-id=0-1&t=thbrv9vINJ6gq9H6-1
Framer Project File: https://framer.com/projects/Portfolio--XGbdBd0N4XmOzgqmdq8C-eSiYr
If this video helps, don’t forget to like, comment, and subscribe to my channel for more high-value content on web design and freelancing.
Are you ready to showcase your skills and land paid web design projects? In this free beginner-friendly course, I’ll guide you through designing and developing a professional portfolio step-by-step using Figma and Framer. By the end of this video, you’ll have a fully functional portfolio to help you stand out as a web designer and attract high-paying clients or creative agencies.
🎓 What You'll Learn in This Video:
How to plan and wireframe your portfolio for maximum impact.
Advanced Figma techniques to design a polished portfolio.
How to develop your portfolio with Framer and publish it online.
Essential tips to create a portfolio that converts viewers into clients.
⏱️Timestamps
00:01:42 Lesson 10.1: Planning Your Portfolio
00:06:26 Lesson 10.2: Creating Portfolio Pieces from Scratch
00:08:21 Lesson 10.3: Portfolio Maintenance
00:11:12 Lesson 10.4: Designing, Developing and Publishing Your Portfolio
🏆 Why This Video is a Game-Changer:
This content delivers the value of a $2000 course—for free. I’ll show the real process, including mistakes, corrections, and insider details that make a portfolio truly effective. Whether you’re just starting or looking to improve your existing web design portfolio, this guide will give you everything you need to succeed.
💎 Resources Mentioned in the Video:
Join the Web Designers Collective for exclusive content and guidance: webdesignerscollective.com
Figma Design File: https://www.figma.com/design/zJjshK7A3DJeXrx82wWfrg/Portfolio-Design-Example?node-id=0-1&t=thbrv9vINJ6gq9H6-1
Framer Project File: https://framer.com/projects/Portfolio--XGbdBd0N4XmOzgqmdq8C-eSiYr
If this video helps, don’t forget to like, comment, and subscribe to my channel for more high-value content on web design and freelancing.