BY: SAVEY CATHEY BEST EMAIL MARKETING DESIGN PRACTICES: HOW TO.

Slides:



Advertisements
Similar presentations
Coding a Responsive HTML
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Chapter 3 – Designing your web pages Dr. Stephanos Mavromoustakos.
ADA Compliant Websites & Documents What the heck am I supposed to do?
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
| imodules.com Building Time-Saving Templates Presented by Chris Smith, Design Services Team Lead.
This is the first page of the log in, this is were you enter your unique details.
Designing a Classroom Web Site Using NVU Beginning Level.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
CMS Wiki Pages CMS Pages, the only approved and supported website service for CMS employees, has been failing and an alternative needed to be implemented.
Website design Feng Zhao College of Educatioin California State University, Northridge.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Eat Your Words! Creating webpage Layout. CONTENT The Layout of a Webpage HEADER FOOTER Each of these sections represents a ‘div’ (or divider). By linking.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Web Technologies Website Development Trade & Industrial Education
Newsletters Best Practices for Composition These training materials have been prepared by Aspiration.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Continued BrokersLink Redesign. General Changes All Headlines, Main Nav options and Sub Nav options will be in the Google font Roboto Slab (Normal 400.
Website Development with Dreamweaver
1 Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page HTML.
Mozilla Suite 1.7 Web Browser and newsgroup client, IRC chat client, and HTML editing Download:
Session 1 SESSION 1 Working with Dreamweaver 8.0.
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Lesson 05 // Web Design, Layout & Structure 1.Web Design/Designer-Coder Relationship 2.Fixed vs Fluid Website Layouts 3.Screen Resolutions.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Lesson 02 // Elements & Attributes. There are different types of elements, but the 2 most important ones are BLOCK and INLINE. Block elements flow from.
Marketing Amanda Freeman. Design Guidelines Set your width to pixels Avoid too many tables Flash, JavaScript, ActiveX and movies will not.
TITLE IN CAPS Type sub-title here – this can be the date of the presentation, the presenter’s name or a longer explanation of the presentation subject.
| imodules.com HTML Best Practices: The Key to a Successful Starts with the Template Presented by Chris Smith, Manager of Design.
Principles of effective web design NOTES Flo Morris-Duffin.
TEMPLATE DESIGN © Professional Template for a 24x36 poster presentation Your name and the names of the people who have.
Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.
Designing an appealing web page. You have already finished the HTML and CSS code for creating and formatting web pages. Now that you have these skills,
Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Web Site Development - Process of planning and creating a website.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Qmags At The Cutting Edge of Digital Publishing. Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.
TITLE ClubRunner for Webmasters & Editors Home Page Stories, Site Pages Events and Speakers Communications and eBulletins.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Elements & Attributes. There are different types of elements, but the 2 most important ones are BLOCK and INLINE. Block elements flow from top to bottom.
Yahoo! Mail We gave Google some good press so we’ll use Yahoo! mail as our example for web s. If you don’t have an account Yahoo! will provide.
Broadcast TOOLS AND BEST PRACTICES. Is your communication successful? Why or why not? Have you even thought about it? What is your current.
TEMPLATE DESIGN © Professional Template for a 36x48 poster presentation Your name and the names of the people who have.
Click to start Improve Your Response Rates Dawn Sims MARKETING:
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page.
Overview Review Elements
Cascading Style Sheets for layout
4. Search button should work only if there is a key word.
Weebly Elements, Continued
Chapter 2 Developing a Web Page.
Professional Template for a 36x48 poster presentation
Overview Review Elements
Fixed Positioning.
Professional Template for a 36x48 poster presentation
Elements of Effective Web Design
Professional Template for a 36x48 poster presentation
Presentation transcript:

BY: SAVEY CATHEY BEST MARKETING DESIGN PRACTICES: HOW TO

STEP 1: KEEP THE DESIGN SIMPLE Nicely designed, but somewhat basic Main header image followed by the main content The cleaner the design, the easier it will be to code and open in various browsers

STEP 2: AVOID BACKGROUND IMAGES Use block colors when you have a lot of text Use funky gradients Only uses images as backgrounds when no text is involved

STEP 3: STICK TO 3 TYPEFACES OR FEWER Simple design, less clutter Easy to read fonts Don’t junk up your with more than 2, or at max, 3 typefaces

STEP 4: USE TABLES clients live in the past, so all s must be built using tables for layout In regards to coding and CSS code

STEP 5: KEEP MAIN MESSAGE AND CALL-TO-ACTION ABOVE THE FOLD If your main call-to- action button falls below the fold, then as many as 70% of recipients won’t see it Any call-to-action button should be repeated at least 3 times throughout the

STEP 6: PUT YOUR LOGO IN THE UPPER LEFT- HAND SIDE OF THE Eye tracking studies have found that people instinctively look for logos in the upper left-hand side of s Put your logo in the upper left-hand side to ensure it gets more visibility

STEP 7: MINIMIZE COPY AND TEXT Don’t overwhelm users with more text than they can read Do not include so much text that the is at risk going to a spam folder or a junk folder Use shorter text blocks that link back to full articles or product pages on your website or to landing pages

STEP 8: NO WIDER THAN 600PX On average the smallest preview panel is around 600px If you go wider than 650 pixels, then you’re asking users to scroll horizontally to read your entire message

STEP 9: MINIMIZE THE USE OF IMAGES Always remember that in the vast majority of your subscribers service providers inboxes images will not load Do not rely on images alone to sell your product or convey your message

STEP 10: GIVE ALL IMAGES ALT TAGS Always use alt and title text behind images to ensure that there is still a copy appearing even when your images do not load Styling the for which images are in, with font types, size and color, will allow for your to degrade gracefully when images are off by default

STEP 11: DO NOT SET WIDTHS OR HEIGHTS TO IMAGES Again, this is a further step to take in order for a lovely gracefully degraded If images are off by default, there dimensions will be present, leaving a lot of unnecessary white space throughout

STEP 12: USERS WANT OPTIONS Consider, at the top of the , to have a link which points to the on a web server somewhere, so the user can view the in all its glory

STEP 13: USE INCENTIVES TO INCREASE OPEN RATES When you include an incentive in your subject line, you can increase open rates by as much as 50% “Free shipping when you spend $25 or more” “Receive a free iPod with Demo”

STEP 14: CLOSELY TIE S TO LANDING PAGES Your landing page should match the in terms of headline, copy, and content. Make sure to use tracking tools to see which s and landing pages performed the best

STEP 15: BE CAN-SPAM COMPLIANT It’s the law Make sure your physical mailing address is in the Make sure users can unsubscribe from your with either a single click or by replying to the Make sure the conveys that it is an advertisement

STEP 16: MAKE IT EASY TO UNSUBSCRIBE The risk of making it difficult for users to find a way to unsubscribe from your is that they will instead mark it as spam Make it easy and simple for users to find a way to unsubscribe

STEP 17: TEST IT OUT! Always test your on various platforms to ensure that it is successful

WORK CITED Comm100 Net. Tuts +