Email Inspiration: Squarespace dummy forms in email

Forms in email have always been a contentious subject – depending on who you ask, they’re either a very bad idea or very useful for generating conversions. Regardless, there are some places where they don’t work (Outlook 07 & Hotmail, for example).

However users have a lot of recognition for form elements, after all they use them online all day, and they associate them with interaction. Therefore, mock form elements, images that follow the visual style of form elements, can be a useful trick to engage users.

I’ve seen a few campaigns that mimic form fields, but this example from Squarespace is one of the nicest. It helps that there’s a clear concept, and the primary copy line of the campaign leads into the ‘form’.

Elsewhere, there’s a really strong content hierarchy – with short and punchy copy that’s laid out with lots of white space around it. This makes it easy for the user to scan, and also has the bonus of being easier to read on a mobile device.

Email Inspiration: Waitrose Animated Call to Action

This fun Easter campaign from UK supermarket Waitrose uses animation to draw attention to the call to action – a cute easter chick comes over and pecks the CTA button.

Here’s the animation:

The rest of the design features a strong hierarchy, and whilst there is a lot of content, it’s easy to scan and read the content.

Email Inspiration: Media Temple newsletter

This campaign from awesome hosting company Media Temple shows that you can include multiple messages in a campaign without bloating the content. I especially like how the 4-line introduction is easy to read, and includes the same links as the articles below. It functions in a similar way to an extended preheader – and if reading those 4 lines is enough for the user to click through to the site, then they can.