Migrating an existing Webflow's website to Webflow - ariel-fer/Araena GitHub Wiki

Migrating an existing Webflow's website to Webflow

Explain general process

  • Analyze the amount of pages that the website have
  • Start by replicating home page
  • Examine the website with the inspector to focus on reutilizable classes

Identifying symbols and creation

https://university.webflow.com/lesson/symbols Identify elements that are used in several pages and made them reutilizable. To create a Symbol:

  • Select the element you want to turn into a Symbol
  • Right-click and select Create Symbol
  • Give the Symbol a name and press Create Symbol

Selecting the first page and layout creation with classes

Focus on desktop-first, then on following devices

Made all your page design on desktop-first and then proceed to evaluate the other breakpoints. Design made on desktop will be reflected on lower breakpoints. It is a good practice to start and finish with a page and then proceed with the others.

Explain how changes are tested (mention browser's inspector usefulness)

Can check changes immediately at the inspectors browser, in the blue eye at the left corner. image.png Or you can also check your changes on Webflow page. image.png