Launch Website
  • Need Hosting? We highly recommend Bluehost
  • Broken link? Please Email or Tweet me
  • Built by: Yay Brigade
  • Template? No, this is a custom built website
  • Reviewed: January 10, 2018 by @RobHope
Landing Page Design Tips
Landing Page Design Tips 🖌
These 10 tips form the most common feedback I give users wanting to improve their Landing Page design.

Yay Brigade’s Favorite Albums

Really impressive One Pager by Yay Brigade curating their top albums of 2017. On first load the site stacks 10 tracks in vinyl shapes, each interactive and autoplays the songs. Lovely touch with the progress bar on the left side and also the list or stacked view switcher 💃 Cheers for the build notes!

The Favorite Albums site for 2017 is a continuation of last year’s exploration (and, in fact, of our long term interest in putting together year-end lists of music). Last year’s site started with an exploration of overlapping, rotating spheres which contain the album cover art. It was designed entirely in-browser, so the design and functionality slowly grew out of the experimentation. This year, we added an option for another view: users can toggle between a ‘nested’ view and a ‘stacked’ view of the records. Also new is the ability to hear a small sounds sample when hovering over an album. We used howler.js for dealing with sound, which worked out quite nicely.
Categories: Most Loved Music Related
Features:
Yay Brigade’s Favorite Albums Website 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
Submit
How to create a Converting Landing Page using Squarespace

Promoted: How to create a Converting Landing Page using Squarespace

In this tutorial I create a Landing Page for a Wedding Photography business where we cover trust, experience, capturing leads...

Most Loved
It’s Centred That Thumbnail Preview

Inspiration: It’s Centred That ➔

Fun and addictive One Pager hosting a game where you guess whether or not a dot is in the centre of a shape. Real good execut...

Most Loved
GT America Thumbnail Preview

Inspiration: GT America ➔

Super long-scrolling and creative One Page website for the GT America typeface. The Landing Page previews the font in only 2 ...

Most Loved
Italic Thumbnail Preview

Inspiration: Italic ➔

What a fresh design in this launching soon page for Italic - a startup that sources products straight from the manufacturers ...

Most Loved
Polaroider Thumbnail Preview

Inspiration: Polaroider ➔

Slick One Pager for Polaroider - a neat web app to create polaroid-style images to print. You simply upload your images, add ...

Most Loved
Jonny McLaughlin Thumbnail Preview

Inspiration: Jonny McLaughlin ➔

Such a fun One Pager for front-end developer & illustrator Jonny McLaughlin featuring interactive tiger claws that ba...

Most Loved
ARK by Cregital Thumbnail Preview

Inspiration: ARK by Cregital ➔

Such a beautiful design in this One Pager for ARK, an initiative by Cregital Agency to help charitable causes in Nigeria. Lov...

Most Loved
NU:RO Watch Thumbnail Preview

Inspiration: NU:RO Watch ➔

Slick Landing Page for a minimal watch called NU:RO. The long-scrolling page features a perfect intro watch demo, a hover sen...

Most Loved
Paul O’Rely Thumbnail Preview

Inspiration: Paul O’Rely ➔

Excellent interactive One Pager with tons of personality for art director, Paul O'Rely. This is a great reference to loading ...