This project, completed in fall 2024, focused on creating an interactive, repeatable composition with four distinct states, using DOM manipulation and basic programming concepts. The goal was to design a user-friendly experience with smooth transitions, incorporating arrays, loops, and conditional logic. The composition was required to function without page reloading, offering a seamless interactive experience.
The design process began with creating wireframes to plan content placement and movement across the four states. The project adhered to strict design constraints, using only black, white, grays, and one accent color, with type limited to the Arial family. Through the use of JavaScript, I programmed the composition to animate between states, providing users with an engaging, interactive experience. This project challenged me to apply my knowledge of programming while focusing on creating a polished, functional interface that met both aesthetic and technical requirements.