The assignment was to optimize the Bon Appétit magazine website for mobile devices. I began pencil sketching layouts for homepage keeping in mind client would keep the same content from the desktop version. By doing this, I realized that some content such as Popular Recipes could work nicely in a 2-column, but other features that contained text and images worked in a 1-column. Also, eliminated unnecessary graphics for faster loading, left enought white space between features, and improved readability by increasing headings/body copy font sizes, and clickable areas.
Showed to the right: Homepage sketches wireframe, interface for homepage, recipe page, and article page with rotator.
USE OF TECHNOLOGY:
Photoshop and Illustrator