Digital Telepathy have collaborated with Google Ventures to bring us this colorful One Pager that comes to life as you scroll down and gives us guidelines on ‘How to Choose the Right UX Metrics for Your Product’. Some real impressive CSS transitions and illustrations.
Throughout the development process there was a lot of experimentation with the scroll behavior, whether everything was going to rely on Y-Axis animations or the hard scrolling full window effect we arrived at to create a better user experience (versus excessive scrolling). We relied heavily on triggered CSS3 animations to create the effects you see on each slide as elements move on and off the page.
![How to build a long-scrolling Landing Page using Squarespace [video]](https://onepagelove.imgix.net/2020/05/opl-thumb-sqsp.jpg?w=360&max-h=190&fit=crop&fp-y=0)
