Mobile Moment Monday: Nissan's Genome Project

Screenprint of Nissan's Genome Project, courtesy of AWWWARDS

As I was scanning the web for some good responsive designs, I came across a website called AWWWARDS that posted an article titled Best Websites Examples Of Designs With Responsive Design. There are many great responsive design websites posted here, but I chose to showcase Nissan's Genome Project because of it's added simplicity and interactivity.

Screenshot of website with
reduced resolution.

The website is actually an interactive medium that links to a user's Facebook account.  Once you give Nissan permission to access your Facebook account, it will ask you to select one of your profile pictures.  The website does the rest, analyses your account, and brings you an interactive experience that visually shows you how your likes and activity on Facebook links you to your friends and family.  Beyond seeing your own "genome," it also connects all your likes and information with anyone else that has signed into the genome project, so you can see information linking people all over the world, see what you have in common and many other things. It really has nothing to do with Nissan, except for the unobtrusive link at the bottom of the webpage.

What is impressive about this website is the page source.  When looking at the page source, it is clean, short and loads fast.  There is no indication as to what type of code they are actually using to create this website, which means that most of it is probably server based. It acts like flash, but there is no flash involved in the code. There is a little bit of JavaScript, but for the most part, all the power is under the hood.  This is definitely a well built professional website, which can only be expected from a company like Nissan.

The website adjusts to the size of your browser, and not to the size of your device.  It fits the definition of responsive to the T. The only con I found was that it takes a while for things to load sometimes and I had to refresh the page to get things going again.

I invite you to check it yourself and become part of Nissan's genome project and post your experience here.  Or check out some of the other responsive designs on AWWWARDS and tell me why you would choose them as good examples of responsive design.