from Loom

This email functions as a personalized monthly activity summary for a Loom user, highlighting how the customer has saved time and improved communication by using async video. The structure includes quantified user metrics (videos created, meetings eliminated, time saved), featured popular video content with visual thumbnails, and engagement stats. The tone is positive, reinforcing value and encouraging further team involvement, supportive of user retention and deeper feature adoption.

Subject:

Your December Loom Review 💜

Date sent:

January 3, 2024

from

Loom

<!DOCTYPE html> <html> <head> <title>Your December Loom Review 💜</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } /* RESET STYLES */ img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */ a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* MEDIA QUERIES */ .title { font-size: 74px; line-height: 76px; } .padding { padding-right: 36px; padding-bottom: 36px; padding-left: 36px; } .inner-padding { padding: 50px 30px 16px 30px; } .empty-padding { padding-right: 36px; padding-bottom: 36px; padding-left: 36px; } .empty-inner-padding { padding: 36px; } @media screen and (max-width: 480px) { .title { font-size: 48px; line-height: 48px; } .padding { padding-right: 0; padding-left: 0; } .inner-padding { padding: 50px 20px 16px 20px; } .empty-padding { padding-right: 0; padding-left: 0; } .empty-inner-padding { padding: 20px; } } /* ANDROID CENTER FIX */ div[style*="margin: 16px 0;"] { margin: 0 !important; } </style> </head> <body style="margin: 0 !important; padding: 0 !important; background-color: #ffffff;" bgcolor="#ffffff">  <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica Neue, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;"> See the upside of working async </div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" style="background-color: #ffffff;" bgcolor="#ffffff">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;"> <tr> <td align="center" style="padding-top: 36px; padding-bottom: 0;" class="padding" height="100%" valign="middle" width="100%">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" style="font-family: Helvetica Neue, Arial, sans-serif; font-size: 30px; font-weight: 700;"> <a href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiRVYyb2RHT1lEMU9VVVh0bV9MRkJvR0syNng0IiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVwiLFwiaWRcIjpcImFlZjA5MWVhZTlkNzRlZDg4ZTY1MThlZTdkNTgyNWZlXCIsXCJ1cmxfaWRzXCI6W1wiYzQxOThjZDc5YjM1ODE1YmFmODlhYTE1MGJhZTM3ZjA1OTRiZmQ0YlwiXX0ifQ" target="_blank"> <img src="https://cdn.loom.com/assets/marketing/email/logomark.png" alt="Loom" height="38" width="38"> </a> </td> </tr> <tr> <td align="center" style="font-family: HelveticaNeue, Arial, sans-serif; font-size: 30px; font-weight: 700;"> <h1 style="font-size:26px;font-weight:700;margin:2px 0 0 10px;color:#2b1c50">December Loom review</h1> </td> </tr> </table> <table align="center" border="0" style="margin-top: 24px;" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <a href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiYm1Vd0pDaHdqanltUk9OSVNNdWFUbTE3UGs0IiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVxcXC9sb29tc1xcXC92aWRlb3M_bW9kYWw9aW5zaWdodHNIdWJcIixcImlkXCI6XCJhZWYwOTFlYWU5ZDc0ZWQ4OGU2NTE4ZWU3ZDU4MjVmZVwiLFwidXJsX2lkc1wiOltcIjkyZWE0YzBkMTYwN2ZjMmJmNTRlZGYyMzQwOTI0YzE4Zjg5YjEyZjFcIl19In0" target="_blank" style="font-size:14px;font-weight:400;font-family:Helvetica Neue,Arial,sans-serif;color:#ffffff;text-decoration:none;border-radius:999px;background-color:#565add;padding:18px 36px;border:1px solid #565add;display:block"> <span>View your insights hub</span> </a> </td> </tr> </table> </td> </tr> </table>  </td> </tr> <tr> <td align="center" style="padding-top: 36px;" class="padding">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #EFF0FF; background-image: radial-gradient(circle at bottom right, #b2b3f1 0%, transparent 60%); border-radius: 17px"> <tr> <td align="left" class="inner-padding" style="font-family: Helvetica Neue, Arial, sans-serif;"> <table> <tr> <td align="left" style="margin-top: 40px; font-family: Helvetica Neue, Arial, sans-serif; color: #EFF0FF; max-width:468px; margin: 0 auto; text-align: center;"> <div style="font-size: 32px; line-height: 32px; font-weight: 500; color: #565ADD; margin: 0;"> You eliminated </div> <span style="letter-spacing: 1px; font-size: 90px; line-height: 90px; font-weight: 700; color: #2B1C50;">2</span> <div style="font-size: 32px; line-height: 32px; font-weight: 500; color: #2B1C50; margin: 0 0 14px 0;"> meetings </div> <p style="padding-bottom: 32px; font-size: 14px; font-weight: 400; color: #2B1C50; margin: 0; line-height: 20px;"> You used Loom to sync smarter. Instead of adding more meetings to the calendar, you cleared schedules while staying connected with Loom. </p> </td> </tr> <tr> <td align="left" style="font-family: Helvetica Neue, Arial, sans-serif; font-weight: 400; padding-bottom: 32px;"> <h3 style="border-top: 1px solid #B2B3F1; padding: 40px 0 36px; font-size: 12px; font-weight: 500; color: #2B1C50; margin: 0 0 10px 0; text-transform: uppercase; text-align: center; letter-spacing: 1px;"> <span style="padding: 32px 0 32px 38px; background-image: url('https://cdn.loom.com/assets/marketing/email/insights-violet.png'); background-repeat: no-repeat; background-size: 24px; background-position: center left;">Your activity</span> </h3> <div style="display: block; width: 30%; float: left; text-align: center; margin: 0 5% 10px 0;"> <div style="font-size: 14px; color: #565ADD; padding-bottom: 2px; font-weight: 500;">You created</div> <div style="font-size: 42px; font-weight: 700;"> 4 </div> <div style="font-size: 24px;">videos</div> </div> <div style="display: block; width: 30%; float: left; text-align: center; margin: 0 5% 10px 0;"> <div style="font-size: 14px; color: #565ADD; padding-bottom: 2px; font-weight: 500;">You received</div> <div style="font-size: 42px; font-weight: 700;"> 4 </div> <div style="font-size: 24px;">views</div> </div> <div style="display: block; width: 30%; float: left; text-align: center; margin: 0 0 10px 0;"> <div style="font-size: 14px; color: #565ADD; padding-bottom: 2px; font-weight: 500;">You watched</div> <div style="font-size: 42px; font-weight: 700;"> 1 </div> <div style="font-size: 24px;">video</div> </div> </td> </tr> <tr> <td align="left" style="font-family: Helvetica Neue, Arial, sans-serif; font-weight: 400;"> <h3 style="border-top: 1px solid #B2B3F1; padding: 32px 0; font-size: 12px; font-weight: 500; color: #2B1C50; margin: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px;"> Your most beloved Loom </h3> <a style="text-decoration: none;" href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiSWVIVjA0WWFXOEgzbldaTnotUWR0bk5tYWlzIiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVxcXC9zaGFyZVxcXC8xMGY3ZTY5NTdmY2U0NmMyOGRjMDJmZjBiMTkyOTVlOVwiLFwiaWRcIjpcImFlZjA5MWVhZTlkNzRlZDg4ZTY1MThlZTdkNTgyNWZlXCIsXCJ1cmxfaWRzXCI6W1wiMmNkZmFkN2RhNzU3YzJlMDNiZjRjNzhkNjgzZWZkN2NiNTExMjlkZVwiXX0ifQ" target="_blank"> <img style="float: left; border-radius: 6px; width: 45%; margin-right: 16px; margin-bottom: 32px;" src="https://cdn.loom.com/sessions/thumbnails/10f7e6957fce46c28dc02ff0b19295e9-00001.gif" alt="" height="152" width="232"> <div> <h2 style="font-size: 14px; font-weight: 400; color: #2B1C50; margin: 0;"> Explaining the Workflow in Detail </h2> <div style="float: left; margin-bottom: 16px;"> <img style="float: left; margin-top: 6px; border-radius: 20px;" alt="" height="20" width="20" src="https://cdn.loom.com/avatars/25380098_4e182f0e13b646a584d67e9c301ae051_192.jpg"> <span style="float: left; font-size: 12px; color: #2B1C50; margin: 6px 0 0 6px; line-height: 20px; font-weight: 400;">Jonathan Bernard</span> </div> </div> </a> </td> </tr> </table> </td> </tr> </table>  </td> </tr> <tr> <td align="center" class="padding">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F8EDFB; background-image: radial-gradient(circle at bottom right, #F29ED5 0%, transparent 60%); border-radius: 17px"> <tr> <td align="center" class="inner-padding" style="font-family: Helvetica Neue, Arial, sans-serif;"> <table style="width: 100%;"> <tr> <td align="left" style="margin-top: 40px; font-family: Helvetica Neue, Arial, sans-serif; color: #EFF0FF; max-width:468px; margin: 0 auto; text-align: center;"> <div style="font-size: 32px; line-height: 32px; font-weight: 500; color: #B3359B; margin: 0;"> You saved </div> <span style="letter-spacing: 1px; font-size: 90px; line-height: 90px; font-weight: 700; color: #450F3A;">17</span> <div style="font-size: 32px; line-height: 32px; font-weight: 500; color: #450F3A; margin: 0 0 14px 0;"> minutes </div> <p style="padding-bottom: 32px; font-size: 14px; font-weight: 400; color: #450F3A; margin: 0; line-height: 20px;"> Working with async video adds up. You saved a ton of time this year. </p> </td> </tr> <tr> <td align="left" style="font-family: Helvetica Neue, Arial, sans-serif; font-weight: 400; padding-bottom: 32px;"> <h3 style="border-top: 1px solid #F29ED5; padding: 40px 0 36px; font-size: 12px; font-weight: 500; color: #2B1C50; margin: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px;"> <span style="padding: 32px 0 32px 38px; background-image: url('https://cdn.loom.com/assets/marketing/email/insights-magenta.png'); background-repeat: no-repeat; background-size: 24px; background-position: center left;">Videos that saved you time</span> </h3> <div style="display: block; text-align: center;"> <div style="font-size: 90px; font-weight: 700; padding-bottom: 16px;">1</div> <div style="font-size: 24px;">video with multiple views</div> </div> </td> </tr> </table> </td> </tr> </table>  </td> </tr> <tr> <td align="center" class="padding">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #E3F3FF; background-image: radial-gradient(circle at bottom right, #9CB7FF 0%, transparent 60%); border-radius: 17px"> <tr> <td align="center" class="inner-padding" style="font-family: Helvetica Neue, Arial, sans-serif;"> <table> <tr> <td align="left" style="margin-top: 40px; font-family: Helvetica Neue, Arial, sans-serif; color: #EFF0FF; max-width:468px; margin: 0 auto; text-align: center;"> <div style="font-size: 32px; line-height: 32px; font-weight: 500; color: #005DF8; margin: 0;"> You connected with </div> <span style="letter-spacing: 1px; font-size: 90px; line-height: 90px; font-weight: 700; color: #1B224B;">1</span> <div style="font-size: 32px; line-height: 32px; font-weight: 500; color: #1B224B; margin: 0 0 14px 0;"> person </div> <p style="padding-bottom: 32px; font-size: 14px; font-weight: 400; color: #1B224B; margin: 0; line-height: 20px;"> With more people on the same page, you can all do your best work. </p> </td> </tr> <tr> <td align="left" style="font-family: Helvetica Neue, Arial, sans-serif; font-weight: 400; padding-bottom: 12px;"> <h3 style="border-top: 1px solid #9CB7FF; padding: 40px 0 36px; font-size: 12px; font-weight: 500; color: #1B224B; margin: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px;"> <span style="padding: 32px 0 32px 38px; background-image: url('https://cdn.loom.com/assets/marketing/email/insights-blue.png'); background-repeat: no-repeat; background-size: 24px; background-position: center left;">Your top connections</span> </h3> <div style="font-family: Helvetica Neue, Arial, sans-serif; color: #C4D4FF; display: block; width: 25%; float: left; text-align: center"> <img style="border-radius: 24px;" alt="" height="48" width="48" src="https://cdn.loom.com/avatars/26660715_ec203d44c4b44a9a863d2764efb0571c_192.jpg"> <div style="font-size: 14px; font-weight: 400; color: #1B224B; padding: 15px;"> F.T.B Online </div> </div> </td> </tr> <tr> <td align="left" style="font-family: Helvetica Neue, Arial, sans-serif; font-weight: 400;"> <h3 style="border-top: 1px solid #9CB7FF; padding: 32px 0; font-size: 12px; font-weight: 500; color: #1B224B; margin: 0; text-transform: uppercase; text-align: center; letter-spacing: 1px;"> Most engaged Loom in your Workspace </h3> <a style="text-decoration: none;" href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiSWVIVjA0WWFXOEgzbldaTnotUWR0bk5tYWlzIiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVxcXC9zaGFyZVxcXC8xMGY3ZTY5NTdmY2U0NmMyOGRjMDJmZjBiMTkyOTVlOVwiLFwiaWRcIjpcImFlZjA5MWVhZTlkNzRlZDg4ZTY1MThlZTdkNTgyNWZlXCIsXCJ1cmxfaWRzXCI6W1wiMmNkZmFkN2RhNzU3YzJlMDNiZjRjNzhkNjgzZWZkN2NiNTExMjlkZVwiXX0ifQ" target="_blank"> <img style="float: left; border-radius: 6px; width: 45%; margin-right: 16px; margin-bottom: 16px;" src="https://cdn.loom.com/sessions/thumbnails/10f7e6957fce46c28dc02ff0b19295e9-00001.gif" alt="" height="152" width="232"> <div> <h2 style="font-size: 14px; font-weight: 400; color: #1B224B; margin: 0;"> Explaining the Workflow in Detail </h2> <div style="float: left; margin-bottom: 16px;"> <img style="float: left; margin-top: 6px; border-radius: 20px;" alt="" height="20" width="20" src="https://cdn.loom.com/avatars/25380098_4e182f0e13b646a584d67e9c301ae051_192.jpg"> <span style="float: left; font-size: 12px; color: #1B224B; margin: 6px 0 0 6px; line-height: 20px; font-weight: 400;">Jonathan Bernard</span> </div> </div> </a> </td> </tr> <tr> <td align="center" style="padding: 48px 0;"> <a href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiMmxPU2FYbkxjRGNwTjNHMzFpZkZtMjR4Rng4IiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVxcXC9zZXR0aW5nc1xcXC93b3Jrc3BhY2U_bW9kYWw9aW52aXRlVGVhbW1hdGVzI21lbWJlcnNcIixcImlkXCI6XCJhZWYwOTFlYWU5ZDc0ZWQ4OGU2NTE4ZWU3ZDU4MjVmZVwiLFwidXJsX2lkc1wiOltcIjA1NTQ4N2Y4MjE5MjRhZDdmODk4ZGRjYjU5Mjg1NGY0ODQwZmIzMDBcIl19In0" target="_blank" style="font-size: 14px; font-weight: 700; font-family: Helvetica Neue, Arial, sans-serif; color: #005DF8; text-decoration: none; border-radius: 999px; background-color: transparent; padding: 12px 60px; border: 2px solid #005DF8;">Invite Your Team</a> </td> </tr> </table> </td> </tr> </table>  </td> </tr> <tr> <td align="center" style="padding: 14px 36px 36px 36px;">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <a href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiYm1Vd0pDaHdqanltUk9OSVNNdWFUbTE3UGs0IiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVxcXC9sb29tc1xcXC92aWRlb3M_bW9kYWw9aW5zaWdodHNIdWJcIixcImlkXCI6XCJhZWYwOTFlYWU5ZDc0ZWQ4OGU2NTE4ZWU3ZDU4MjVmZVwiLFwidXJsX2lkc1wiOltcIjkyZWE0YzBkMTYwN2ZjMmJmNTRlZGYyMzQwOTI0YzE4Zjg5YjEyZjFcIl19In0" target="_blank" style="font-size:14px;font-weight:400;font-family:Helvetica Neue,Arial,sans-serif;color:#ffffff;text-decoration:none;border-radius:999px;background-color:#565add;padding:18px 36px;border:1px solid #565add;display:block"> <span>View your insights hub</span> </a> </td> </tr> </table> </td> </tr> </table>  </td> </tr> <tr> <td align="center" style="height: 20px;" height="20px" valign="top" width="100%"></td> </tr> <tr> <td align="center" style="padding: 36px 36px 136px 36px; background-color: #ffffff; border-top: 1px solid #D1D1F7;" bgcolor="#ffffff">  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;"> <tr> <td align="center" style="font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 15x; padding: 0 0 8px 0;"> <p style="font-size: 14px; font-weight: 400; line-height: 15px; color: #6C6684;"> Loom, Inc.<br> 140 2nd Street Floor 3 San Francisco, CA 94105 </p> <p style="font-size: 14px; font-weight: 700; line-height: 15px; color: #6C6684;"> <a href="https://mandrillapp.com/track/click/30773215/www.loom.com?p=eyJzIjoiQ0NYREVRR1FuYTMtTkotU09sYVhUbkllZDBzIiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5sb29tLmNvbVxcXC9hY2NvdW50LXNldHRpbmdzI25vdGlmaWNhdGlvbnNcIixcImlkXCI6XCJhZWYwOTFlYWU5ZDc0ZWQ4OGU2NTE4ZWU3ZDU4MjVmZVwiLFwidXJsX2lkc1wiOltcImU3MmNlNDc1NTRiMTkwZjVhZDI5MmUyZjQ3MDgxOTA5OTJiZmUwOGRcIl19In0" target="_blank" style="color: #6C6684;">Change your notification settings here</a> </p> <p style="font-size: 14px; font-weight: 700; line-height: 15px; color: #6C6684;"> <a href="https://mandrillapp.com/track/click/30773215/loom.com?p=eyJzIjoiczAzSDBpeVJTMXdJNmlEZi1INW5ZZEp6dGFJIiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL2xvb20uY29tXFxcL3Vuc3Vic2NyaWJlP3Vuc3Vic2NyaWJlX2lkPWU0YWZmYmZiMTFiMjRmOThhZDE1YTkwYzMxYzliYmQxJm5vdGlmaWNhdGlvbl90eXBlPWluc2lnaHRzX2RpZ2VzdF9ub3RpZmljYXRpb25cIixcImlkXCI6XCJhZWYwOTFlYWU5ZDc0ZWQ4OGU2NTE4ZWU3ZDU4MjVmZVwiLFwidXJsX2lkc1wiOltcImI3NjAyZTFiYjRmMGI4NGU5YTMwMjg3NTg3MDM0MjgyMDJiNTIyMTlcIl19In0" target="_blank" style="color: #6C6684;">Unsubscribe</a> </p> </td> </tr> </table>  </td> </tr> </table>  </td> </tr> </table> <img src="https://mandrillapp.com/track/open.php?u=30773215&id=aef091eae9d74ed88e6518ee7d5825fe" height="1" width="1" alt=""></body> </html>