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

Posted on Jun 15, 2017

More by Arthur Koch

View profile