Gmail Wireframe for iPhone 5
Hey, guys!
As email-developer I have a problem. Most designers from digital agencies don't know a damn thing about UI of email apps. But they love making email newsletters like a drunk monkeys.
What they do:
1. F*ck the prototypes. Let's draw!
2. Let's make desktop version on the newsletter without guidelines!
3. Let's make mobile version in a fundamentally different style. Because we can. Because it's fun.
4. Cheers!
5. PROFIT!
This is the painful for all product team. The best practice to make really good emails — mobile first religion.
Why Gmail? — Because it's most popular of specific-rendering email apps.
Why iPhone 5 Wireframe? — 300px viewport is most useful with Fluid Method of email development.
But that's not all. It's just a beginning of email apps wireframing. I'm working with other desktop and mobile layouts right now.
In the meantime, you can get the Gmail wireframe(.sketch) here https://www.dropbox.com/s/5ricueywf0juz7h/email-wireframes.sketch?dl=0