BSF/BPF
Two interactive pages for the University of Virginia's new Bicentennial Scholars and Professors programs.
The Bicentennial Scholars and Professors pages were two interactive pages for a pair of new University of Virginia initiatives. Built on Alderman, they served as the primary online presence for the programs' combined $375 million fundraising effort. The programs have since surpassed $1.3 billion in combined impact, including matching funds.
Both pages used Alderman's shared modular components alongside elements built just for them. Animated circles, a field of parallax images, and an odometer tracking fundraising progress gave each page its own personality.
The animated circles and parallelograms were drawn in code rather than with images. Images would have been simpler, but code gave more room to animate and stayed sharp on high-resolution displays. Animations were triggered with the Intersection Observer API instead of scroll listeners bound to the entire document, which made a meaningful difference to performance. Despite the complexity, both pages were built within a week.
