My EXACT Webflow project process (FREE notion checklist inside)

Grab my FREE Webflow process checklist and speed up your workflow for your next client project. With every client website, there is a LOT to handle beyond just design, and as a business-of-one, it’s not easy to manage it all on your own. But with the help of my 4-step process & notion checklist, you’ll develop a system that not only saves you time but has you feeling way more confident as a web designer and webflow developer.
A few things you’ll learn in this video:
- How to set-up your style guide in Figma
- My favorite tool I use for EVERY Webflow project
- Creating a Webflow template you can reuse
- The right way to update your Webflow style guide
- QA checklists for every page of your website
- Final steps in Webflow for SEO, accessibility, & client management tips
- Tips for sharing with the client & getting feedback
#webflowprocess
#webflow
#webflowchecklist
✅ GRAB YOUR FREE WEBFLOW WORKFLOW CHECKLIST
bit.ly/3sPXSlv
💻 Newbie Webflowers, need some 1-on-1 help?
Book a session with me to learn faster & get help with your Webflow projects ASAP: bit.ly/webflow-support
⏱️ TIMESTAMPS
00:00 Intro to webflow workflow
02:15 Get your FREE Notion Checklist
02:47 Phase 01: Design & Figma Set-up
10:10 Phase 02: Webflow Set-up
16:05 Phase 03: Webflow build
27:03 Final Prep & Client Hand-off
👇 LINKS IN THE VIDEO
💻 Try Webflow and start building for free: webflow.grsm.io/studiomadz
🔗 Try the Relume Library
library.relume.io/
👩‍💻 CONNECT WITH ME
Website: www.studiomadz.com/
Insta: / studio.madz
🖥️ Looking for someone to build your designs in Webflow? Let's chat! Fill out this form or email me to get started bit.ly/3mkGd2s
Email: [e-mail]
Affiliate Disclaimer: When using these links, I may receive a small commission at no extra cost to you. I’ll never share a product I haven’t personally tried or don’t see legit value in. Thanks for your support in growing this channel. Seriously, you rock.

[@dunkley7776]

This is pure much needed information for anyone using webflow. Wow thank you! Subscribed!

[@Local-Seo-Nerd]

Undoubtedly, this is the most generous explanation of the process. You should consider creating tutorials for Relume, as you possess a talent for describing concepts at our pace, providing abundant clarification.

[@studiomadz]

Thank you, Roman! So glad the pace felt good. More coming soon.

[@jgvlc]

Roughly 40 minutes of pure high-value content, thank you very much for sharing, new subscriber!

[@user-jo8yw7to3x]

Thank you so much, Maddie! Your video and check list is so helpful for Webflow beginners! I wish you that The Universe will return positive energy to you in double size!

[@younlogiudice7244]

Fantastic video! Watched it till the end and learned a lot from you. Thank you! I'd love to see a video from you explaining how exactly you use Relume Kit to pre-build your sites in Figma. :)

[@pragyanshugautam771]

I am starting my first client project in webflow, I cannot thank you enough for this video. Really appreciate your hardwork Maddie. Wish you with all the good things in life :)

[@aditraanggra4252]

Thank You Maddie, Great Workflow

[@aimswhip]

So happy I found your channel, I've just started freelancing as a webflow designer and this checklist is insanely helpful! thank you for making it so detailed and easy to use.

[@studiomadz]

That’s amazing! Glad you found it easy to use. More to come!

[@isurus2478]

this is great maddie. i've not adopted Relume yet, usually making everything custom and I have my own methods, but, I've been interested in the library and it's awesome to see someone knowledgeable go into depth in their whole process with it.

[@itsnataleewilliams]

Amazing stuff! OMG!!! I’ve been wanting to officially get into Webflow and understanding proper processes before client handoffs, and I’m so glad I found your content. Love it! (P.S. it’s so refreshing to see a woman teach Webflow, ahhh).🔥

[@studiomadz]

Thank you Natalee! So happy to hear from another Webflow woman 🙌

[@naeemahmedkhan3177]

Maddie! Literally you are the best webflow expert out there, you literally gave that thousand dollars info for free, thanks a lot and will definitely look up to your channel for future interesting and accurate videos about real life client things. ( I use relume too 😆 )

[@studiomadz]

WOW thanks for saying that. Means a lot to a little channel getting started :) Appreciate you!

[@stephanorstephan]

This is amazing Maddie, thanks! I'd love to see an example of your client training video!

[@jean-huguesdoumbe6994]

Thank you very much for this video, I learned some new and important tips. Also your website is just madz 😀 it's so refreshing, I love it and it's very inspiring. So keep it up with the good work 🙌

[@hamzaakhun]

Thanks you so much for such valuable information. as devs always looking for such helpful content. please make a series on this to help developers who are struggling with designing

[@markojurisic222]

So grateful for finding this video, and thank you Maddie!

[@sniitzel]

Thanks for the checklist! This is insane, it helps a ton!

[@poncardas]

Maddie, thank you so much for being such a generous human being! The checklist and the video walkthrough you made are massively helpful for beginners like me! 👏

[@studiomadz]

Thank you for being such a kind human being! Knowing these tools are really helping is the best feeling, so thank you for sharing.

[@mindfulmilligan]

Actually so helpful. You rock Maddie!💪🏻

[@studiomadz]

Thanks Andy! You rock too 🙌

[@abdulbasitsadiq3413]

Learned so so much in this video! Thank you.

[@HughMcQ]

Thanks, Maddie, great job! So much to take in, and ultimately, the cold reality of so much work to do before handing things over...

[@pixelmixel]

I am just about to launch my own design agency in 2024. Being the typical right-brain designer I used to just design outside the lines, but now that I am going to be taking on larger clientele having a sense of structure makes perfect sense and it boasts professionalism. Thank you kindly for this.

[@studiomadz]

You are so welcome. I'm with you on finding the balance between the right & left brain workflow.

[@paulratchford1995]

Some really good tips here. Thanks!

[@poface2]

Top video. Thanks! Love picking up helpful tips like adding the animation classes at end.

[@LiviaArellano]

Excellent and useful video!

[@by.machin]

Thanks for the template! Excellent content!! 🔥🔥🙌🙌

[@mdarifulislamshanto679]

Learned so much from this. Thank you, Madie.

[@nl9324]

New Subie, such a good content! Can't wait to see more! I would really appreciate more videos on how to start, and set for example figma, flodesk, and other programs you are using, to help automate this process. Also webflow tutorials. Maybe how do you pair fonts, this would be very useful. Ahh, you can tell, I am so excited :)

[@studiomadz]

You got it! Lots of new stuff planned for the new year. Thanks for watching

[@JacobODonnellDesign]

Thank you for this video! There are a lot of tutorials on youtube and Webflow university for how to design and build in Figma and Webflow, but there is not a lot of great content on the web design process (especially for people who want to use Webflow over Wordpress). It would be great if you made a video that was more in depth on how you design websites for clients. Do you do UX research at all, or do you mostly design your website based around your clients' requirements?

[@ThomasGrantMacDonald]

Excellent video and workflow explanation, thanks Maddie. Subscribed.

[@michellewren_]

This is SO incredibly helpful, thank you!!! I'm not currently doing any Webflow client work but have considered helping my current company with a new site and wasn't sure where to start, so this is great!! I also built my personal portfolio site over a year ago... I know that I messed up with some of the classes and such but wasn't sure exactly how to fix it. I'm planning to scrap the whole thing and redesign/build it soon, so this is AMAZING! Thank you so much for sharing and can't wait to see what else you do next! :)

[@studiomadz]

Thanks Michelle! Yep, classes were a lot to wrap my head around at first. I redesigned many sites in my early years. Keep at it and I promise it will get easier and so worth it.

[@esquarcit]

Thanks Maddie very valuable

[@sltho]

thank you so much!

[@iliutacristian8322]

Great video

[@tjveach]

Very nice job

[@karencanlas7479]

Thank you, Maddie!❤

[@studiomadz]

No problem 😊

[@angstrom1058]

Thank you, Maddie. This is great.

[@studiomadz]

You are SO welcome. Glad it was helpful!

[@dritzzhaynes7217]

OMG Maddie you are an absolute Fox 😍😍😍😍😍😍

[@MYPLP]

So helpful!

[@studiomadz]

I'm SO glad! Here for any questions you might have

[@jswanson859]

This is great information. I'm new to webflow and I'm a fan Relume, it's amazing. Thanks for sharing.

[@studiomadz]

You got it! Glad you're finding it helpful.

[@yitshak]

This is awesome! Do a Project Brief next 🤩

[@studiomadz]

great idea!

[@AhmadAli-kv2ho]

15.56-rewatch again

[@Chris001DooM]

did you reduce the framerates of the video? the smoothness/speed looks kinda funny

[@Grifanos]

Oh, so appreciate it that you share your workflow. I struggled with my own workflow for some time, and your checklist saves me time. One question, how do you handle things like Google Analytics and FB? Are you creating an account for a client? Do you use ChatGPT to make an SEO title and description? 🙂

[@studiomadz]

Great question! Typically I instruct clients to set up their own analytics accounts and show them via Loom video where to locate the information they need to share with me to set it up.

[@suzybee123]

I wish you had a webflow course!

[@studiomadz]

It's currently in the works! Hoping to release in March/April. Will be deep diving on all things process, add-on tools, CMS, Ecomm, & real-world client scenarios. If you're on my email list you'll get first dibs & discounts :)

[@Diego_Cabrera]

Thanks for the amazing tips. I tried grabbing a copy but it doesn't seem to get delivered to my email.

[@user-user-lukanodairy]

i am from bangladesh i am also a webflow designer. your video is very helpfull

[@abdulbasitsadiq3413]

This is great! You just earned a loyal subscriber! Please can you make a video showing the possibilities that one can achieve with a free webflow plan? The subscription fee is wayy to expensive for me at the moment and i need to be able to max what i can do with the freeplan. Thanks Maddie! Cheers.

[@studiomadz]

I understand. I would say use your Free plan wisely to learn and practice as best you can, as well as for your own website. Then, as you get clients, just make sure you are building within their accounts and added as a guest to their workspace, which is free. Just keep learning as much as you can. You got this.

[@abdulbasitsadiq3413]

@@studiomadz Thank you so much! That's good advice!

[@stevelauda]

Really helpful! Btw, is it just me or the frame rate is kinda feels like stop-motion style?

[@studiomadz]

lol not just you. I'm still figuring out this whole filming thing.

[@likhikaroutray5575]

hi great video!! I tried to signup for checklist however not getting in my mail. Not sure what's the issue. Thanks!!

[@studiomadz]

I would double check you typed your email correctly. Just took a look and found you on the list, so let me know if you're still having trouble. Thanks!

[@user-user-lukanodairy]

waiting for new video

[@robertoenea8576]

Is the checklist still available? Tried to subscribe, but got no email 😊 Anyway, thanks for this video and effort , very useful information.

[@studiomadz]

Hey! Yes, checklist is still available. I would double check you entered your email correctly (or do it again), or check your spam folder.

[@entrepreneurweb3.019]

very nice content, however we do not receive mail for the fichie notion!

[@dailyshit7936]

Hello Maddie, great video! Just got one question, when the site is finished and I send to the client, they will still have to pay a montlhy fee to webflow? So their cost will be what I charge for the site + monthly fee forever, that is very hard to sell to a client, specially with webflow prices. How do you do it

[@studiomadz]

Hey there! No matter what website platform they use, there is going to be a monthly cost associated with it, which is standard practice for the client to handle. If they aren't in a place to make an additional investment for designer/developer to help them build, that's totally understandable, but just means they aren't the right fit for you. They can always DIY their site, but the cost will be their time & attention. You offer valuable expertise, insight, and skill, and with the right clients, that's worth paying for.