SFMC Email Template Practice (Figma → Drag & Drop)

-

 

🚀 SFMC Email Template Practice (Figma → Drag & Drop)

📩 Task 1: Dunder Mifflin Email Template

What I Learned:

  • Basic email structure (header, body, footer)

  • Using single-column layout effectively

  • Text alignment and spacing for corporate style



👗 Task 2: Fashion Newsletter Email

What I Learned:

  • Multi-column layouts (2-column/grid)

  • Image + text balance

  • Font pairing (serif + sans-serif)

  • Creating visual hierarchy



🏥 Task 3: Healthcare Email Template

What I Learned:

  • Using soft color palettes (pastel tones)

  • Creating clean and minimal layouts

  • CTA placement (“Book my screening”)

  • Content readability and spacing



⚡ Task 4: Electronic Promotion Email

What I Learned:

  • Background color matching with images

  • 2-column promotional layout

  • Strong CTA design

  • Product-focused email structure



⚠️ Challenges Faced

  • Matching exact colors from design

  • Limited font support in email

  • No gradient support in drag & drop

  • Spacing and alignment issues

  • Making design responsive

Comments

Post a Comment

Popular posts from this blog

Mastering CASE Statement in Salesforce Marketing Cloud (SFMC SQL)

-
Image
  Mastering CASE Statement in Salesforce Marketing Cloud (SFMC SQL) In Salesforce Marketing Cloud (SFMC) , data alone is not useful unless you can convert it into actionable marketing insights . This is where the CASE statement becomes powerful. It allows you to: Segment users Personalize campaigns Define marketing strategies Automate decision-making directly in SQL In this blog, I’ll walk through real-world SFMC use cases , along with queries and outputs , exactly how they are used in marketing scenarios. 📊 Dataset Used (Customer_Master) We are using a sample Data Extension: 🔹 What is CASE in SFMC SQL? The CASE statement works like IF-ELSE logic , helping marketers categorize users dynamically. 👉 Instead of manually creating segments, SQL does it for you.  Use Case 1: Age Group Segmentation 🧾 Query SELECT FirstName, CASE WHEN Age < 18 THEN 'Minor' WHEN Age BETWEEN 18 AND 40 THEN 'Adult' ELSE 'Senior' END AS ...
Read more

A/B Testing in Salesforce Marketing Cloud (Step-by-Step Guide)

-
Image
   A/B Testing in Salesforce Marketing Cloud (Step-by-Step Guide) A/B testing is one of the most powerful features in Salesforce Marketing Cloud that helps marketers optimize email performance using real data. In this blog, I’ll walk you through how I created A/B tests for: ✅ Subject Line ✅ Preheader Let’s dive in 👇 📌 Step 1: Create Two Email Variations The first step is to create two different email versions with: Different subject lines Different preheaders Different content These variations will be used for testing performance. Email A    Email B    📌 Step 2: Create a New A/B Test Go to A/B Testing Click on Create New Test Give your test a name Select Subject Line Test Browse and select both email versions Enter: "vs Subject Line" for testing Click Next 📌 Step 3: Select Recipients Now choose your audience: Select from: List Data Extension Data Filter You can also define: Publicati...
Read more

📧 Creating & Sending a Test Email in Salesforce Marketing Cloud (SFMC)

-
Image
  📧 Creating & Sending a Test Email in Salesforce Marketing Cloud (SFMC) In this task, I learned how to create an email template and send a test email using Email Studio in Salesforce Marketing Cloud. This is a fundamental skill for email marketing because it ensures your email looks perfect before sending it to real users. 🚀 Step-by-Step Process 1. Go to Email Studio Login to SFMC Navigate to Email Studio 👉 This is where all email-related activities like content creation, sending, and tracking are done. 2. Open Content Builder Click on the Content tab 👉 Content Builder is used to create and manage emails, images, and templates. 3. Create a New Email Click on Create Select Email Message 4. Choose Creation Option You will see multiple options: Template Template + AMP HTML HTML + AMP Text Only Existing Email 👉 We select: Template Reason: Easy drag-and-drop builder No coding required 5. Select Layout Choose ...
Read more