202509 Interactive Design

  CAVS 55 Website Redesign Code Folder 1. Introduction This project focuses on transforming an approved website redesign prototype into a fully functional, responsive, and accessible website. The main objective was to implement the visual and interaction design decisions made during the earlier stages of the project and bring them to life using front-end web technologies. The final outcome is a live website that accurately reflects the original Figma prototype while following best practices in web design, usability, and performance. The website was developed as a multi-page platform consisting of five main pages: ACT Home, Events, Collections, Contact, and FAQ. Each page was designed and implemented to provide a consistent user experience, intuitive navigation, and a professional visual appearance. The final website is publicly accessible via a live URL hosted on Netlify. 2. Tools and Technologies Used The development of the website relied on standard front-end web technologie...

  figma.com Prototype Development: CAVS 55 Event Page Redesign The objective of this prototype is to translate the CAVS 55 Event Page redesign proposal into a functional, interactive representation that demonstrates improved usability, visual hierarchy, and engagement. The prototype aims to transform the original static and text-heavy page into a dynamic event hub that clearly communicates the significance of the 55th anniversary of the Center for Advanced Visual Studies (CAVS) while supporting intuitive navigation and a more immersive user experience. Overview of the Prototype The interactive prototype was developed using Figma, leveraging components, auto-layout, and interactive frames to simulate realistic navigation. The prototype includes three core pages: Homepage (CAVS 55 Main Event Page) Program Page (Core Content Page) Contact Page These pages reflect the redesign goals by presenting information in clear sections, using strong visual hierarchy, and incorpora...