design tips that increase conversions

1
Increase Conversions (WITH CONTRASTING CTA) 5 Sources https://sivers.org/jam http://www.exacttarget.com/blog/testing-column-layout-in-web-design/ http://www.webdesignerdepot.com/2015/02/4-design-trends-that-will-survive-2015/ http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html Using These COMPANY 6 (USER EXPERIENCE) Try PinnacleCart for free at http://www.pinnaclecart.com TRAVEL NOW 2 COMPANY Want to Learn More? Join Us COMPANY 10 Design Tips FULL-WIDTH IMAGES Why it converts: Studies have shown that large images make people stop and take notice. It’s exactly that kind of “interruption” that contributes to higher levels of conversion. SPLIT-SCREEN LAYOUTS Why it converts: If you offer several types of products, services, or categories, it makes sense to split your users into the correct landing page as soon as possible. By using a split screen, you quickly allow your audience to “choose their own adventure” and head to where they will more likely convert. MONOCHROMATIC COLORS Why it converts: Your CTA (call-to-action) should always stand out, and a bright pop of color on an otherwise neutral or contrasting color pallette can really do the trick. 3 PRIORITIZED NAVIGATION Why it converts: Given too many options, users are 10x less likely to convert. So by tucking away all secondary navigation in a hiddern menu icon, you prioritize where you want them to go in order to make a conversion. Extra Credit: Style your main CTA as a button for maximum clickability MINIMAL LEAD CAPTURE Why it converts: What better way to capture leads than to simply ask, with no distractions? Place your lead capture alone on a landing page. Then pair it with some compelling benefit -driven copy and you’re all set! VIDEO Why it converts: One of the biggest hurdles between a web visitor and making a sale is TRUST. Video is an excellent way to personalize your brand, and let your audience see what you’re all about. 7 8 STICKY CTA Why it converts: Your CTA is the most important part of your page so, make sure it’s visible! For a desktop - keep your CTA in a sticky header. For mobile - a dedicated sticky footer works well. CARD DESIGN Why it converts: This Pinterest-inspired trend allows people to quickly (and visually) go to whatever interests them, which happens to be where they are most likely to convert. Do you need more Customers? Sign Up for free and get the latest tips. Yes, I want more customers! Contact Buy Now Start Your Free Trial Now COMPANY 9 SINGLE COLUMN CTA Why it converts: By eliminating sidebar distractions, it has been shown that positioning your CTA in a single column can increase clicks. PERSONALIZED UX Why it converts: Using location, buying activity, browsing activity, and other data, you can tailor the browsing process to individual users. This personalization gives each interaction much more potential to convert. or go here! go here!

Upload: craig-fox

Post on 16-Apr-2017

39 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Design Tips that Increase Conversions

Increase Conversions

(WITH CONTRASTING CTA)

5

Sources

https://sivers.org/jamhttp://www.exacttarget.com/blog/testing-column-layout-in-web-design/http://www.webdesignerdepot.com/2015/02/4-design-trends-that-will-survive-2015/http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html

Using These

COMPANY

6

(USER EXPERIENCE)

Try PinnacleCart for free at

http://www.pinnaclecart.com

TRAVEL NOW

2

COMPANY

Want to Learn More?

Join Us

COMPANY

10

Design Tips

FULL-WIDTH IMAGESWhy it converts:

Studies have shown that large images make people stop and take notice. It’s exactly that kind of “interruption” that contributes to higher levels of conversion.

SPLIT-SCREENLAYOUTSWhy it converts:

If you offer several types of products, services, or categories, it makes sense to split your users into the correct landing page as soon as possible.

By using a split screen, you quickly allow your audience to “choose their own adventure” and head to where they will more likely convert.

MONOCHROMATIC COLORSWhy it converts:

Your CTA (call-to-action)should always stand out,and a bright pop of color onan otherwise neutral or contrasting color pallettecan really do the trick.

3PRIORITIZEDNAVIGATIONWhy it converts:

Given too many options, users are 10x less likely to convert. So by tucking away all secondary navigation in a hiddern menu icon, you prioritize where you want them to go in order to make a conversion.

Extra Credit:Style your main CTA as a button for maximum clickability

MINIMAL LEAD CAPTUREWhy it converts:

What better way to capture leads than to simply ask, with no distractions?

Place your lead capture alone on a landing page. Then pair it with some compelling benefit -driven copy and you’re all set!

VIDEOWhy it converts:

One of the biggest hurdles betweena web visitor and making a sale isTRUST. Video is an excellent way topersonalize your brand, and let youraudience see what you’re all about.

7

8

STICKY CTAWhy it converts:

Your CTA is the most important part of your page so, make sure it’s visible!

For a desktop - keep your CTA in a sticky header. For mobile - a dedicated sticky footer works well.

CARDDESIGNWhy it converts:

This Pinterest-inspired trend allowspeople to quickly (and visually) go towhatever interests them, which happens to be where they are mostlikely to convert.

Do you need more Customers?

Sign Up for free andget the latest tips.

Yes, I want more customers!

e Shop Contact Buy Now

Start Your Free Trial Now

COMPANY

9 SINGLE COLUMN CTAWhy it converts:

By eliminating sidebar distractions, it has beenshown that positioning your CTA in a single column can increase clicks.

PERSONALIZEDUXWhy it converts:

Using location, buying activity, browsingactivity, and other data, you can tailor the browsing process to individual users. This personalization gives each interaction much more potential to convert.

or

go here! go here!