the-fold-mobile-responsive

The fold can no longer be defined by a predetermined number of pixels — the fold is defined by the device used to visit your page. Respond with responsive design Many landing pages are still stuck in the Matrix . prisoners of a paradigm from the past . existing only to serve the search engine machine overlords.

 

 In other words . people

still aren’t optimizing their landing pages for mobile devices. The only way to respond . the only way to break free of a construct that keeps your landing pages from persuading people to convert is through responsive design. Here’s a responsive page from GigSalad. On my -inch monitor .

 

 it looks like this: Desktop

above the fold Click for fu List of norway Cell Phone Numbers l-length image. Everything I need to know about their offer is right here in front of me. They provide everything I need to make a decision; all the context I need to understand what their product is and why I would use it. Between this size and a smartphone there are several different breakpoints .

 but by the time you get

down to × (the screen s how to port number ize of an iPhone ) . you can see that a lot of that real estate has gone. This is when clarity and concision are as important as ever. smartphone-fold In the mobile version of the page . GigSalad strips down the page content to a bare minimum: they keep their CTA front-and-center along with a very strong value proposition (they can help you get booked for events near you).

 

 You know exactly what

you’re in for when you click that “Get Started” button. the-fold-call-to-action But keeping your CTA above the fold on any device isn’t a hard-and-fast rule. As with most rules . there are exceptions. As Chris Goward says: The conversation about the fold has often centered around the call to action. Most people have assumed the button needs to be above the fold to maximize your conversion rate.

 

 As always . you’ve got to test different configurations to find the one that will work for your visitors. What you’re really trying to do is give your visitor the motivation to convert — regardless of the device they’re using. You can get them to click the CTA right away if you have given them the information they need to be motivated to do so.

 

 Give your landing page visitors enough info to *need* to click your CTA button. Click To Tweet Free your mind You are the One. You can remake landing pages to be displayed the right way on any device as you see fit. You can make your copy relevant to your audience and clear enough for them to understand.

 

 You can remake the fold to display properly to any reader on any device. Landing pages are similar to the programmed reality of the internet. They have the same basic rules . rules like clarity. Some of them can be bent. Others can be broken. Understand Then convince your audience to take action and make use of that very valuable space above the fold — wherever it may be.