A web solution blog

How to design a perfect landing page

Design a landing page is slightly different from designing a web page.

But what is a landing page?

If you goggle the term you will got a wiki definition:

“..landing page - is a single web page that appears in response to clicking on an advertisement. The landing page will usually display directed sales copy that is a logical extension of the advertisement or link.”

There are two types of landing pages: reference and transactional. The reference type is the on that is build on AIDA principles:

  • A – Attention (Awareness): attract the attention of the customer.
  • I – Interest: raise customer interest by focusing on and demonstrating advantages and benefits (instead of focusing on features, as in traditional advertising).
  • D – Desire: convince customers that they want and desire the product or service and that it will satisfy their needs.
  • A – Action: lead customers towards taking action and/or purchasing.

read more

CSS3 basic stuff coding

The basic stuff of CSS rule starts with a selector, that could be an ID or a class, and then in the curly brackets you have the property with the value:

selector { property : value; }

The specifications for CSS3 are still under development on W3C (World Wide Web Consortium – the organization that sets the standards in web development, including HTML and CSS – www.w3.org) and to avoid confusion and future compatibility with CSS properties, browsers developers introduce browsers-specific properties.

For Firefox browser:
selector {-moz-property: value;}
read more

CSS Hacks notations for IE 6, 7 and 8

Like it or not, the CSS coding is different for browsers, IE in particular.
As a HTML/CSS coder I have been put in a situation to deal quickly with CSS bugs that appear mostly in Internet Explorer, no matter what version it was: IE6, IE7 or IE8.
The elegant way (and long way I should say) to deal with this type of problem is to write separate CSS files for IE 6, IE 7and IE 8 if is necessary and put a conditional statement in the header of your index page, like in example bellow:
read more

Search

Categories

Older posts