Overview
Buy your template, and then rebuild your new site in the template.
This involves;
- Copy-pasting all of your static content
- Exporting and re-importing all of your images and videos
- Rebuilding your CMS, exporting your old content and importing it into the new CMS.
- Mapping old paths to new ones ( for any changes ) with 301 redirects
- Setting up new hosting, assigning your domains, and shutting down the old hosting, when you're ready to bring it live.
This is the essentially same approach you'd use if you were rebuilding e.g. a Wordpress site on Webflow.
It's most suitable when;
- Your site overall is relatively small and uncomplicated
- You do not have much CMS content, and it does not have complex relationships
- You do not have a ton of images and videos
- You do not have much custom code
- You do not have a lot of complex external integration or automations
- Your want to make major structural and navigational changes to the site, as part of the re-design
Approach
How you approach this depends a lot on the differences between your current site structure and the new site structure. Big differences in the page arrangement, navigation, and CMS structure will require you to adapt.
However here's a basic approach;
- Do basic static pages first, like About and Contact. That content doesn't change often, and this will give you a feel for working with the new template.
- Then, do the homepage. This is the most visible page and has important aspects you want to sort out early, as they impact the rest of the site.
- Migrate initial CMS content- starting with things that won't change much before launch. e.g. blog categories, but not blogs. The reason is that you need real data to work with, but the CSV-export CSV-import process is painful.
- Create any "test" data as necessary - new CMS collections you need, sample records that look like your real data. You can use CSV export and import for this as well if you want but keep it simple for now.
- Build out your CMS pages and collection list designs using current data
- Import all images and video content **
When you're ready for migration;
- Do your final CMS export and import
- Test the new site thoroughly
- Switch hosting and the domain over to the new site
- Cancel hosting on the old site
** Later;
- Will do a deeper writeup on better ways to export-import CMS-stored images and video. Power importer pro?
- Scraping - full crawl and download of images & artwork
