Mobile-first layout for email invitations

One of the biggest mistakes dispensaries make with email marketing? Well lets just say around 70-80% of emails are viewed on phones and 100% of emails are designed on desktop. *The mistake is not designing for Mobile viewing* - text is too small - graphics out of proportion - small buttons - overall layout doesn’t flow 👉 Solve it with these tips: ➤ ALWAYS preview the design on the mobile-view in the email builder and send yourself a test email to check it out on your phone. ➤ Adjust the text sizing so it’s comfortable to read, headlines are 2-3x larger than paragraph text, color of the text contrasts against the background color or image it’s on top of. ➤ Don’t jam too many graphics in one view — a “view” is how the person sees the entire screen at once and how many elements are presented to them. Try to show them 1-3 max… not 5+ sections or else it’s overwhelming. Give them a smaller amount to focus on at a time. ➤ Make your buttons larger and enticing to click on. Don’t turn it into a game of thumb accuracy. Pro Tip: give every image a link. ➤ Create a “Scroll Flow” What’s that? It’s a Tact Firm term we have for our mobile layouts. I define it as: a deliberate encouragement to scroll further into the content. Always tease the next section so the user is encouraged to scroll down, creating downward movement. Overlap sections. Use arrows or other directional graphics 👇 We see these mistakes ALL THE TIME when we conduct our Free Retention Audits for dispensaries.

Email design that converts: what actually works? 🤔 Most brands overthink email design. They either go too fancy (and kill conversions) or too basic (and look forgettable). Here’s what actually drives sales in Ecom email design: 🎨 Keep It Clean & Focused - Too many elements = distraction. ✔️ Stick to one goal per email. If it’s about a product, make that the clear focus. 📱 Mobile First Always - Over 60% of emails are opened on mobile. ✔️ Use large fonts (16px+), big buttons, and avoid tiny text or cluttered layouts. 👀 Visual Hierarchy Matters - Guide the reader’s eyes. ✔️ Bold headlines, clear sections, and a CTA that stands out (not hidden in a block of text). 🖼 Images vs. Plain Text? Test both. ✔️ Some audiences love minimalist, plain-text emails (especially for retention). Others respond better to clean, branded visuals. Test what works for you. 🎯 CTA Button = Make It Obvious ✔️ No vague “Learn More.” Use “Get Yours Now” or “Claim Your Offer” instead. ✔️ Place your CTA above the fold - don’t make people scroll too much to find it. 📩 Dark Mode Compatibility - Many emails break in dark mode. ✔️ Test how your emails look on different devices & dark mode settings. 💡 Simple Wins - Consistency sells. Your emails should feel on-brand but easy to digest. If your design isn’t making the buying process frictionless, it’s working against you. #emailmarketing #ecom #ecommerce

When I sent my first Klaviyo campaign, it looked pretty… until I realized 70% of people couldn’t even read it on mobile.  Here are 10 things I wish I knew before hitting send: 1: Always turn on this setting on your klaviyo to ensure that your campaigns are optimized for mobile. Go to templates → styles (top right) → mobile optimization. 2: Keep your header cluster-free. You don’t need navigation buttons like “Shop, New Arrivals, Men, Women.” Why? Two reasons: It confuses your readers aka information fatigue. It crowds your “above the fold” space. Best strategy? Add those links at the footer instead. 3:  If you must use navigation buttons, make sure to adjust the settings. Ensure it’s not stacked. Always preview to confirm. 4: Also, you can have the navigation buttons on the desktop only. Template → Header Bar → Display 5: For body text, font size should be 14-16px. And if your audience is older,  you might want to go for 18px. 6:  Subject lines must be between 4-6 words. Anything beyond that would likely get buried on mobile 7: Think mobile first. I know a lot of people don’t want to hear this, but the easiest way to think mobile first is to build on mobile. That way, you’re aware of whatever changes need to be made and can see how it looks on mobile. 8: Optimize images for mobile. Smaller file sizes = faster load 9:  Bigger buttons, bigger text. If your thumb can’t tap it, your customer can’t either. 10: Always send a preview to yourself. No matter how fast you want to send out that campaign, always, always send yourself a preview. And make sure to click every link to ensure they’re properly linked. TL:DR? Turn on optimize for mobile option on klaviyo Avoid header navigations Keep subject lines short Body texts; 14-16px Think mobile first Optimize images for mobile Bigger cta buttons Always preview Follow Maryann Abonyi for more If you're an ecom brand owner, I run an email and SMS agency focused on helping you make the most money with our KEEPFLOW™ retention strategy. If customers ghost you after the first sale, then your retention strategy sucks. Let’s fix that. Book a call for a free audit → uptiveagency.com

Your email design is killing mobile conversions. 70% of emails are opened on mobile. Yet I still see tons of brands design primarily for desktop. Mobile-first rules: - Single column layout - Large, tappable buttons - Minimal text - Clear layout - Fast loading images Test every email on your phone before sending. Even better check on light and dark mode! If it's hard to read or click, fix it. Mobile experience = revenue. Desktop is secondary.