What a great website to study the different screen size experiences with. I love the three major size designs here. The wider has the nice nav inline next to the logo area and then as you scale in it slides under the logo. With the final iPhone sized screen having the navigation taking more prominence. I really dig that decision since when you go here on your phone you’ll basically either want to get the address info or check up on some sub page content. Beautifully designed yet simple website for this art gallery.
The Call to Action, Revisited
The Call to Action hasn’t changed in a decade, but the bar has. A fresh look at prominence, copy, mobile tap targets, and accessibility, with lessons from three major design systems.
I really like the way the responsive is handled for this site… except for the navigation. It would be better if it was at the bottom or in a dropdown of some sort. As it is, each page is just logo and main navigation, and you have to scroll down to get to any content. It would also be smart to bump up the size of the text in the footer for touchscreen devices, the links are a little hard to tap. It’s good to keep the Apple guidelines of 44×44 for tappable buttons in mind, even for just text links. http://stackoverflow.com/questions/1928991/minimum-sensible-button-size-on-iphone