Marketing and Conversion Optimization Blog

About the Invesp Blog

This blog is brought to you by the team at Invesp Consulting, an e-commerce conversion optimization company.

Meet the authors of the invesp blog: Ayat, Khalid , and Chris.

More about Invesp Consulting

Subscribe

RSS Subscribe via RSS Feed

Or, receive weekly updates by email:


Free Landing Page Templates

Landing page templates

Two easy to customize, highly converting landing page templates. Download Now!

By stephend on January 30, 2008 12:01 am

Why are so many landing pages ugly? Or at least bereft of many basic graphic design principles? These were the thoughts I had recently when I opened the first of two pages in a search for press release services.

ereleases page

I don’t want to hurt any feelings, but the eReleases.com landing page is UGLY. I’d love to see my eye tracking path for this one – it would probably look like a plate of spaghetti. My head spun with stimuli - headline with “MSWord” style highlighting – hey, there’s a NY Times and USA Today logo – Whoa! that chart looks pretty major – etc..

eReleases.com is lucky that I fancy myself a student of the Landing Page, if not I would have run away after a couple of glances. Poor page design causes confusion and the viewer is more likely to find fault with the page.

Most of you would have spotted the major issue with the eReleases.com page by now – where’s the CALL TO ACTION? That’s sort of strike three right there, but my post would be too short so let’s call it strike one and they have unlimited strikes – they need it.

Some other strikes against the page:

  • The Chart – dominates the page and, without any real design, does so to the detriment of other elements
  • Nothing to draw me below the fold – my screen resolution is 1024×768, the bottom of the page lies very neatly below the “exclusive partnership” paragraph under “What is National Distribution?” I could quite easily presume that’s all there is to the page.
  • What kind of question is “What is National Distribution?” - it’s redundant, national distribution is national distribution.
  • Headline – interesting, but dominated by the chart and logos to the right and, when I read it, I found the awkward highlighting somewhat destabilizing to my comprehension.

I could go on and try to emulate The Maven, but I’d probably fall quite short and I want to tell you about the second page I opened – PRWeb.com.

bu03.png

What a difference! I’m a big fan of whitespace and I was starved for it after eReleases.com . The design is superior to eReleases.com on almost every front:

  • Well-balanced elements - center justified
  • The image – nicely compliments the page. The model faces the copy and the mouth of the bullhorn aligns perfectly with the headline. Good, solid graphic design.
  • Headline - easy to understand, outlines the value proposition, with just enough weight and space to standout without dominating any other elements.
  • Testimonials - Clearly highlighted and numerous to instill trust
  • The copy - bulleted for easy scanning
  • Links - to a sample PRweb news release and a nifty video that quickly reinforce the value proposition.
  • The Form - fairly short to minimize form fear
  • Call to Action - above-the-fold – imagine that!

I thought it would be quite easy to determine the better page. But, as I mentioned, I fancy myself a bit of a LP student so I took another look at both pages. My second impression surprised me.. but I will have to leave that to tomorrow’s blog!

Share and Enjoy:
  • StumbleUpon
  • del.icio.us
  • Reddit
  • Propeller
  • Sphinn

RSS If you enjoyed this post, Subscribe to the Invesp blog to receive more posts!

8 Responses to “ Beautiful vs. Ugly…and the winner is….part 1”

 
ayat Says -- January 30th, 2008 at 11:23 am

It’s true, a landing page needs to capture the reader right away, and e-releases does not do that! I’m looking forward to your 2nd installment!

 
SuppSpace Says -- January 30th, 2008 at 12:40 pm

I hope in your second installment you reveal which service is actually better- can’t wait!

 
Micro media Says -- January 30th, 2008 at 5:18 pm

Interesting comparison, but I wouldn’t jump so quickly to say the second is better. The left side, where the eye will go just after the header, has a pointless picture of some woman… not any smarter. The first just needs a little color correction and white-space.

 
Rajat Says -- January 30th, 2008 at 7:22 pm

Is there a good summary of things to take care of on a landing page?

 
Khalid Says -- January 30th, 2008 at 7:25 pm

@Rajat, we will be publishing a white paper on guidelines for landing page optimization soon. There is also the the upcoming Webniar: Love Your Landing Page: Tips to Increase Ecommerce Conversion with elastic path. The info is in the top section of the page

 
Stephen Da Cambra Says -- January 31st, 2008 at 12:21 am

Ayat - I can’t wait either! Thanks for the comment.

Supp - Don’t forget, this is just my humble opinion, but I’m glad you are interested.

MicroMedia - “My second impression surprised me.. but I will have to leave that to tomorrow’s blog!” I think you make some very good observations. Thanks.

 
free softwares expert Says -- February 5th, 2008 at 6:27 pm

Yes, I agree e-releases landing page is ugly.

The best landing page is the one that is simple yet able to convey the main idea into visitor’s brain quickly.

Now, how to combine simplicity, good idea communication and preferably good visual presentation?

That’s why, many people thinks that web design is a form of art.

 
Stephen Da Cambra Says -- February 5th, 2008 at 9:24 pm

Free Software Experts - Well put. I think any LP that uses your recipe, in the right balance, should have success. LP design is an art form, and the beauty of it in the eye of the beholder - the person heeding the call to action.

I guess the conclusion I arrive at in part 2 is that, in the absence of the perfect combination, good visual presentation by itself might make better at “the art of LP design” than good communication and/or simplicity that is not presented well - if only by keeping visitors on the page longer.

Thanks for your comment.

 

What do you think?