Watch Me Create My Design Portfolio Website (Figma to Framer)

Come behind the scenes as I design and develop my online portfolio website from scratch using Framer! In this video, I walk you through the full process—from my new brand photography and Figma layout decisions to building on Framer, styling components, making responsive tweaks, and adding those final creative touches that make the site feel uniquely me. If you're working on your own brand or just curious about how Framer works, this is the perfect peek into real-time design and development! #ad

Try Framer yourself with my coupon code: MEGANWEEKS

#figmatoframer #webdesign #framer

Join the Patreon community here for weekly exclusive graphic design tutorials and to connect with other creatives!!!
use code: YOUTUBEFAM for 15% off: https://patreon.com/curatedcollectiveco

0:00 welcome!
2:35 my new brand photos
4:25 framer template
5:00 figma to framer
7:40 custom draggable slider
10:00 organizing framer design
11:42 custom components
15:30 responsive designs on framer
19:20 creating slideshow on framer
22:10 adding fonts and styles
26:40 testimonial section
27:40 the site design
29:18 now what?

---------------------------------------

// WHERE TO FIND ME //

join my community or take my courses:
https://curatedcollectiveco.com/

instagram:
https://www.instagram.com/meganweeksdesign/

pinterest:
https://www.pinterest.com/meganweeksdesignco/

online portfolio:
https://meganweeksdesignco.com/

collaboration or business inquiries:
support@meganweeksdesignco.com

---------------------------------------

// MY FREE GRAPHIC DESIGNER RESOURCES //

GET THE FREE WEBSITE DESIGN PROCESS GUIDE HERE:
https://view.flodesk.com/pages/6333c1377a59217f2325625c

PRE-WRITTEN EMAILS FOR YOUR GRAPHIC DESIGN BUSINESS:
https://view.flodesk.com/pages/6438202be83ecbda70778483

WEBSITE IN A WEEK PROCESS GUIDE:
https://view.flodesk.com/pages/64c0bb6ad206cffe61186544

BRAND DESIGN ROADMAP:
https://view.flodesk.com/pages/645bf9ca2efd35a7e39194b6

FREE LOGO DESIGN QUESTIONNAIRE:
https://view.flodesk.com/pages/63edbe7c8e06d4dae949448a

PROJECT MANAGEMENT WORKFLOW:
https://view.flodesk.com/pages/64aefc19e181ddda00ff25f5

HOW TO GO FROM HOURLY FREELANCER TO TRUSTED DESIGNER
GET MY FREE TRAINING VIDEO 💥
https://view.flodesk.com/pages/62f40298e5ea6b3d8aea4bf3

---------------------------------------

// TAKE MY COURSES //

LOGO DESIGN: SIMPLIFIED
https://courses.curatedcollectiveco.com/courses/logo-design-simplified

DUBSADO DECODED: PROJECT MANAGEMENT
https://courses.curatedcollectiveco.com/courses/dubsado-decoded

GUIDE TO: LANDING GRAPHIC DESIGN CLIENTS
This course has 5 video led modules, a downloadable e-book and you will be able to join my community as well 💕
https://meganweeksdesignco.thinkific.com/courses/guide-to-landing-graphic-design-clients

✨ WordPress Website Design Course ✨
https://meganweeksdesignco.thinkific.com/courses/wordpress-website-design-course

✨ Custom Branding Process Course ✨
https://meganweeksdesignco.thinkific.com/courses/custom-branding-process/

NOW OFFERING BRAND + WEB DESIGN COURSES IN A BUNDLE 💥
https://meganweeksdesignco.thinkific.com/bundles/branding-and-wordpress-web-design

---------------------------------------

// OTHER HELPFUL LINKS //

Join my email list for more helpful design tips:
https://view.flodesk.com/pages/61eed0f36114df05454c386a

LIKE MY EMAIL STYLE?! JOIN FLODESK FOR 50% OFF
https://app.flodesk.com/sign-up?ref=80647W

GET DUBSADO (my project management system):
https://www.dubsado.com/?c=meganweeks

SITEGROUND (my favorite website hosting for WordPress):
https://www.siteground.com/go/meganwdesignco

---------------------------------------

*I do make a commission on some of the links in this description box. Thank you so much for the support.*

#graphicdesign #wixstudio #webdesign #websitedevelopment