Does it really take a lot to make a landing page look professional?

Comparison of a stick figure drawing to a professionally looking vector art of a team working together.

We know what “professional” looks like. So why is it so hard to make our pages look right?

When designing, we realize the thousands of micro-decisions needed to create a page.

Decisions like:

  • Where should we put the images?
  • Is this enough spacing? Is this too much spacing?
  • Is everything aligned with everything else? Should this one element break that rule because of this reason?
  • How much padding should we give each section? What about this illustration here? There’s something that just doesn’t look right.

And these thousands of questions don’t help us really pinpoint what our pages need to go from “amateur looking” to “beautifully designed”.

So the question is, is there an easier way?

Let’s explore 3 simple techniques to make more professional looking pages.

  1. Above the fold design…


I realized the answer a few days ago while going through a landing page course…

Something had just clicked in my head, so I went running to create this article

But before going into it, just for context’s sake, what we’re talking about is these sorts of sections, like the one on Quintly’s page:


After you finish this article, you’ll end up with a 4-step framework for creating landing pages.

The silhouette of a man with his back turned standing at his full height with his hands on his hips, in front of a floor-to-ceiling window with a city view, with a chaise lounge sofa and an open laptop on a side table behind him.

When I first started out freelancing and got my first real client, I remember totally freezing up.

I mean, where do you even start in a project like that?

There were so many factors to keep in mind that everything ends up meshing together in your brain.

Even though I had the swipe files and templates to base the page on…

And I had a decent good idea on the marketing aspects needed for it to convert…

And I knew what the page needed…

Knowing about something and actually using your knowledge to make decisions and actively build something are…


Half loaded picture of a corgi in a top hat and monocle that has a loading symbol over it. Text is displayed next to it that says “Responsive image hacks”

“Ohhh that’s so neat!!!”

“Wait, you didn’t know about this?”

“No! Not at all. I didn’t know you could do this.”

I could hear the excitement in my co-worker’s voice as his imagination exploded with the possibilities of this trick I showed him.

A responsive design “hack” that I learned from a front-end development course.

And one that I think anybody who makes any type of page should be aware of (especially if you want to make responsive landing pages for mobile and desktop).

Let’s dive in.

How to create fast loading pages by managing your images.

Okay, so if you ever had to build a page for both mobile…


The words “Does this matter?” points at a laptop screen showing off the top of the fold

Deconstructing the trend to use “above the fold” concepts when creating landing pages and other insights

I don’t normally do this, but…

This article will assume you know what “above the fold”, why we say it isn’t relevant anymore and why it’s been called a myth since 2014-ish.

If you’d like to learn what “above the fold” means and why it’s “dead”:

Or if you’d like to read more about the “everybody scrolls” movement that caused “above…


Create viral articles to guide people to your landing pages

Resources, insights, and observations made so you can make your own content marketing strategy (and create a 24% converting squeeze page)

Last week, I created an article. And it blew up.

With no audience to share it to, it had reached 29,000 people, generated over 50 followers and helped get people to my landing page, which has added over 70 people to my list.

(And to give you an idea of what that feels like, this is what I woke up to the next day)


Mac with loading symbol and an arrow that says “This lowers conversions”

Your perfect landing pages isn’t converting. What went wrong?

You created the perfect landing page. And then, it doesn’t convert.

To your dismay, you realize that your page speed score is ABYSMAL.

Dreadful!

Shameful!

Deplorable!

Other complicated words!

So what can you do?

Let’s break down the most common reasons:

  1. Your page is demanding too many round trips to the server.
  2. Your files are HUGE!
  3. You’re trying to do everything at the same time.

We don’t have time to lose, you have a landing page to save!

1) Your page is needing too many round trips to the server

So here’s the secret of the internet…

Every image, every sentence of your copy, every color and every line of code that your page is made up of —…


Here’s exactly what he does.

A few days ago, I found myself lost in a sea of unread emails.

Emails from different emails lists, promotions from my bank, from my dad’s bank, from ebay, my mom’s subscriptions to realtor websites, from social media, from…

Let’s just say it was insane.

And that’s because, over the years, I’ve created a bunch of emails for different reasons.

And add to the fact that, since I was my family’s “tech guy”, I also helped them with stuff for their emails…

It became an absolute mess.

Imagine…

One email for the YouTube channel I made when I was a teen.

One email for my dad’s business.

Another that used to be the one…


You have just 3 seconds to load your page before people leave.

Anything more than that, and money is flat out lost.

“The average time it takes to fully load a mobile landing page is 22 seconds, according to a new analysis. Yet 53% of visits are abandoned if a mobile site takes longer than three seconds to load. That’s a big problem.” Daniel An, Google, 2017


Spoiler: The answer isn’t always “no”.

Indiana Jones preparing to grab an idol from a pedestal

We all know what happens when Indiana Jones grabs the idol from the pedestal.

The place immediately starts shaking.

Indy starts looking around frantically.

He starts to sweat.

And you see his expression change as you can guess the single thought going through his head.

“I need to get out of here NOW.”

He books it to the entrance.

The dangerous traps he’s been carefully avoiding before?

They don’t matter now.

A barrage of sleep darts and traps are sprung in his frenzy to the exit.

And he somehow manages to not get hit by a single one.

And then you can imagine what happens.

Chasms are jumped.

Split-second decisions need to be made.

Mauro Accorinti

Insights that help increase landing page conversions. Get my free landing page swipe file by signing up here: http://bit.ly/Free-Landing-Page-Swipe-File weekly

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store