Want to know everything about sending a perfect welcome email? Read our latest article. đź‘‹

Read Post

This site uses cookies to provide you with a great user experience.


guys, do you even collagen? (pro tip: you should.)


New product. Full width on desktop, with mobile optimizations of images.



Things I Like

  • Simple & clean header/footer with minimal distractions (no nav bars or legal jargon, and limited social icons)
  • Live text everywhere
  • Consistent design elements (left-aligned text, line height, spacing, etc.)
  • A clean design that gives the email a 3D feel (see the different flavors hovering over 2 different-colored backgrounds) and also utilizes a simple Z-design
  • Limited CTAs (2) that are above the fold and at the bottom of the email
  • Great, great, great product imagery
  • Branding and colors are consistent throughout the email
  • Interactive CTAs that change color upon hover and interactive product images that change size upon hover
  • Good typography – the difference between headers and paragraphs is clear

Strategy Improvements

  • Instead of having social icons, maybe include a curated feed in the footer that shows photos from hims’ IG or from customers’ IGs
  • Include other smart recommendations beneath the second CTA for people who may not be interested in collagen powder

Design Improvements

  • Include the option to View Online in footer
  • Title attributes for the flavors that give more background/details about each flavor
CategorizedHealth and Wellness / MedicalBeauty and Personal CareFeatured ProductEcommerceExercise and FitnessInteractive

What data do we know about this email?

How does this look across email clients?

Here’s how hims's emails render in the most popular email clients. Are yours rendering as designed? Find out with a free trial of Litmus.

How accessible is this email?

Looks aren’t everything. Does this email follow key accessibility best practices? Our friends at Litmus ran the test.

  • Emails should have a "meta content-type" and defined character set.

  • Email headings should be well structured. This will help screen readers easily navigate content.

  • Specifying "alt text" for these images helps screen readers describe the image.

  • Text to voice recording and transcript for hearing impaired.

  • Larger paragraphs of text should be left-justified to improve readability for some readers.

  • Without a [lang] attribute, screen readers will assume the email is in the default language the subscriber chose when setting up their screen reader. If your email is not in that user’s language, the screen reader may not accurately transcribe your message.

  • Table roles should be clearly defined. This helps screen readers determine how to interpret the table.

Share this ish