My EXACT Webflow project process (FREE notion checklist inside)

Поділитися
Вставка
  • Опубліковано 4 чер 2024
  • 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: maddie@studiomadz.com
    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.

КОМЕНТАРІ • 75

  • @Local-Seo-Nerd
    @Local-Seo-Nerd 6 місяців тому +10

    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
      @studiomadz  5 місяців тому +2

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

  • @ThomasGrantMacDonald
    @ThomasGrantMacDonald 18 днів тому

    Excellent video and workflow explanation, thanks Maddie. Subscribed.

  • @user-jo8yw7to3x
    @user-jo8yw7to3x Місяць тому +1

    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!

  • @pragyanshugautam771
    @pragyanshugautam771 7 місяців тому +3

    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 :)

  • @sniitzel
    @sniitzel 7 місяців тому +2

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

  • @markojurisic222
    @markojurisic222 5 місяців тому +1

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

  • @aditraanggra4252
    @aditraanggra4252 3 дні тому

    Thank You Maddie, Great Workflow

  • @abdulbasitsadiq3413
    @abdulbasitsadiq3413 7 місяців тому

    Learned so so much in this video! Thank you.

  • @younlogiudice7244
    @younlogiudice7244 14 днів тому

    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. :)

  • @paulratchford1995
    @paulratchford1995 3 місяці тому

    Some really good tips here. Thanks!

  • @mdarifulislamshanto679
    @mdarifulislamshanto679 Місяць тому

    Learned so much from this. Thank you, Madie.

  • @by.machin
    @by.machin Місяць тому

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

  • @jgvlc
    @jgvlc Місяць тому

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

  • @stephanorstephan
    @stephanorstephan 6 місяців тому +1

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

  • @poface2
    @poface2 2 місяці тому

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

  • @LiviaArellano
    @LiviaArellano 7 місяців тому

    Excellent and useful video!

  • @HughMcQ
    @HughMcQ 4 місяці тому

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

  • @sltho
    @sltho 7 місяців тому

    thank you so much!

  • @tjveach
    @tjveach 2 місяці тому

    Very nice job

  • @hamzaakhun
    @hamzaakhun 7 місяців тому +1

    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

  • @esquarcit
    @esquarcit 7 місяців тому

    Thanks Maddie very valuable

  • @jean-huguesdoumbe6994
    @jean-huguesdoumbe6994 7 місяців тому +1

    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 🙌

  • @mindfulmilligan
    @mindfulmilligan 7 місяців тому +2

    Actually so helpful. You rock Maddie!💪🏻

    • @studiomadz
      @studiomadz  7 місяців тому

      Thanks Andy! You rock too 🙌

  • @angstrom1058
    @angstrom1058 3 місяці тому

    Thank you, Maddie. This is great.

    • @studiomadz
      @studiomadz  3 місяці тому +1

      You are SO welcome. Glad it was helpful!

  • @aimswhip
    @aimswhip 7 місяців тому +6

    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
      @studiomadz  7 місяців тому

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

  • @karencanlas7479
    @karencanlas7479 4 місяці тому

    Thank you, Maddie!❤

  • @isurus2478
    @isurus2478 26 днів тому

    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.

  • @poncardas
    @poncardas 7 місяців тому +2

    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
      @studiomadz  7 місяців тому

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

  • @iliutacristian8322
    @iliutacristian8322 2 місяці тому

    Great video

  • @JacobODonnellDesign
    @JacobODonnellDesign 7 місяців тому +2

    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?

  • @dritzzhaynes7217
    @dritzzhaynes7217 Місяць тому

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

  • @nl9324
    @nl9324 5 місяців тому +1

    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
      @studiomadz  5 місяців тому

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

  • @MYPLP
    @MYPLP 8 місяців тому

    So helpful!

    • @studiomadz
      @studiomadz  8 місяців тому

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

  • @itsnataleewilliams
    @itsnataleewilliams 6 місяців тому +1

    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
      @studiomadz  5 місяців тому

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

  • @jswanson859
    @jswanson859 7 місяців тому

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

    • @studiomadz
      @studiomadz  7 місяців тому

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

  • @yitshak
    @yitshak 7 місяців тому +1

    This is awesome! Do a Project Brief next 🤩

  • @naeemahmedkhan3177
    @naeemahmedkhan3177 7 місяців тому +1

    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
      @studiomadz  7 місяців тому

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

  • @michellewren_
    @michellewren_ 7 місяців тому +1

    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
      @studiomadz  5 місяців тому +1

      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.

  • @Chris001DooM
    @Chris001DooM 7 місяців тому

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

  • @AhmadAli-kv2ho
    @AhmadAli-kv2ho 5 місяців тому

    15.56-rewatch again

  • @Diego_Cabrera
    @Diego_Cabrera 5 місяців тому

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

  • @pixelmixel
    @pixelmixel 5 місяців тому

    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
      @studiomadz  5 місяців тому

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

  • @user-user-lukanodairy
    @user-user-lukanodairy 8 місяців тому

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

  • @suzybee123
    @suzybee123 4 місяці тому

    I wish you had a webflow course!

    • @studiomadz
      @studiomadz  3 місяці тому

      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 :)

  • @Grifanos
    @Grifanos 7 місяців тому +1

    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
      @studiomadz  7 місяців тому

      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.

  • @abdulbasitsadiq3413
    @abdulbasitsadiq3413 7 місяців тому

    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
      @studiomadz  7 місяців тому +1

      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
      @abdulbasitsadiq3413 7 місяців тому

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

  • @stevelauda
    @stevelauda 8 місяців тому

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

    • @studiomadz
      @studiomadz  8 місяців тому

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

  • @likhikaroutray5575
    @likhikaroutray5575 7 місяців тому +1

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

    • @studiomadz
      @studiomadz  7 місяців тому

      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!

  • @robertoenea8576
    @robertoenea8576 7 місяців тому

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

    • @studiomadz
      @studiomadz  7 місяців тому

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

  • @user-user-lukanodairy
    @user-user-lukanodairy 8 місяців тому

    waiting for new video

  • @entrepreneurweb3.019
    @entrepreneurweb3.019 24 дні тому +1

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

  • @dailyshit7936
    @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
      @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.