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
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.