How to Design a Website Step by Step (No Code Needed)
1.1K views · 2025-10-01
Visual & GraphicBranding & Logo
In this video, I’m walking you through my full process for creating custom websites inside Wix Studio ✨ From the very first mockup to the full site build, you’ll get a behind-the-scenes look at how I bring a design to life.
Think of this as a mini course where I break down each step of my workflow—planning, designing, and developing—so you can see exactly how a professional designer uses Wix Studio to create websites that are not only beautiful, but functional too.
If you’ve been curious about whether Wix Studio is the right platform for your design business or personal projects, this video will give you clarity and confidence. Whether you’re just starting out or looking to expand your skills, you’ll walk away with tips and insights you can apply right away.
Don’t forget to like, subscribe, and drop your questions in the comments—I’d love to know if you’re considering Wix Studio for your next project!
Check out Wix Studio: https://www.wix.com/studio
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 :)
1:22 what is wix studio
2:00 initial phase of website
2:57 creating a figma wireframe
4:45 wix studio templates
5:30 figma to wix studio plugin
7:10 wix studio features
8:10 connecting a domain
9:55 learn more with me
10:15 thank you
---------------------------------------
// 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
Think of this as a mini course where I break down each step of my workflow—planning, designing, and developing—so you can see exactly how a professional designer uses Wix Studio to create websites that are not only beautiful, but functional too.
If you’ve been curious about whether Wix Studio is the right platform for your design business or personal projects, this video will give you clarity and confidence. Whether you’re just starting out or looking to expand your skills, you’ll walk away with tips and insights you can apply right away.
Don’t forget to like, subscribe, and drop your questions in the comments—I’d love to know if you’re considering Wix Studio for your next project!
Check out Wix Studio: https://www.wix.com/studio
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 :)
1:22 what is wix studio
2:00 initial phase of website
2:57 creating a figma wireframe
4:45 wix studio templates
5:30 figma to wix studio plugin
7:10 wix studio features
8:10 connecting a domain
9:55 learn more with me
10:15 thank you
---------------------------------------
// 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