Description

Responsive e-mailing is becoming essential: on average, a person checks their phone more than a hundred times a day and half of all emails are opened from a mobile device. This course will teach you how to create a Responsive design for your emails and newsletters, regardless of the routing tools used.

Who is this training for ?

For whom ?

Anyone producing newsletters and/or e-mailings.

Prerequisites

Training objectives

Understand the challenges of mobility and Responsive Web Design

Know the limits of Responsive Design and its alternatives

Create an email optimized for mobile media

Training program

• Understanding the principle of Responsive Web Design (RWD)
  • User needs to be met.
  • Different mobile/desktop uses.
  • Statistics by browser and by platform.
  • Browsers up and down range.
  • Update constraints.
  • Exchanges Advantages and disadvantages of RWD.
• Identify mobility issues
  • Mobile email figures and trends.
  • Risks of a non-mobile-optimized strategy.
  • Best practices.
  • Exchanges List the arguments to implement a mobile strategy.
• Choosing the right break points
  • Media Queries CSS3.
  • CSS units to use.
  • Breaking points in Mobile First JavaScript.
  • Notion of progressive improvement .
  • Option to refocus on content.
  • Development methods.
  • Case study Reflection based on a case on the points of break used.
• Master basic email coding techniques
  • Message architecture: HTML tables, built-in styles.
  • List of compatible CSS properties.
  • Main rendering bugs and solutions.
  • Example Overview of encoding techniques.
• Know the prerequisites for mobile optimization
  • Techniques for designing a mobile email.
  • Analysis and optimization of your content strategy: editorial charter, graphic constraints.
  • Case study rnAs a group, define the elements for mobile optimization.
• Discover the three approaches to a mobile email strategy
  • How e-mail campaign link tagging works.
  • Simplified adaptation.
  • Concepts of "fluid" and "scalable", " adaptive" or "Responsive".
  • Specificities depending on the messaging clients.
  • Exchanges The different optimization solutions.
• Design a Responsive Email
  • Integration of Media Queries.
  • Coding of HTML tables.
  • Management of characters and text blocks.
  • New challenges in the 'CSS integration for e-mail.
  • Progressive improvement with CSS3.
  • Practical work Creation of an HTML template adapted to mobile media.
  • Carrying out tests: multi-media and terminal visual rendering.