When designing, we realize the thousands of micro-decisions needed to create a page.
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?
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:
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…
“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.
Okay, so if you ever had to build a page for both mobile…
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.
Or if you’d like to read more about the “everybody scrolls” movement that caused “above…
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)
You created the perfect landing page. And then, it doesn’t convert.
To your dismay, you realize that your page speed score is ABYSMAL.
Other complicated words!
So what can you do?
We don’t have time to lose, you have a landing page to save!
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 —…
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.
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…
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
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.