Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I have a client and he's been wanting me to create an e-flyer for him. When I first read it, I wasn't paying much attention to the details so I ended up thinking he just wanted a flyer for printing. So when I checked again cause I've been wanting to work on it, I realized that it's an e-flyer and I have no idea how to do this. I've read articles and discussions here but I can't seem to find the answer.

So here's the approach that I've been thinking. Please tell me if it's correct or not and the disadvantages of using this approach and a better way of doing it.

  • Use Photoshop to design the header, footer, body/background
  • Then use divs or tables to have it working (my client wants a video on the e-flyer as well)

Also, I want to know what would be the best width for an e-flyer and can I use CSS for the layout and fonts?

Thanks!

share|improve this question
1  
e-flyer? I have no idea what it is. I can see two alternatives. 1. a "designed" email. 2. a file (i.e. a pdf). You should ask the client, and maybe pay a bit more attention? –  Random O'Reilly Jan 4 at 0:48
    
    
Right. So it is simply a graphic document? Then I do not understand the question? You design it. Does not seem to have anything to do with code. –  Random O'Reilly Jan 4 at 0:58
    
I would think its just an email using HTML to mark up formatting. I think your best bet would be to design it as you would a single page website. –  OghmaOsiris Jan 4 at 0:59
1  
@boblet As I have said, the client wants a video in it as well. –  CheeseCake Jan 4 at 0:59
show 6 more comments

1 Answer

up vote 8 down vote accepted

"e-flier" is a bit of a nonsense term. It means nothing since electronic delivery can be done in so many various ways.

If the client wants a file he can email to perspective people when requested, then a PDF is appropriate. You can embed video, audio, and other interactive elements in a PDF. How you generate the PDF really depends upon what software you have available. Adobe InDesign has many features designed to create interactive PDFs.

If the client wants a "landing page", single web page, or link he can direct people to then standard HTML/CSS markup is appropriate. Basically, it's just a web page. Create it how you would create any other web page.

If the client wants an email to be sent out to perspective people, then using HTML tables is more appropriate. Yes I typed "tables". Email clients are still well behind many browsers. If you want email clients to see things properly using tables is still the best method. You should avoid all background images (some email providers strip them away like GMail) and make all your CSS inline rather than external or referenced in the header. In this case, I can not state emphatically enough that a video in the email is a very poor idea. You should try with all your might to discourage this. It will raise the spam rating of the email considerably. High spam level marks will get the client blacklisted from many email services. Once blacklisted, it can take quite some effort to get white listed again. There are some helpful services for email HTML files such as Premailer which will move styles to inline and other things in preparation for emailing.

Here is a link to check your email for spam ratings.

And here is a link to show what CSS is supported in various email clients.

share|improve this answer
    
My client wants an email to be sent out but can I use divs instead of tables? I'm sorry I'm really bad at coding. –  CheeseCake Jan 4 at 2:34
1  
Generally it's better to use tables for emails. Many email clients do not support divs well and still work best with mid-90's HTML structures. Outlook is notorious for being poor with rendering xHTML or HTML5 and Outlook is a very popular email client. –  Scott Jan 4 at 3:04
    
I see. Thanks! This is really helpful. –  CheeseCake Jan 4 at 3:10
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.