This module introduces the course project and establishes the workflow between Figma and Framer. Learners get oriented to Framer, set up the necessary tools, and review their Figma designs to ensure they are prepared for implementation. By the end of this module, learners are ready to begin building their portfolio site.

In this module, learners move from static designs to a functional website. They copy designs into Framer, explore the CMS, and create structured content collections. By linking pages together, learners build the foundation of a fully navigable portfolio site.

This module focuses on responsive design and mobile optimization. Learners refine their portfolio layouts for smaller screens, ensuring content remains clear, accessible, and visually consistent. The module emphasizes practical decision-making for real-world portfolio presentation.

In this final module, learners enhance their portfolio with motion, publish their site, and reflect on the full build process. The module brings together design, interaction, and deployment, leaving learners with a live portfolio and a clear path for future iteration.