Need Hosting? We highly recommend Bluehost
Broken link? Please Email or Tweet me
Built by: We Are Social
Template? No, this is a custom built website
Reviewed: July 15, 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

Beauty of Brewing

Impressive parallax scrolling in this responsive One Pager educating us on how lager is brewed. The parallax effects are integrated very well with the ingredients to give the reader a visually rich experience while learning. Always a big fan of the firefly.js effect – which looks great overly the Barley fields. It seems this One Pager was commissioned by Heineken, smart, great job!

Interested in learning how to achieve Parallax Scrolling? We’ve just added an exclusive 20% off coupon to the premium course we’re promoting.

The Beauty of Brewing website aims to teach users about exactly what goes into their lager. It uses a linear parallax experience to tell the story of each of the beverage's key ingredients.

Alongside the visuals the site is interspersed with the latest HTML5 and Javascript effects to really bring the whole journey to life. The yeast section features a fun interactive particle system which reacts when clicked.

Categories: Informational Most Loved

Beauty of Brewing 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

Most Loved

Build CSS Grid Layouts Visually – Webflow

Inspiration: Build CSS Grid Layouts Visually – Webflow ➔

Webflow continue to deliver, this time with a dazzling Landing Page announcing a new visual CSS Grid integration with their b...

Most Loved

Inspiration: Aurasens ➔

Elegant Landing Page for Aurasens, a limited edition lounger that creates a trans-sensory experience. Lovely touch with the p...

Most Loved

Inspiration: FieldGoal ➔

Real slick Landing Page for FieldGoal - a service that provides form endpoints, so your websites stay simple. It lacks a pote...

Most Loved

Inspiration: Scope ➔

Such a perfect showcasing of a custom typeface in this One Pager for Scope by Jonas Pelzer. The Single Page website begins wi...

Most Loved

Inspiration: Trix ➔

Neat One Page website announcing Trix 1.0 - the WYSIWYG editor powering all textareas in Basecamp. The impressive rich text e...

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.

Most Loved

Inspiration: Genesis ➔

Remarkable One Page website packed with gorgeous illustrations and animations for Genesis, a vegan restaurant based in Shored...