I work for a company that migrated to webflow. The person who did the migration didn’t have dev experience so the entire site (50+ page) is full of CSS classes + combo classes. Basically each div/grid/container etc has its own class/styles and the site has become messy. I recently took on maintaining the site for this person, and brought up the errors to my manager. I was approved for me to implement a style guide and rebuild the site.
My biggest questions is
Is it possible for me to create a new folder within the same project and begin the rebuild? Once the project is complete- I would delete the “old” pages and publish the new ones to replace.
I’m just wondering how this will work logistically… I would want to save the rebuilt pages in the new folder as drafts until I am ready to replace/publish the project. Alternatively, my manager asked if we can implement a style guide, then rebuild and publish each page one by one.
Just looking for feedback on this approach. The reason I am thinking we would rebuild within the same project and delete the “old” pages is to keep the same domain. Also, since this site is already live, it just makes sense to me.
I would like my approach to the rebuild to be efficient and I’m hoping my current plan accomplishes that. Thoughts?
You can create a new folder to organize your rebuilt pages! Here’s how to approach this:
Create a new folder in the Pages panel by clicking the “Create new folder” icon
Build your new pages and save them as drafts within this folder
When ready to replace old pages, rename the old page (e.g., “Home - V1”) and change its slug (e.g., “home-v1”), then save it as draft
Rename your new page to match the original name and slug to preserve links and SEO
Stage and publish the new pages one at a time
This approach allows you to maintain the same domain while working on the rebuild, and organizing pages in folders helps keep everything structured during the transition.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Is your experience with Webflow strong? Webflow’s styling system can be complex to grasp efficiently, and new designers often get hung up on the style selector, subclasses, global classes, class states, and breakpoints.
If you’re not very experienced with those yet I’d definitely do the Webflow university courses at a minimum and some of Timothy Ricks work around using classes effectively.
Also make a TEST clone of your site that you can experiment with without affecting your production site, and a BACKUP clone that you don’t touch- it’s just there as a reference when you need it.
My response is lengthy- so I’ve published it here instead.