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

100 Years of National Parks

Centrally-divided layout in this excellent One Pager taking a look back at 100 years of the National Parks Service. Such a lovely touch with the SVG “contour” load animations within the big numbers. Also choosing the Geogrotesque font for an outdoor-themed website is a perfect example of adding x-factor. Great job Dallas and cheers for the build notes.

To best represent a chronological order of events I thought to use a continuous vertical scroll with subtle animations that have intent. There's a hefty amount of SVG usage, I wanted to avoid an excess of load time given that there was already large images being used. With the SVGs I took advantage of CSS3 and the masking techniques of SVG, along with the dash-offset animation capabilities.
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