Keep on Scrollin'
The new design called for a highly animated user interface, a rare style across competitor's sites. Integrity wanted to showcase their position, challenging the status-quo and pushing the boundaries of what a logistics industry veteran could be. Data Driven Design stepped up to the challenge of finding a technical solution to accomplish the vision for this out-of-the-box conceptual website.
The home page was intended as the centerpiece of the experience, with callouts and links to various key parts of the site - information about services, the company's core values, and case studies - displayed prominently with modern style. The new design incorporated sections that changed according to a user's scroll position so that as a user gradually worked down the page, elements faded in and out to reveal the next section's content. Central to the smooth transitions was a single background image with all elements incorporated. Data Driven Design worked to ensure the animation files were created using D.R.Y. (Don't Repeat Yourself) principles, and modified them so that each distinctive portion of the animation could be triggered using Scroll Magic. This approach kept previous and subsequent sections invisible, but ready to be revealed with a quick swipe or touch of a mouse.