in this video I’ll show you a bulletproof email design that the world's biggest
brands use and how in just 10 minutes you can make amazing emails using Klaviyo and Canva
my name's Shaun I run email experts where we help brands grow through email and automated marketing
so let's get into this master template so here we can see the basic underlying design of this
template very simple hero image text and a button call to action super easy makes it so easy for
your customers to understand what you're trying to communicate and it's super easy for you to build
emails off of this you will see brands that have more complicated designs but they're all using
this as the basic and any brand no matter how long the email this should be the top first thing that
customers see and often including more email more details will actually reduce click-through rate
let me just walk through some examples so here we see Nike they're using that design to launch their
Vapormax hero image text button apple doing the same thing for a developer conference Disney doing
the same thing for season 2 of the Mandalorian also can be used across many different purposes
so here we have a brand using it to launch a product making a bit more exciting with a gif
still hero image text in a button Bellroy using it for sales and promotion email I can also use
it for a product or collection feature and it can be used with flows for content education as well
cool so I’m going to show you how to build an email using this design yourself
I have three tabs open I have the content that I want in this email design I recommend writing that
beforehand we've got the Klaviyo which is where we're going to be building the email and we've
got Canva where we're going to be designing the hero image I’ll flick between these tabs
okay let's start in Canva create a design custom size using 900 pixels by 900 good balance when
you're making an email Canva has lots of default starting points but I know what I want in this
at this time so I’m going to go for elements and I’m going to search for a square gradient
I’m going to make that fill up the space and I want the gradient to run top to bottom
so I can click on here I can change the colours that I want
again I’m going to jump back to here I want maroon at the top
and I want six zeros black at the bottom
now I also have a folder where I’ve got the images that I want for this email design
so I want to drop this image in
push that up into the corner I’m going to have three layers in this design so I’ve got the
gradient I’ve got the image all right and now I also want to have a overlay that says back
in stock so we'll go to text lots of different styles here I know what I want not this workout
style paid once but I can you can get away with a lot with free so I want this to say back in stock
update the colour to our highlight orange
colour
and to add a little bit of flair I’m going to mess with the layers and send this backwards
just a little bit so that the heading is behind that image just gives it a little bit of design
like a flare there we go so now I’ve got my image I’m going to download that
and I’m going to add that to my folder great all right next stage is in Klaviyo
so within Klaviyo this is the editor you can get here when you're making templates or campaigns or
flows Klaviyo has lots of great pre-built designs just like Canva again I know what
I want this time so I’m going to go with a single column design I’m going to keep it super simple so
I’m going to even delete the placeholder text block okay to start with I’m going to put a
header nav here change the logo to this jump shot logo to 110
get rid of the background colour change the font to be let's make the font a maroon colour
great make them a little bit bigger
we know what our logos our nav items should say about us new and sale
and then we want them to link to about
new
and sale and then we obviously want this just to link to the home page for the logo
and so that's the nav menu done now let's upload our hero image that we've just built
we'll make it fill to stretch fill the full size of the design of the thing
we definitely want to add alt text to make it accessible and then I always recommend adding the
call to action link to the to any major images as well so there we go now we've got our image sorted
now let's add our text block now to make sure that it doesn't do anything weird with styling
copy the text from where you want it and then click pat paste and match style that just ensures
that no extra bulky styling comes along with it and then you can style it just within Canva
so let's centre that under block styles I’m going to make it a white text with our black background
I will increase the default the size a bit let's make it 20
we'll make it yeah I think normal is fine add a bit of padding either side
maybe a little bit on top as well there we go all right now let's add our button
I want the button to say shop the sale and we want that to link to the backing stock page
we'll grab the same background colour
and then I want this called this button to have the same highlight as the actus back in stock
text so let's change that colour there so I’ll make it 40 and then I’ll increase the text size
I think 22 is good add a little bit of extra padding and below
now let's style the footer I want to make this text a little bit smaller
make it white as well also on a black background
there we go looking good so far I think the only thing I need is a bit of horizontal rule
just to give it a little bit more separation between the main content and the footer there
so let's make the background of that horizontal rule
that big and I think believe it or not we're actually looking really good that's how you build
a design Klaviyo using this really simple design it's the same as many different big brands and it
can be used across campaigns or flows education content product launches sale events anything
you will see more complicated designs that have multiple elements but every email design even if
you do decide to make longer emails I recommend always starting with having the top of your email
look like this it forces you as a marketer to have a single sole purpose for each email and
it means that the customer understands exactly what they're supposed to do with the email when
you go to make a new campaign just clone the same campaign change the image change the text change
the button and you're good to go if you've got any questions please leave them below if you like this
please hit like please subscribe we try to get one of these videos out at least once a month
sometimes more good luck with your designs we look forward to seeing what you make