How to Design a Conversion-driven SaaS Pricing Page?

Your marketing site is often the first thing your visitors see–and often the one thing that prevents them from signing up for your product. Excellent design has become a competitive differentiator in the startup ecosystem today.

Your marketing site is often the first thing your visitors see–and often the one thing that prevents them from signing up for your product. Excellent design has become a competitive differentiator in the startup ecosystem today.

The perfect pricing architecture

But great design is not just about the “looks”. Excellent design gets results. It increases signups, converts leads, boost sales, and makes money[^1].

macbook.png — Image of Macbook Air by Rob Turlinckx

But what if it doesn’t? Where do you find the exact problem? As a SaaS business owner your time is valuable. If you’re lucky you have a great team available with a certain unique set of skills, knowledge and experience. But the truth is, your team has only the same amount of time in a day as you. They’re often overwhelmed with other tasks and optimising the marketing site is not the #1 priority on the list.

Don’t let your marketing site be a roadblock in your product’s success.” e It wasn’t too long ago that there was one set of rules for use of type on print and use of type on screen. Now that we have screens that are essentially print quality, we have to reevaluate these conventions.

Web fonts allow for a wider palette of typefaces which can provide far more quirkiness and personality. The challenge is to help people understand this. The classics such as Arial, Helvetica, Verdana or Tahoma are engrained as fonts you will always expect to see; readers aren’t used to seeing type choices beyond these usual suspects.

These new devices are radically transforming what is possible in digital visual design and this has radical implications for digital typography.”

Emotional Typography for UI designers to the next level. This is a second line title.

Web sites are transforming from boring fields of Arial to embrace the gamut of typographical possibilities offered by web fonts. Web fonts, combined with the style and layout options presented by the creative use of CSS and JavaScript offer a new world of typographic opportunity on the web.

  • The first item in an unordered list

  • Second item right here

  • This is the third item in the list but contains more than one line. Actually it contains 2 lines.

Technical Advantages

Think of this as adapting your tone of voice to the type of person or situation you are in. If you were being given a medical diagnosis the tone would not be fun or light-hearted. In contrast talking colloquially to a close friend could be the opposite of this.

This is a third level heading

Web fonts allow you to have this kind of razor-sharp efficiency and elegance in design whilst at the same time avoiding the need for adding additional page graphics, which in turn add load time, decrease workflow performance and risk breaking across screen dimensions and device situations.

  1. Item number one of three

  2. Second list item goes here

  3. Last but not least in an ordered list

Have you ever shuffled your feet along over the carpet on a winter’s evening and then quickly touched your finger to the nose of an unsuspecting friend? Did he jump when a bright spark leaped from your finger and struck him fairly on the very tip of his sensitive nasal organ?

This is the fourth level heading and maximum level

Have you ever shuffled your feet along over the carpet on a winter’s evening and then quickly touched your finger to the nose of an unsuspecting friend? Did he jump when a bright spark leaped from your finger and struck him fairly on the very tip of his sensitive nasal organ?