The Bicentennial Scholars/Professors pages are two interactive and highly engaging pages for the new initiatives from the University of Virginia. Based on Alderman Core, these pages are the primary online presence for the combined $375M fundraising effort of these programs.
Both pages utilize centralized modular components as well as page-specific elements. Customized features like animating circles, a field of parallax images that move with the user's scroll, and an odometer tracking fundraising progress contribute to the page's unique personality.
These pages were engineered with quality in mind. Instead of using images, animated circles and parallelograms were coded for performance and fidelity. While using images for various shapes is simpler, coding them provides greater flexibility with animations and ensures clarity on high-resolution displays. Another example of this attention to quality concerns animations, which are triggered using the IntersectionObserver API for scroll-based animations as the user scrolls down the page. This has a performance boost instead of the traditional approach of binding scroll events on the entire document. Despite the time-consuming nature, both pages were engineered within a week.
