As I mentioned the first step was a design review and analysis of what we have. Designed screens (screenshots) in Figma, branding elements, visuals, Lottie animations, imagery, available copy, built sections, elements and containers in Webflow, the metrics used by the previous developer and style guide. After reviewing all this was time to create a backup version of the website and start exploring every page and observe the missing pieces.
After a thorough observation of the Webflow website structure and the Figma designs, we started working asynchronously on the UX and visual hierarchy of the homepage. Based on priority we started working on the next page which was p1 or Services. Midpoint of the project the new copy was available in Figma. Wrapping up with the creation of the other services pages, it was time to work on troubleshooting different forms, sections and design elements.
The last 3 days were left for minor changes, adjusting the responsiveness of the other 2 breakpoints and testing live on our devices.