1. Technology

Johan Reinhold - Heart in a Jar


CSS3 Design Gallery
Johan Reinhold - Heart in a Jar

First screen of Johan Reinhold website

Image submitted for the HTML5 Design Gallery


This is a fun site because of how it's built to interact with your mouse. Mind you, some of the more traditionalist designers out there won't like it, as it plays with how the page scrolls. But I find it fun — especially when you consider the subject. Johan Reinhold is a Swedish pop singer, and so this style of navigation is completely appropriate. I would never suggest that a more formal corporate company use this type of navigation, but for a pop singer, it works great, and is in fact expected.

What I like about the interactivity is that it's subtle. As you scroll things happen on the page. A heart starts beating or a block of statistics appears from hiding. Things move when it's appropriate for them to move, but as you scroll past them, they stop moving.

I would say my only objection to this site was that the music started immediately and I had to figure out the scrolling mechanism (which isn't hard, mind you — it's just scrolling, I just got distracted by the first image following my mouse) and find the pause button. Since I had other music playing at the same time, it was a bit distracting. But that was a minor issue when compared to how inspiring I found this page as a whole.

Have you built an HTML5 site? Or do you know of one that does a great job with HTML5? Submit HTML5 site designs to be featured on this site.

  1. About.com
  2. Technology
  3. Web Design / HTML
  4. Web Design
  5. Inspiration
  6. Design Gallery - Johan Reinhold - Heart in a Jar

©2014 About.com. All rights reserved.