Sound of Boston is an online music publication at which I'm currently an intern.
I am designing their mobile site interface to better organize their variety of columns and articles.
The interface is designed to break up their articles into to categories "Reading", and "On the Town". Reading features articles such as reviews and news, and "On the Town" Features music store and venue locations, and a calendar of upcoming shows and events.
This looks really great! I don't have much to offer in terms of critique, it seems pretty done. The only thing that I can think of that might be worth looking into is the shade of green you're using: it seems a little awkward on the second screen where I have to read the text in it. Maybe keep it as the color of the tab but revert the links/dividers to white like the first page? I really like the idea of keeping the website as mostly black and white and just having tiny splashes of the green here and there so that it pops.
ReplyDeleteThis is a great mobile app! I think it is very in trend with the dark, stamp like logo with the images in the background as the fill color. It seems very user friendly as well. I do agree that the green gets somewhat washed out on the background photo as the text. Maybe tint the green a little lighter to have more of a contrast with the dark image behind it.
ReplyDeleteLooks very well thought out.
As with the others it is a great mobile app. I think the background could get darker so the green stands out, the "On The Town" part could have a different background, the green could be white, or the green could be a different shade. Other than that I got nothing.
ReplyDeleteKyle - I concur with the above comments - there is a readability issue on the second screen. You have a few options... and one that hasn't already been suggested is to use the green color as part of a black/green duotone for the background images.... keeping the type white. The problem is that the background images and that shade of green are too similar in value... they would reduce to almost the same gray. The solution will be to increase the contrast between foreground and background. You have a number of options to consider - including lightening the green (if it isn't already set as part of a branding campaign), or adding a crisp black drop shadow to it... and/or darkening the images.
ReplyDelete