.png)
.jpeg)
.jpeg)
.jpeg)
.webp)
from Miro
<!DOCTYPE html> <html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head><title>Miro</title> <meta property="og:title" content=""> <meta name="twitter:title" content=""> <meta property="og:url" content="https://go.miro.com/7dea362b-3fac-3e00-956a-4952a3d4f474"> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0"> <meta name="x-apple-disable-message-reformatting"> <meta name="robots" content="noindex,follow"> <!--[if mso]> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <![endif]--> <style type="text/css"> @font-face { font-family: 'RoobertPRO'; src: url(https://mirostatic.com/email/RoobertPRO-Regular.woff2) format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'RoobertPRO'; src: url(https://mirostatic.com/email/RoobertPRO-SemiBold.woff2) format("woff2"); font-weight: bold; font-style: normal; } @font-face { font-family: 'RoobertPRO'; src: url(https://mirostatic.com/email/RoobertPRO-RegularItalic.woff2) format("woff2"); font-weight: normal; font-style: italic; } @font-face { font-family: 'RoobertPRO'; src: url(https://mirostatic.com/email/RoobertPRO-SemiBoldItalic.woff2) format("woff2"); font-weight: bold; font-style: italic; } body {width:100% !important; height:100% !important; min-width:100%; margin:0 !important; padding:0; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; -moz-hyphens:auto; -webkit-hyphens:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* Maintains height and width */ div[style*="margin: 16px 0"] { margin:0 !important; } body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Force HM to display normal line spacing */ p {display:block; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; padding:0 0 0 0; margin-top:0; margin-right:0; margin-bottom:1em; margin-left:0; -moz-hyphens:auto; -webkit-hyphens:auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /* ==== Client Resets ==== */ 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;} #outlook a {padding:0;} .ReadMsgBody {width:100%;} /* Force Outlook.com to display at full width */ .ExternalClass {width:100%;} /* Force Outlook.com to display at full width */ .ExternalClass * {line-height:100%;} /* Outlook.com line-height fix */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%; mso-line-height-rule: exactly;} /* Outlook.com line-height fix */ table, td {mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse;} img {-ms-interpolation-mode:bicubic; border:0; outline:none; display:inline-block;} a img {text-decoration:none;} a:visited, a:active, a:link, a:hover {text-decoration:none !important; color:#4262FF;} a.ctaBtn:hover {background-color:#1c1c1e !important; color: #ffffff !important;} h1, .h1, h2, .h2, h3, .h3, h6, .h6 {display:inline-block; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-weight:bold; margin:0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} h4, .h4 {display:inline-block; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; color:#9B99AF; margin:0px; font-weight:bold;} h5, .h5 {display:inline-block; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; color:#838383; margin:0px; font-weight:normal !important;} h1, .h1 { font-size: 40px; line-height:48px; } h2, .h2 { font-size: 32px; line-height:40px; } h3, .h3 { font-size: 24px; line-height:30px; } h4, .h4 { font-size: 16px; line-height:24px; } h5, .h5 { font-size: 14px; line-height:20px; } h6, .h6 { font-size: 10px; line-height:150%; } .content_previewText {display:none !important; width:0px !important; max-width:0px !important; max-height:0px !important; font-size:0px !important; line-height:0px !important; padding:0 !important; mso-hide:all !important;} .content_bodyCopy {display:block; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#1c1c1e; -moz-hyphens:auto; -webkit-hyphens:auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} .content__mobile_display_show {display:none !important; max-height:0px !important; line-height:0px !important; padding:0 !important; mso-hide:all !important;} @media only screen and (max-width: 599px) { .content__tablet_fullWidth {width:100% !important; max-width:none !important;} .headerBlock__borderRadius_mobile {border-radius:0px !important;} .content__tablet_display_none {display:none !important; width:0px !important; max-height:0px !important; line-height:0px !important; padding:0 !important; mso-hide:all !important;} .button__tablet_stack {display:block !important; width:100% !important; height:auto !important;} .content__tabletPad_0px_20px {padding:0px 20px !important;} .content__tabletPad_0px_20px_8px_20px {padding:0px 20px 8px 20px !important;} .content__tabletPad_0px_20px_20px_20px {padding:0px 20px 20px 20px !important;} .content__tabletPad_0px_20px_40px_20px {padding:0px 20px 40px 20px !important;} .content__tablet_center {align:center !important; text-align:center !important;} .content__tablet_align_left {align:left !important; text-align:left !important; float:left !important;} .content__tablet_align_right {align:right !important; text-align:right !important; float: right !important;} } @media only screen and (max-width: 480px) { /* ==== Client-Specific Mobile Styles ==== */ body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none !important; } /* Prevent Webkit platforms from changing default text sizes */ body { width: 100% !important; min-width: 100% !important; } .header__logoSize_110px {width:110px !important; max-width:110px !important;} .header__textLinkSize {font-size:14px !important; line-height:20px !important;} .content_mobile_BodyWrap {border:0px !important; border-radius: 0px !important;} .content__mobile_fullWidth {width:100% !important; max-width:none !important;} .content__mobile_display_none {display:none !important; max-height:0px !important; line-height:0px !important; padding:0 !important; mso-hide:all !important;} .content__mobile_display_show {display:inline-block !important;} .content__mobile_button_show {display:inline-block !important; font-size:16px !important; line-height:24px !important; padding:11px 16px 13px 16px !important; border-radius:8px !important;} .content__mobile_link_show {display:inline-block !important; font-size:16px !important; line-height:24px !important;} .content__mobile_image_show {display: block !important; width:100% !important; max-width: none !important;} .content__mobile_center {align:center !important; text-align:center !important;} .content__mobile_align_left {align:left !important; text-align:left !important; float: left !important;} .content__mobile_align_right {align:right !important; text-align:right !important; float: right !important;} .content__mobile_social_icons {width:32px !important; max-width:32px !important;} .content__mobilePad_none {padding:0px !important;} .content__mobilePad_20px {padding:20px !important;} .content__mobilePad_0px_20px {padding:0px 20px !important;} .content__mobilePad_0px_40px {padding:0px 40px !important;} .content__mobilePad_40px_20px {padding:40px 20px !important;} .content__mobilePad_0px_0px_0px_16px {padding:0px 0px 0px 16px !important;} .content__mobilePad_0px_0px_4px_16px {padding:0px 0px 4px 16px !important;} .content__mobilePad_0px_0px_20px_0px {padding:0px 0px 20px 0px !important;} .content__mobilePad_0px_0px_40px_0px {padding:0px 0px 40px 0px !important;} .content__mobilePad_0px_16px_0px_0px {padding:0px 16px 0px 0px !important;} .content__mobilePad_0px_20px_4px_20px {padding:0px 20px 4px 20px !important;} .content__mobilePad_0px_20px_8px_20px {padding:0px 20px 8px 20px !important;} .content__mobilePad_0px_20px_12px_20px {padding:0px 20px 12px 20px !important;} .content__mobilePad_0px_20px_16px_20px {padding:0px 20px 16px 20px !important;} .content__mobilePad_0px_20px_20px_20px {padding:0px 20px 20px 20px !important;} .content__mobilePad_0px_20px_24px_20px {padding:0px 20px 24px 20px !important;} .content__mobilePad_0px_20px_24px_26px {padding:0px 20px 24px 26px !important;} .content__mobilePad_0px_20px_28px_20px {padding:0px 20px 28px 20px !important;} .content__mobilePad_0px_20px_40px_14px {padding:0px 20px 40px 14px !important;} .content__mobilePad_0px_20px_40px_20px {padding:0px 20px 40px 20px !important;} .content__mobilePad_0px_40px_12px_40px {padding:0px 40px 12px 40px !important;} .content__mobilePad_0px_40px_20px_40px {padding:0px 40px 20px 40px !important;} .content__mobilePad_0px_40px_24px_40px {padding:0px 40px 24px 40px !important;} .content__mobilePad_4px_20px_0px_20px {padding:4px 20px 0px 20px !important;} .content__mobilePad_10px_20px_20px_20px {padding:10px 20px 20px 20px !important;} .content__mobilePad_10px_20px_40px_20px {padding:10px 20px 40px 20px !important;} .content__mobilePad_12px_0px_8px_0px {padding:12px 0px 8px 0px !important;} .content__mobilePad_12px_20px_0px_20px {padding:12px 20px 0px 20px !important;} .content__mobilePad_16px_0px_0px_0px {padding:16px 0px 0px 0px !important;} .content__mobilePad_16px_20px_0px_20px {padding:16px 20px 0px 20px !important;} .content__mobilePad_16px_20px_40px_20px {padding:16px 20px 40px 20px !important;} .content__mobilePad_20px_0px_0px_0px {padding:20px 0px 0px 0px !important;} .content__mobilePad_20px_20px_0px_20px {padding:20px 20px 0px 20px !important;} .content__mobilePad_20px_20px_24px_20px {padding:20px 20px 24px 20px !important;} .content__mobilePad_20px_20px_40px_20px {padding:20px 20px 40px 20px !important;} .content__mobilePad_24px_0px_0px_0px {padding:24px 0px 0px 0px !important;} .content__mobilePad_24px_20px_20px_20px {padding:24px 20px 20px 20px !important;} .content__mobilePad_32px_20px_0px_20px {padding:32px 20px 0px 20px !important;} .content__mobilePad_40px_0px_0px_0px {padding:40px 0px 0px 0px !important;} .content__mobilePad_40px_20px_0px_20px {padding:40px 20px 0px 20px !important;} .content__mobilePad_40px_20px_20px_20px {padding:40px 20px 20px 20px !important;} .content__mobilePad_40px_20px_24px_20px {padding:40px 20px 24px 20px !important;} .image__borderRadius_4px {border-radius:4px !important;} .image__borderRadius_2px {border-radius:2px !important;} .button__primary_font-size {font-size:16px !important; line-height:150% !important;} .footer__mobile_links {padding:0px 8px !important;} .footer__mobile_img {width:100% !important; max-width:44px !important;} /* ==== Image Alignment Styles ==== */ h1, .h1 { font-size: 32px !important; line-height: 40px !important; } h2, .h2 { font-size: 26px !important; line-height: 32px !important; } h3, .h3 { font-size: 22px !important; line-height: 28px !important; } .hide { display: none !important; } } </style> <style type="text/css"> /* link fixes */ @media screen { a[href^="tel"], a[href^="sms"] { color: inherit; text-decoration: none!important; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } } a[x-apple-data-detectors] { color: inherit!important; text-decoration: none!important; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } u + #body a, #MessageViewBody a { color: inherit; text-decoration: none !important; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } </style> <base target="_blank"> <!--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <!--[if mso]> <style type="text/css"> { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h6, .h6 {display:block; font-family:Helvetica, Arial, sans-serif !important; font-weight:bold; margin:0px;} h5, .h5 {display:block; font-family:Helvetica, Arial, sans-serif !important; margin:0px; font-weight:normal !important;} p {font-family:Arial, sans-serif !important;} body, table, td {font-family: Arial, sans-serif !important;} a:visited, a:active, a:link, a:hover {font-family: Arial, sans-serif !important; text-decoration:none !important;} } </style> <![endif]--> </head> <body class="" bgcolor="#FBF7EE" style="width:100%; height:100%; margin:0 !important; padding:0 !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;"> <center> <!--[if !mso]><!--> <div class="content_previewText" style="display:none; max-height: 0px; overflow:hidden; mso-hide:all;"> Watch how Maureen maps out user journeys in Miro. </div> <!--<![endif]--> <!--[if !mso]><!--> <div class="content_previewText" style="display:none !important; width:0px !important; max-width:0px !important; max-height:0px !important; font-size:0px !important; line-height:0px !important; padding:0 !important; mso-hide:all !important; overflow: hidden;"> ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ </div> <!--<![endif]--> <div style="margin: 0 !important; background-color:#FBF7EE;"> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="width:100%; min-width:100%; height:100%; min-height:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; margin:0; padding:0; text-align:center; table-layout:fixed;" role="presentation"> <tr> <td class="content__mobilePad_none" align="center" valign="top" bgcolor="#FBF7EE" style="padding:0px 0px 0px 0px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="width:100%; min-width:100%; height:100%; min-height:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; margin:0; padding:0; text-align:center; table-layout:fixed;" role="presentation"> <tr> <td align="center" valign="bottom" bgcolor="#FBF7EE" style="padding:0px 0px 0px 0px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="602" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <tr> <td align="center" valign="top" width="602"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td align="center" valign="top" style="padding:24px 0px 16px 0px; direction:ltr;" dir="ltr"> <a href="https://click.e.miro.com/?qs=811be6f154b0fe3975ea15f7c252d70b762c305f24178f79e354a3e76b4908332abeaf37e31a8e6b36761c714d4df92147f7b61169e1ea25059d6a55393e8ad4" target="_blank"> <img src="https://mirostatic.com/email/logo-cream-138x56.png" hspace="0" vspace="0" border="0" style="display:block; width:138px; max-width:138px;" width="138" alt="Miro"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td align="center" valign="top" bgcolor="#FBF7EE" style="padding:0px 0px 0px 0px;"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" width="602" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> <tr> <td align="center" valign="top" width="602"> <![endif]--> <table class="content__tablet_fullWidth" border="0" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:602px; border-collapse:separate; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="602" role="presentation"> <tr> <td class="content_mobile_BodyWrap" align="center" valign="top" bgcolor="#ffffff" style="direction:ltr; padding:40px 0px 40px 0px; border-radius: 16px; border:1px solid #D6D2BF;" dir="ltr"> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_0px_20px_24px_20px" align="left" valign="top" bgcolor="#ffffff" style="padding:0px 40px 24px 40px;" dir="ltr"> <h1 style="font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size: 40px; line-height:48px; font-weight:normal; color:#1c1c1e !important; margin:0px;">Here’s how I do customer journey mapping in Miro</h1> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_0px_20px" align="" valign="top" bgcolor="#ffffff" style="padding:0px 40px;" dir="ltr"> <a href="https://click.e.miro.com/?qs=811be6f154b0fe396f380e89d9b2542bbc9ff6566b1bafeeb3d29fb0ead60c2f6050ce740f955d670f8667e8f0724a0f962d1389ef3686d655b8802faf779d20" target="_blank" style=""> <img class="content__tablet_fullWidth" src="https://images.emlcdn.net/cdn/1002526/8abcb455-515d-49c1-bc63-ff5297f573d6/d558285ff806257a016a79119892c411ae19cb9e.png" hspace="0" vspace="0" border="0" style="display:block; width:520px; max-width:520px; border-radius:8px;" width="520" alt="Maureen - Customer Journey Mapping"> </a> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="" align="center" valign="top" bgcolor="#ffffff" style="padding:20px 0px 0px 0px;" dir="ltr"> </td> </tr> <tr> <td class="content__mobilePad_0px_20px" align="left" valign="top" bgcolor="#ffffff" style="padding:0px 40px; direction:ltr;" dir="ltr"> <p style="font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#1c1c1e !important; margin-top:0 !important; margin-right:0 !important; margin-bottom:1em !important; margin-left:0 !important;">Hey Jonathan Bernard! <br><br>I’m Maureen, a Product Designer at Miro. In this video, I give you a quick look into how I plan and create customer journey maps in Miro.<br><br>If you’re new to mapping out user journeys in Miro, a great place to start is our Intelligent <a style="display:inline-block; color:#4262FF; text-decoration:none;" target="_blank" href="https://click.e.miro.com/?qs=811be6f154b0fe399862ee13ac0476b8c21f439f5f0970cb422748f818e6d1d8045b8f4b4a6c72a279cb6f5e5ce93a56b32ecb2a98a45bcbc1ab92b165726bfd">Customer Journey Mapping template</a>. <br><br>You can visualize touchpoints in a pre-built timeline, add insights and action steps, and assign them to teammates as you go.</p> </td> </tr> <tr> <td class="content__mobilePad_20px_0px_0px_0px" align="center" valign="top" bgcolor="#ffffff" style="padding:20px 0px 0px 0px;" dir="ltr"> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_0px_20px" align="left" valign="top" bgcolor="#ffffff" style="padding:0px 40px 0px 40px" dir="ltr"> <table class="" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td align="center" valign="top" dir="ltr"> <a class="ctaBtn" target="_blank" style="display:inline-block; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#ffffff; background-color:#4262FF; text-decoration:none; padding:11px 16px 13px 16px; border-radius:8px; mso-padding-alt:0; text-align:center;" href="https://click.e.miro.com/?qs=811be6f154b0fe399862ee13ac0476b8c21f439f5f0970cb422748f818e6d1d8045b8f4b4a6c72a279cb6f5e5ce93a56b32ecb2a98a45bcbc1ab92b165726bfd"> <!--[if mso]> <i style="letter-spacing: 25px; mso-font-width: -100%; mso-text-raise: 20pt;"> </i> <![endif]--> <span style="mso-text-raise: 10pt;">Try out the template</span> <!--[if mso]> <i style="letter-spacing: 25px; mso-font-width: -100%;"> </i> <![endif]--> </a> </td> </tr> <!--[if gt mso 15]><tr><td style="height:0.1pt; font-size:0.1pt; line-height:0.1pt;"> </td></tr><![endif]--> </table> </td> </tr> <tr> <td class="content__mobilePad_40px_0px_0px_0px" align="center" valign="top" bgcolor="#ffffff" style="padding:40px 0px 0px 0px;" dir="ltr"> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_0px_0px_40px_0px" align="center" valign="top" bgcolor="#ffffff" style="padding:0px 0px 40px 0px; border-top:1px solid #ebebef;"> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_0px_20px" align="left" valign="top" bgcolor="#ffffff" style="padding:0px 40px; direction:ltr;" dir="ltr"> <a target="_blank" style="" href="https://click.e.miro.com/?qs=811be6f154b0fe399862ee13ac0476b8c21f439f5f0970cb422748f818e6d1d8045b8f4b4a6c72a279cb6f5e5ce93a56b32ecb2a98a45bcbc1ab92b165726bfd"> <img class="content__tablet_fullWidth " src="https://images.emlcdn.net/cdn/1002526/8abcb455-515d-49c1-bc63-ff5297f573d6/CustomerJourneyMapRequest1040x520.gif" hspace="0" vspace="0" border="0" style="display:block; width:100%; max-width:520px; border-radius:8px;" width="520" alt="Example of template"> </a> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_40px_0px_0px_0px" align="center" valign="top" bgcolor="#ffffff" style="padding:40px 0px 0px 0px;" dir="ltr"> </td> </tr> <tr> <td class="content__mobilePad_0px_20px_20px_20px" align="left" valign="top" bgcolor="#ffffff" style="padding:0px 40px 20px 40px; direction:ltr;" dir="ltr"> <h2 style="font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size: 32px; line-height:40px; font-weight:normal; color:#1c1c1e !important; margin:0px;">Why I like using Miro for customer journey mapping</h2> </td> </tr> <tr> <td class="content__mobilePad_4px_20px_0px_20px" align="left" valign="top" bgcolor="#ffffff" style="padding:4px 40px 0px 40px; direction:ltr;" dir="ltr"> <table class="" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td align="left" valign="top" style="padding:0px 11px 0px 5px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#1c1c1e !important; direction:ltr;" dir="ltr">•</td> <td align="left" valign="top" style="font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:150%; color:#1c1c1e !important; direction:ltr;" dir="ltr"><p style="font-size:16px; line-height:24px; margin-top:0 !important; margin-right:0 !important; margin-bottom:1em !important; margin-left:0 !important;"><strong style="">Everything’s in one workspace.</strong> You can import related assets, integrate tools, and plan journeys alongside research and design — no context switching.</p></td> </tr> <tr> <td align="left" valign="top" style="padding:0px 11px 0px 5px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#1c1c1e !important; direction:ltr;" dir="ltr">•</td> <td align="left" valign="top" style="font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:150%; color:#1c1c1e !important; direction:ltr;" dir="ltr"><p style="font-size:16px; line-height:24px; margin-top:0 !important; margin-right:0 !important; margin-bottom:1em !important; margin-left:0 !important;"><strong style="">Collaboration is quicker. </strong>The whole team gets together on the canvas to brainstorm ideas, exchange insights, and get feedback from stakeholders.</p></td> </tr> <tr> <td align="left" valign="top" style="padding:0px 11px 0px 5px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; color:#1c1c1e !important; direction:ltr;" dir="ltr">•</td> <td align="left" valign="top" style="font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:150%; color:#1c1c1e !important; direction:ltr;" dir="ltr"><p style="font-size:16px; line-height:24px; margin-top:0 !important; margin-right:0 !important; margin-bottom:1em !important; margin-left:0 !important;"><strong style="">Native AI tools speed up the process. </strong>Just ask Miro AI to brainstorm user stories, visualize journeys, and summarize insights in seconds.</p></td> </tr> </table> </td> </tr> <tr> <td class="content__mobilePad_20px_0px_0px_0px" align="center" valign="top" bgcolor="#ffffff" style="padding:20px 0px 0px 0px;" dir="ltr"> </td> </tr> </table> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="content__mobilePad_0px_20px" valign="middle" bgcolor="#ffffff" style="padding:0px 40px 20px 40px;" dir="ltr"> <table class="" border="0" cellpadding="0" cellspacing="0" width="100%" align="left" style="width:100%; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td align="left" valign="middle" width="80" style="direction:ltr;" dir="ltr"> <img class="" src="https://images.emlcdn.net/cdn/1002526/8abcb455-515d-49c1-bc63-ff5297f573d6/6e3aa6c542293a26485df753a5ee12a25f88d87a.png" hspace="0" vspace="0" border="0" style="display:block; max-width:80px; border-radius:50px;" width="80" alt="Maureen"> </td> <td align="left" valign="middle" style="padding:0 0 0 24px; color:#1c1c1e !important; direction:ltr;" dir="ltr"> <p style="margin-top:0 !important; margin-right:0 !important; margin-bottom:0 !important; margin-left:0 !important; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:16px; line-height:24px;">Happy mapping,<br>Maureen from Miro</p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- tail --> <!-- footer --> <div style="display:none !important;"> </div> <div style="display:none !important;"> </div> <div style="display:none !important;"> </div> <table class="content__tablet_fullWidth" border="0" cellpadding="0" cellspacing="0" align="center" style="width:100%; max-width:600px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="600" role="presentation"> <tr> <td align="center" valign="top" style="padding:60px 0px 0px 0px;"> </td> </tr> <tr> <td class="" align="center" valign="top" style="padding:0px 0px 16px 0px; direction:ltr;" dir="ltr"> <table class="" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td align="center" valign="top" style="padding:0 6px;"> <a href="https://click.e.miro.com/?qs=811be6f154b0fe3922e04f6fda5e5d9d80a010794229f124ce05d53c7efa73fc76ce2fa6464fa733bd62f711b44e701730a8d63896d256ef42604a07284f49eb" target="_blank"> <img class="content__mobile_social_icons" src="https://mirostatic.com/email/facebook-40x40.png" hspace="0" vspace="0" border="0" style="display:block; max-width:40px; width:40px;" width="40" alt="Facebook" aria-label="Link to Miro Facebook page"> </a> </td> <td align="center" valign="top" style="padding:0 6px;"> <a class="" href="https://click.e.miro.com/?qs=811be6f154b0fe3975b69101dfa0a945864a2234b4372f28c176bbe16671f10bf69109064db265fb3d5b4b86bc84b35d55f62590dca14b33aff393b862dc153e" target="_blank"> <img class="content__mobile_social_icons" src="https://mirostatic.com/email/x-40x40.png" hspace="0" vspace="0" border="0" style="display:block; max-width:40px; width:40px;" width="40" alt="X (formerly Twitter)" aria-label="Link to Miro X profile"> </a> </td> <td align="center" valign="top" style="padding:0 6px;"> <a class="" href="https://click.e.miro.com/?qs=811be6f154b0fe39f5c951293a45bfd9af8aee39c168cd1ab8ca64b1b3aa37f6415405b036a2c15e554f2254c2557a542640d9ed8f07dc8eaaf2bb3a7d3d475a" target="_blank"> <img class="content__mobile_social_icons" src="https://mirostatic.com/email/linkedin-40x40.png" hspace="0" vspace="0" border="0" style="display:block; max-width:40px; width:40px;" width="40" alt="LinkedIn" aria-label="Link to Miro LinkedIn page"> </a> </td> <td align="center" valign="top" style="padding:0 6px;"> <a class="" href="https://click.e.miro.com/?qs=811be6f154b0fe3981ae25e1e06bfd95a4f1372586a6e8d25bdc49e68696a74aa461193f69b142059fe9914e36aaf64c7dfbdaffb257398709d37a46275de1d2" target="_blank"> <img class="content__mobile_social_icons" src="https://mirostatic.com/email/youtube-40x40.png" hspace="0" vspace="0" border="0" style="display:block; max-width:40px; width:40px;" width="40" alt="YouTube" aria-label="Link to Miro YouTube page"> </a> </td> <td align="center" valign="top" style="padding:0 6px;"> <a class="" href="https://click.e.miro.com/?qs=811be6f154b0fe39decdf99930a14583a74e5f2d018b4c866348a5d19a8568723873590be50ba9553f24be47fbb98486084d668cc73e42afaaec92ce39dd0321" target="_blank"> <img class="content__mobile_social_icons" src="https://mirostatic.com/email/instagram-40x40.png" hspace="0" vspace="0" border="0" style="display:block; max-width:40px; width:40px;" width="40" alt="Instagram" aria-label="Link to Miro Instagram page"> </a> </td> </tr> </table> </td> </tr> <tr> <td class="" align="center" valign="top" style="padding:0px 0px 24px 0px; direction:ltr;" dir="ltr"> <table class="" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width:520px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" role="presentation"> <tr> <td class="" align="center" valign="top" style="padding:0; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr;" dir="ltr"> <!--[if (gte mso 9)|(IE)]> <table align="center" border="0" cellspacing="0" cellpadding="0" role="presentation"> <tr> <td class="footer__mobile_links" align="center" valign="top" style="padding:0 8px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr;" dir="ltr"> <![endif]--> <a href="https://click.e.miro.com/?qs=811be6f154b0fe39aae42101efda5b5f94b7f7507dfb96eafd88ecb0bcad27fdce642bc68e8a8443714d03c5c3a751af4f7a13854d867545b5c05be92b5db196" class="footer__mobile_links" style="display:inline-block; text-decoration:none !important; padding:0 8px; font-weight:bold; color:#4262FF !important;" target="_blank">Blog</a> <!--[if (gte mso 9)|(IE)]> </td> <td class="footer__mobile_links" align="center" valign="top" style="padding:0 8px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr;" dir="ltr"> <![endif]--> <a href="https://click.e.miro.com/?qs=811be6f154b0fe39b8acabd844097213fbf9fc776e31e4640a709ef8f00335517cc176f4e5b2c089ee7995336f30f9f48d8d963dc15697dd48ce9cb8a738f2e5" class="footer__mobile_links" style="display:inline-block; text-decoration:none !important; padding:0 8px; font-weight:bold; color:#4262FF !important;" target="_blank">Events</a> <!--[if (gte mso 9)|(IE)]> </td> <td class="footer__mobile_links" align="center" valign="top" style="padding:0 8px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr;" dir="ltr"> <![endif]--> <a href="https://click.e.miro.com/?qs=811be6f154b0fe398e37cb36bb897370a788d1175235b75267ef93a6d382810f5d86a59b1199bab0a34be20d9801d35847912fe4b0671ea0b07ab27729174a81" class="footer__mobile_links" style="display:inline-block; text-decoration:none !important; padding:0 8px; font-weight:bold; color:#4262FF !important;" target="_blank">Academy</a> <!--[if (gte mso 9)|(IE)]> </td> <td class="footer__mobile_links" align="center" valign="top" style="padding:0 8px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr;" dir="ltr"> <![endif]--> <a href="https://click.e.miro.com/?qs=811be6f154b0fe39da94ff7f873342e52df829ef9f51cf526a6afab7d758cba595306b21d2329a942a136143f885fa37610d26fdfabe81205629f64ff831c0af" class="footer__mobile_links" style="display:inline-block; text-decoration:none !important; padding:0 8px; font-weight:bold; color:#4262FF !important;" target="_blank">Community</a> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </td> </tr> <tr> <td class="content__mobilePad_0px_20px_40px_20px" align="center" valign="top" style="padding:0px 40px 40px 40px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr;" dir="ltr"> <span style="color:#1c1c1e !important; text-decoration:none !important;"> This email was sent to <a href="mailto:jonathan@digistorms.com" target="_blank" style="color:#4262FF !important; font-weight:bold; text-decoration:none;">jonathan@digistorms.com</a>. <!-- sfmc --> You can update your profile settings to change <a style="color:#4262FF !important; font-weight:bold; text-decoration:none;" target="_blank" href="https://click.e.miro.com/?qs=811be6f154b0fe3933305c7cc6bfb18eae9012a87f2e945fa5315c7d7eb134e7f35623b75602b31d18f467ad4e4c2126023c0058167ef79b23cc559dbee3a886">notifications</a>, preferred <a style="color:#4262FF !important; font-weight:bold; text-decoration:none;" target="_blank" href="https://click.e.miro.com/?qs=811be6f154b0fe39b8b149161efbea7d79d9b9c5dcdb8f5fd96ec8900f84ee79db472dd39833a17803e9f6c9cc0f455fda23b1efb8197f3f7c0cb457bb355c8e">language</a>, or <a style="color:#4262FF !important; font-weight:bold; text-decoration:none;" target="_blank" href="https://click.e.miro.com/?qs=811be6f154b0fe391a1cf107562a3bd9642bb0240e0e72074e70f28e9e4322eebfa4d53501c13b77ed6ef94122a8ce5e2411afdded8cbae431c0579ecd70e94c">unsubscribe</a>. </span> </td> </tr> <tr> <td class="content__mobilePad_0px_20px_24px_20px" align="center" valign="top" style="padding:0px 40px 24px 40px; direction:ltr;" dir="ltr"> <a href="https://click.e.miro.com/?qs=811be6f154b0fe39fa6246d7a20ea3a3017cd8aea53ab4cfb433b85deafd7e3a10fc53725bfc252dd42f69c4b4bd244be0b18eda292bb2af921b18924bbf5f63" target="_blank"> <img src="https://mirostatic.com/email/logo-cream-138x56.png" hspace="0" vspace="0" border="0" style="display:block; width:138px; max-width:138px;" width="138" alt="Miro"> </a> </td> </tr> <tr> <td class="content__mobilePad_0px_20px" align="center" valign="top" style="padding:0px 40px 0px 40px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; color:#1c1c1e; direction:ltr;" dir="ltr"> <!-- sfmc address --> <span style="color:#1c1c1e !important; text-decoration:none !important;">Miro, 201 Spear St., Suite 1100<br>San Francisco, CA 94105, United States</span> </td> </tr> <!-- help center / privacy policy --> <tr> <td class="content__mobilePad_20px_20px_0px_20px" align="center" valign="top" style="padding:16px 40px 0px 40px; font-family:'RoobertPRO', Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; direction:ltr; color:#1c1c1e !important;" dir="ltr"> <a href="https://click.e.miro.com/?qs=811be6f154b0fe395a3aaef9a805eb00132e586f4fd13806b9a425d0a7e1df4cb96b40945e4f8c4f96bfd7f12a19863f7ff5d3b6e3d9e05ba4a4404558b5fbab" style="display:inline-block; text-decoration:none !important; -webkit-text-size-adjust:none; font-weight:bold; color:#4262FF !important;" target="_blank">Help Center</a> | <a href="https://click.e.miro.com/?qs=811be6f154b0fe3916a15e52b2e3f0929ac7825523291bdb9ec4c2c31e4a90d6fb77ddfc2d92cfafcc3e94797a62d3652701dc82a7c402e87bab3be698df437b" style="display:inline-block; text-decoration:none !important; -webkit-text-size-adjust:none; font-weight:bold; color:#4262FF !important;" target="_blank">Privacy Policy</a> </td> </tr> <tr> <td align="center" valign="top" style="padding:60px 0px 0px 0px;"> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </td> </tr> </table> </div> <img src="https://click.e.miro.com/open.aspx?NUQ6YW2IJN7EHKZNLW6TKDYHNE.510001&d=510001&bmt=0" width="1" height="1" alt=""> </custom></center> </body> </html>