The Franklin Institute's first venture into digital annual reports. The entire site was designed entirely by myself with art direction from my manager, and the Development team.
The site was built by Spencer Irwin at www.bentliquid.com. Unfortunately the live site has since been removed so below are sketches, wireframes and screenshots of the final design.
Early Sketches and Notes
Early Wireframes
Revised Wireframes for Mobile and Desktop
The Final Design
This design was created with parallax scrolling, so all images were static while the graphics moved over them. There also were some animations mixed in that would move or animate as you scroll. The revenue infographics also had a slight animation of "breaking apart" as you scrolled over them.
