Design a Custom Email Newsletter Template - Part 2
Web-Crunch
Hi, My name is Andy Leverenz. I design, code, and am an author of things. Check out my agency called Couple of Creatives (https://coupleofcreatives.com) and my blog Web-Crunch (https://web-crunch.com)๐ค๐ป
=======
In part 2 of the "Design a Custom Email Newsletter Template" series, I begin taking my sources of inspiration and finally put ideas down to the canvas. This rather slow and sort of painful process ๐ documents my decisions revolving around content, user experience, and general look and feel for the email template.
To add to that effect I'm having to keep the restrictions of email in mind (here's a good one to follow). Zurb's Foundation for Emails gets us so far from the development perspective but there are still limitations I have to consider regarding layout, typography, and general look and feel.
This video was my attempt to think "live". You may find it a bit boring but this is the real world for how I come up with a solution to a design problem so I didn't cut out much. I find too many people who document their work process omit the parts that give way to the real-world scenarios designers and developers are often faced with. Obviously, having real content and imagery would have been better to use but at this stage of the game, I am more in the wireframe mindset.
Notes
If you're stumbling upon this series wondering why I'm showing you this I invite your to check out my article on Web Designer Depot about Foundation for Emails(https://www.webdesignerdepot.com/2017/04/how-to-build-a-custom-email-with-foundation-for-emails/). There you will see the development portion of this series in written form. Unfortunately, I cannot duplicate that content here so I won't be screencasting that portion. However, I do have plans to integrate this custom email template design with Mailchimp. Mailchimp overs a slew of helpers to allow your templates to make use of their email editor. You can read more about that here.
๐ป Originally published at: https://web-crunch.com/design-custom-email-template-part-2
๐ป Check out the blog: https://web-crunch.com
๐ก ๐ซ Check out my agency: https://coupleofcreatives.com
๐ Links:
Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication
๐Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd
๐ Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt
๐Recommended Stuff I Use to Shoot Video: Canon EOS Rebel SL1 - http://amzn.to/2m3EZDH Linco Lighting Set - http://amzn.to/2mF8Shs Logitech HD Pro Webcam C920 - http://amzn.to/2mpqzBk Rode NT-USB Condenser Microphone - http://amzn.to/2mFhaG9
๐ฏ Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ... https://www.youtube.com/watch?v=TomrQHwOeqI
261492127 Bytes