Mobile version of website

After the website had formed and just needed some refinements, it was time to move onto the mobile version of the website. The basic concept and content was still the same but it just needed to be rearranged into one column. I referred back to the NZ opera website because it was a website that we had previously used as inspiration and felt was a good example of a website.
The main difference between the desktop version and mobile was the grid. Everything was simplified down to one column and some aspects simplified. Following along this idea, I first did some quick thumbnails in my workbook.

The mocked up the full version on photoshop.

Feedback I received in class on Monday was perhaps to explode out the speech bubble and have the lines flow off the page in the heading. It was really interesting that this comment came up because it had already been suggested to us during one of the interim presentations. Although we liked the idea of it, we felt that it wouldn't fit the website well since there was no definite boundary on the webpage. The mobile version, however, did and this idea could definitely work. So my next step is to explore this idea before hand in on Thursday as well as refinements and adjustments.