ms & enewsletters - edms a… · building an edm or enewsletter. the template is designed to be...

12. eDMs & eNewsletters

12. EDMS & ENEWSLETTERS

Electronic Direct Mailers (eDMs) and eNewsletters are email communication materials that are often used to present personalised content to recipients.

All eDMs & eNewsletters should be created with recommended 600px width.No keyline is required.

As much as possible, copy within eDMs & eNewsletters should be in HTML text for better viewability across major email providers.

Mobile-responsive versions of eDMs & eNewsletters should be rendered by the marketing automation platform automatically, upon creation of the desktop artwork.

12.1 OVERVIEW

Desktop

EDM & ENEWSLETTER SAMPLES Examples shown are not presented in actual size and are for visual references only.

Mobile

BUILDING AN EDM OR ENEWSLETTER

The template is designed to be modular in nature - allowing you to remove or add content sections as required.

When building an eDM or eNewsletter, it is mandatory to start the layout with a Header and end with a Footer, following the necessary anatomy guidelines shown in 12.2.

Content Sections between the Header & Footer can be added in accordance to the information required to be communicated. These sections are modular and do not have a fixed sequence of presentation.A minimum spacing of 20px is required in between each Content Section.

TEMPLATE ARTWORKThe template is available in a HTML working file and serves as a base template to create eDMs & eNewsletters, depending on the sections required. Please download the template from Percolate.Do not create layouts without using the available template.

12.1 OVERVIEW

Mandatory

LAYOUT OF EDM & ENEWSLETTER Mandatory sections include the Header and Footer as marked in pink, while sample content sections shown on the right are modular and added between the Header & Footer where applicable.

Headline & Body Copy Image

Headline & Body Copy Event Schedule

Listings Call-to-Action (CTA) Button

Partner Logo Placement

12.2 ANATOMY FOR EDMS & ENEWSLETTERS

12.2 ANATOMY & STRUCTURE - GENERIC EDMS & ENEWSLETTERS

1) TANGRAM BARThe height of the Tangram Bar is fixed at 60px height. The gradient colour on the right of the bar will change in accordance to the featured Corporate, School or Thematic cluster.

2) SMU LOGO The SMU Logo is always placed on the left within the white space of the Tangram Bar, with necessary logo clearspace as shown in 2.2.9.The SMU Logo can be accompanied by a School/Department logo where applicable.

3) CO-BRANDING LOGOWhere applicable, the SMU Logo can be accompanied by a co-branding logo to its right, in adherence to necessary clearspace of each logo. Refer to 6.1 for the definition of co-brands.

4) PROGRAMMATIC / THEMATIC INDICATORWhere applicable, the Programmatic or Thematic Indicator is featured on the right of the Tangram Bar in CAPS, in font size of 12px.

5) SINGLE-PARTNER LOGO PLACEMENTWhen there is only one partner to feature, the logo can be placed on the right, after the Tangram Bar, within the height space of 60px.

6) MAIN HEADLINE & BODY COPYHeadline copy is fixed at 36px while body copy is fixed at 12px. All copy should be in font “Oswald Reg” in HTML text where possible.For scenarios where alternative fonts are needed, please refer to 2.7.

7) MAIN IMAGEThe main image is to be at 600px width with minimum height of 200px height. Image should also have minimum resolution of 72dpi.

8) CALL-TO-ACTION BUTTONThe Call-to-Action button is always centrally aligned to the eDM or eNewsletter, in the colour of the featured Corporate, School or Thematic cluster. Height of button is fixed at 20px, with text within button at a minimum font size of 12px.

Priority of visual representation should be in the following order:

Keep to indicated height spacing at all times.

1. Desktop – Part 1

9) TWO-COLUMN CONTENTWhere applicable, additional content can be presented in two columns as shown, with minimum image size of 240px x 140px, sub headline at minimum font size of 20px and copy in HTML text in minimum 12px font size. No more than two columns of content is allowed per row.

10) LISTING CONTENT Where applicable, additional content can be presented in the format of 60px x 60px, sub headline at minimum font size of 20px and copy in HTML text in minimum 12px font size.

11) MULTIPLE-PARTNER LOGO PLACEMENTWhen there are multiple partners to feature, the logos can be placed before the Footer.A maximum of 4 logos with minimum clearspace of 20px between each logo is allowed in each row. Each logo should be at a minimum size of 80px x 25px.

12) FOOTERFooter is fixed in presentation as shown, with exception to the social icons to feature. A maximum of 6 social icons with minimum clearspace of 20px between each icon is allowed. In the event where there are no social pages to link to, the Footer should include the six Corporate social icons as per layout. Colours of social icons are to follow the colour of the featured Corporate, School or Thematic cluster.

–TEMPLATE ARTWORKThe template is available in a HTML working file and serves as a base template to create eDMs & eNewsletters, depending on the sections required. Please download the template from Percolate.Do not create layouts without using the available template.

This template is designed to be modular in nature and you may remove or add on additional sections as required.

Do not create layouts without using the available template.


1. Desktop - Part 2


2. Desktop – Event Schedule Content Module

When featuring an event schedule, timings are to be indicated on the left while programme titles and descriptions are on the right.

The timing and programme information are aligned left within each column, with spacing of 80px in between.

This content module can be featured as part of the content builds, following the Anatomy & Structure shown in 12.2.1.

For examples of eDMS & eNewsleters featuring an event schedule, refer to 12.4.



12.3 EXAMPLES OF GENERIC EDMS & ENEWSLETTERS

The sample on the right is optimally configured to show a generic eDM or eNewsletter.

Refer to the Anatomy & Structure in 12.2 for application details.


1. Schools – Desktop


2. Schools – Mobile




3. Institutes/ Centres/ Labs Affiliated with a School – Desktop




4. Institutes/ Centres/ Labs Affiliated with a School – Mobile






5. Institutes/ Centres/ Labs Not Affiliated with a School – Desktop




6. Institutes/ Centres/ Labs Not Affiliated with a School – Mobile




7. Department-Based Programmes Affiliated with a School – Desktop




8. Department-Based Programmes Affiliated with a School – Mobile




9. Department-Based Programmes Not Affiliated with a School – Desktop




10. Department-Based Programmes Not Affiliated with a School – Mobile




11. Research-Based Programmes – Desktop




12. Research-Based Programmes – Mobile




13. Thematic Cluster – Desktop



For the definition of co-branding partner, please refer to section 6.1.


15. Thematic Cluster with Co-Branding – Desktop





16. Thematic Cluster with Co-Branding – Mobile




17. Thematic Cluster with Multiple Partners – Desktop




18. Thematic Cluster with Multiple Partners – Mobile





19. Department-Based Programmes with Co-Branding Affiliated with a School – Desktop





20. Department-Based Programmes with Co-Branding Affiliated with a School – Mobile

12.4 EXAMPLES OF EDMS & ENEWSLETTERS FEATURING EVENT SCHEDULE

12.4 EXAMPLES OF EDMS & ENEWSLETTERS FEATURING EVENT SCHEDULE1. Schools – Desktop

The sample on the right is optimally configured to show a generic eDM or eNewsletter featuring an event schedule.


12.4 EXAMPLES OF EDMS & ENEWSLETTERS FEATURING EVENT SCHEDULE2. Schools – Mobile




3. Institutes/ Centres/ Labs Affiliated with a School – Desktop




4. Institutes/ Centres/ Labs Affiliated with a School – Mobile




5. Institutes/ Centres/ Labs Not Affiliated with a School – Desktop




6. Institutes/ Centres/ Labs Not Affiliated with a School – Mobile




7. Department-Based Programmes Affiliated with a School – Desktop




8. Department-Based Programmes Affiliated with a School – Mobile




9. Department-Based Programmes Not Affiliated with a School – Desktop




10. Department-Based Programmes Not Affiliated with a School – Mobile



12.4 EXAMPLES OF EDMS & ENEWSLETTERS FEATURING EVENT SCHEDULE11. Research-Based Programmes – Desktop



12.4 EXAMPLES OF EDMS & ENEWSLETTERS FEATURING EVENT SCHEDULE12. Research-Based Programmes – Mobile




14. Thematic Cluster – Mobile



15. Thematic Cluster with Co-Branding – Desktop





16. Thematic Cluster with Co-Branding – Mobile





17. Thematic Cluster with Multiple Partners – Desktop




18. Thematic Cluster with Multiple Partners – Mobile





19. Department-Based Programmes with Co-Branding Affiliated with a School – Desktop





20. Department-Based Programmes with Co-Branding Affiliated with a School – Mobile




For more information, please contact:

Office of Corporate Communications and Marketing Singapore Management UniversityAdministration Building 81 Victoria StreetSingapore 188065

Email: [email protected]

mailto:[email protected]

ms & enewsletters - edms a… · building an edm or enewsletter. the template is designed to be...

Documents