HTML Email Layout Secrets | Emanuel Prado | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Lessons (2h 35m)
    • 1. Introduction

      1:54
    • 2. Regular Web HTML x Email HTML

      9:22
    • 3. Building the Wireframe

      15:21
    • 4. Layout Pt. 1

      11:29
    • 5. Layout Pt. 2

      13:02
    • 6. Coding Pt. 1

      15:38
    • 7. Coding Pt. 2

      1:34
    • 8. Coding Pt. 3

      16:19
    • 9. Coding Pt. 4

      19:08
    • 10. Coding Pt. 5

      14:20
    • 11. Testing the layout

      13:40
    • 12. Sending email using Mailchimp

      10:34
    • 13. Resources & Tips

      9:05
    • 14. Final Project

      3:57

About This Class

In this Skillshare class, I'll be teaching you the ins and outs of Email Layout from its design conception until its coding. Here, you will learn the principles of how to design a visually engaging email layout and how to code it in a way that will work across the majority of email clients out there, be them desktop, web or mobile!
For this course, we'll be primarily using Photoshop for the design and Sublime Text for coding. We will also tap a little into how to test it using Sendinblue and send it using MailChimp.

By the end of the course, you will be able to design and code an email layout all by yourself!

This course is geared towards those who have some familiarity with web development and design but want to expand their skills into Email Marketing territory. However, if you are new to web development in general, don't worry! I’ll try to be as clear as possible while teaching the key concepts, so everyone can join the fun of being an email layout designer!

You can download the course material here