Bridge It is a foldable bathroom organizer originally developed by a separate student team. Our task—within a front-end development course—was to translate their physical product into a scroll-based, animated web experience designed to communicate the product’s function, story, and value to both investors and customers.
Created for
ACAD 275 Project
Deliverables
Scroll-Animated and Fully Working Webpage
Year
2025
Role
UX-UI Design and Coding
Project Overview
We translated the Bridge It product into a responsive, animated website using HTML, CSS, and JavaScript—working closely with the original design team to bring their vision to life online.
My Role
I led homepage design, built the HTML/CSS structure, and implemented scroll-triggered JavaScript animations—crafting a site that clearly communicates the product’s story and value from the first scroll.
What I Learned
This project pushed me to integrate storytelling with code in a more intentional way. Key takeaways included:
Structuring code to support a clear narrative flow
Implementing scroll-triggered animations using JavaScript for engaging interactions
Designing responsive layouts to enhance product demo accessibility
Crafting content and interactions that communicate product value effectively
Link to interactive site coming soon!