Steve Ryan

Responsive Webdesign. (In Production)

The website for Steve Ryan is one of the first projects that I did in 2014 with Pete Lewis and one of the first times that we collaborated in our collective Backtofront. Steve needed a refresh of the website, which we had to redesign entirely (except the branding that stayed the same), adding a responsive layout. The entire website has a very simple layout, that gives the importance entirely to Steve's amazing shots.

Basic set 01

The Hovers

While designing the structure for the page, we decided to skin the ux as much as possible, in order to show only the pictures and as less clutter as possible. For this reason, the website has to be navigated selecting directly the pictures from the homepage. We added a hover in the desktop version, in order to give users some feedback about their action. By hovering a picture, the name of the project and its dimension are displayed. While in a project, the same concept is used to show the social sharing options. We decided to implement the share for each single picture, trying to incentivate the shares.

Basic set 01

Responsive

For the mobile version of the page we had to tweak a little bit the layout in order to adapt it to a mobile screen. While the desktop version has a predominance of white, we decided to use more a slightly darker layout due to readability on mobile screens.

Basic set 01
Basic set 01