HDTutorial
EN
How to design & code HTML emails (Part 3 - Adding our HTML content)

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to design & code HTML emails (Part 3 - Adding our HTML content)

30,477 views October 25, 2019 37:24

Watch on YouTube
ChannelTom Piggott

Description from the creator

Thank you so much for checking out my tutorial! Please subscribe for more design tutorials - I’ll be covering Animation with After Effects, HTML email design with XD, HTML email code with Sublime Text, Web Design with Adobe XD, Sketch & Figma as well as Web Development with Webflow..

In this video turn our Adobe XD design into a fully responsive HTML email using the Email Starting Template we worked on in Part 2.

Downloads:

Email Starting Template:
dropbox.com/s/smiy57h3yj9ffbq/Email_Starting_Te…

Fully Coded Email:
dropbox.com/s/t92spmmr9av4x5j/Fully_Coded_Email…

Timestamps:

1:22 - Adding logo section at the top
5:56 - Duplicating rows and adding the hero image
8:26 - Styling text
13:02 - Adding the button
27:49 - Adding the footer section
33:14 - Adding the unsubscribe link

Follow me:

Website: tompiggott.co.uk/
Newsletter: tompiggott.co.uk/contact#newsletter
Instagram: instagram.com/tompiggottdesign/
Facebook: facebook.com/tompiggottdesign/
Dribbble: dribbble.com/tompiggott/
LinkedIn: linkedin.com/in/tompiggottdesign/

Music: “Still Standing” by Anno Domini Beats

About this tutorial

Tom Piggott published this 37:24 video tutorial on October 25, 2019. It has been watched 30,477 times on YouTube.

Category
Education
Duration
37:24
Published
October 25, 2019
Views
30,477
Likes
727

Tags

Share

Further reading

  • How to Design Programs htdp.org

    How to Design Programs The First Edition is still available!

  • Design tips and tricks | Canva canva.com

    Design tips and inspiration for everyone from beginners to professionals. Learn how to create great graphics and documents – from social media posts to resumes and more. Browse the best designs from across the web and t…

  • How to Design for the Future | Greenbiz greenbiz.com

    How do we design for the future amid the disruptive present? In this closing plenary session, Lauren Phipps, director and senior analyst for the circular economy at GreenBiz, speaks with Tim Brown, CEO of IDEO, about ho…

This tutorial in other languages