To create the "Proof Roof" website from Figma to Framer, I started collecting data on roofing businesses and competitors locally and online, after that I started creating a sitemap and user flow. Designed frames for desktop and mobile views in Figma, ensuring responsive layouts using Auto Layout and designing key components like headers and forms. Export necessary assets and CSS styles from Figma. In Framer, create a new project, import the Figma design, and recreate the layout and components, adding interactions and animations. Finally, preview and test the website on different devices

‍

Skills and deliverables:

Figma, Framer, UI Graphics, No-Code Website, UX & UI

‍