For quite some time now GAP has been sending emails that are 832 pixels wide. While most desktop resolutions can easily accommodate this width, without responsive design this would still be considered against best practice. That being said, I thought it would be an interesting experiment to examine one of their emails and see how it could be made responsive. Below you’ll see how the email currently looks on a smart phone. You can see how the content is hard to read. You could easily mis-tap an element in the layout causing you to be directed somewhere you didn’t intend to go. The bottom line is this is not providing a good experience for the recipient.
Here’s what the email could look like on a smart phone with a little responsive magic. You can see how elements are much easier to read and the message is much clearer. By removing certain elements in the layout you can cut the clutter. This allows you to narrow it down to what is most important. Notice how the navigation has been narrowed down to two items. This makes everything easier to tap. This layout would greatly improve the overall experience for the recipient.
