Wednesday, February 18, 2015

3 Sites with Responsive Navigation

1. Rodeo Drive - http://www.rodeodrive-bh.com/

I felt this site's design was really cool and original. It captures your eye right away. Especially with some of the page to page effects and how the nav menu actually works, which is not traditional at all.

The smaller screen version transformed flawlessly and was still a beautiful site and layout. No scroll bar at the bottom but still felt like I was getting the experience of the full site.

large screen:

 Smaller screen:

2. Pennicott Journeys   - http://www.pennicottjourneys.com.au/

This website had a great transition with their nav menu. On the large screen it was a row of horizontal pictures up in the huge header which also had a background pic. Reduce the screen smaller and you get the background pic first and then vertically, with no scroll, the rest of the nav menu pics, each a link. Pretty cool.

Large screen:


Smaller Screen: 


 3. Websto  - http://www.websto.ca/

This websites nav menu actually stayed the same layout wise and looks wise, they just had everything resized to a smaller version. I thought this was cool, really gives the user the same feel if it is a site they visit often on both computers and smaller devices. Also, because they use round images instead of just underlined links, i think the smaller format still works for people to feel comfortable with pressing links.

Larger Screen:

Smaller Screen:




No comments:

Post a Comment