Need Hosting? We highly recommend Bluehost
Broken link? Please Email or Tweet me
Built by: Digital Telepathy
Template? No, this is a custom built website
Reviewed: June 24, 2014 by @RobHope

10 Quick Tips to tighten your Landing Page design

New Video Tutorial! 10 Quick Tips to tighten your Landing Page design Watch Video

How to Choose the Right UX Metrics for Your Product

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.

Categories: Informational

Features: 100% Width Layout Assemble Scroll Big Images CSS3 Digital Telepathy Google Ventures HTML5 Icons Illustrations Long Scrolling Moving Elements Open Sans Font Smooth Scroll United States Whitespace

How to Choose the Right UX Metrics for Your Product Big Screenshot

Rob Hope

This original One Page website was reviewed by Rob Hope

I started One Page Love back in 2008 and want to keep adding more value. Please tweet or email me with suggestions or any questions.

Similar One Page Websites

Inspiration: Flex ➔

Useful little One Pager visualizing all the Flexbox layout properties. Nice touch with the copy-to-clipboard function when cl...

Inspiration: Service List ➔

Long-scrolling informational One Pager by Moe Amaya listing companies offering unlimited services for a fixed monthly fee.

Inspiration: Grid ➔

Useful little One Pager visualizing all the CSS Grid layout properties. Neat touch with the copy-to-clipboard function when c...

Inspiration: Screen Sizes ➔

One Pager for Screen Sizes - a useful resource to help you quickly find the screen specifications of the most popular devices...

Inspiration: Design Notes ➔

Super long-scrolling Single Page resource built using Webflow for Design Notes, a directory of free online resources for prod...

Most Loved

Eleven Plants for Dum-Dums & Cool Ppl

Inspiration: Eleven Plants for Dum-Dums & Cool Ppl ➔

Beautifully designed informational One Pager built using Webflow showcasing eleven plants - each paired with a lovely typefac...

Inspiration: This Oxford ➔

Long-scrolling One Pager paying homage to the talents and discoveries Oxford has produced over the years. The Long-Form Journ...

Digital Design Tools

Inspiration: Digital Design Tools ➔

Colorful One Pager by Justin Schueler listing all the digital design tools on the market right now.