How To Design & Build a Mobile Responsive WordPress Website

Your Website is a blank canvas, which you can add as much texture and colour to enrich your visitor's experience.

Photo: by Ruth Hartnup -

Your Website is a blank canvas, which you can add as much texture and colour to enrich your visitor's experience.

Building a website is the easy part, but if you don't have a system which can find the qualified leads & converts them into profitable clients, then you are wasting your money.

In the last 37 months, my team of web designers have built hundreds of Mobile Responsive Webpages…

So here's what I learnt Building a website is like any building project, you need to have a plan and lay a foundation.

I have acquired from years of working in the building industry.

If your plan is hazy or vague, then you're heading for disaster.

All they wanted was a simple swing, don't let this happen to your website...

All they wanted was a simple swing, don't let this happen to your website...

I don’t want you to suffer the grief of trying to build a website, and because of a lack of clear direction - getting something you do not want.

Website Brief

So to avoid the grief, you need to complete this Website Brief. It may take you a little while to complete, but it will save you significant time and headaches.

Can you fill out website Brief

When you go through this website brief uncover these & so much more...

  • What’s your Product or Service?
  • What’s its Name?
  • What family/category does it belong to?(Health, Business, Family, etc)
  • Describe your Product or Service?
  • What does it do?
  • Who is the audience?
  • What problem does it solve?
  • What is the cost if they don’t get your product, to them?
  • What will happen if they don’t solve your problem? (Pain)
  • What result can they expect?
  • How does it work?
  • Why should someone buy your product or service?
  • What’s so special about your stuff?
  • Do you have USP Unique Selling Proposition?
  • What are the Known Benefits?
  • What’s your Compelling Offer? (they can’t refuse)
  • Are there other options available?
  • What’s Your Call to Action?

So let's dive in...

You Get To Add Your Own Style To Your Website

Building a website like building a house. It’s too easy to get bogged down on style rather than functionality.So the first question you should be asking.What is the purpose of my Website? What do I expect it to do for my Business?

  • Is it for Lead Generation?
  • Is it going to be eCommerce Store?
  • Is it to help your credibility, so you make more sales?
  • Do you want to show off your Testimonials?
  • Do you want to offer eLearning courses?
  • Do you want to offer customer support & customer reference material?...Or
  • Do you want something completely different...or
  • Maybe something else or even all of the above

So once you work this out can start thinking how your site will look.

It's time to Style Your Website

This is where it gets tricky.

Everybody has their opinion on what looks good.

It’s easy to get caught up in trying to create the perfect look & feel of your site.

You imagine this stunning website, which has amazing, awesome spinning shiny twirling things which just going to WOW your customers.

Let me share a frustrating story on client without any clarity on her website should work...

Website Disaster Cause by Fretting Over Style Rather Than Your Websites Purpose & Functionality

​One of our clients referred us to another web project. She was looking for the perfect website.

She had tried a couple of web designers, but they could translate her abstract concepts into working a website.

The lack of completed website brief should have raised warning bells. (We have since learnt this valuable lesson No brief No Website - It's too painful & expensive)

She believed it was not necessary to fill in the website brief because she knew what she wanted.

I have to admit I failed minding reading, so this was always going to be a struggle.

She was so focused on making her site look beautiful.

She insisted we change the fonts more than 20 times.

If that wasn't bad enough, when the website nearly finished, she would decide she didn’t like how it looked. So we would be expected redesign how the website looks.This went on for months.

It was total time suck & it was like pouring money down the toilet because she could never get past how she visualised the site in her mind.Eventually,

in frustration, we both agreed to cut our loses. So I assume she started looking for next website magician.

Here’s the point - write this down.

You are not your customer...

Your web visitors don't give a stuff which font you use on your website. To a large part, they don’t care what colours your site uses. (Sure certain colours can trigger an emotional experience.)

Ok, this is a ugly scary website, I just could not resist showing you this website...

I not saying having an ugly website with 11 different fonts using every colour in the Rainbow looks good either. I’m sure that would scare most your visitors away.So let’s take a step back for a minute.

Remember how I mentioned you need to know what your purpose for your website is.

Your Customers Intent Should Guide Your Website Purpose...

Who Are My Ideal Customers?

So ask yourself: 

"Who are my ideal customers?"

Click to Tweet

You see there are only 2 reasons why people surf the internet:

  1. Entertainment - They are trying to amuse themselves or relieve boredom...
  2. Information - They are looking to solve a problem or looking for a solution...

So your website either needs to entertain people or help them find answers & solutions they are looking for.

Most Business Owners know they need to a Website to get more customers, but they get caught up chasing the next bright shiny object, so they miss the real purpose of their website.

You see your website should be for real people, trying to cope with their pain & frustrations, that crop up in life.

They've rather be chasing their dreams…

So your goal should be to help them to overcome these roadblocks & obstacles so they can reach their dreams and desires with ease…

This is the big money-making secret. Most businesses miss, they're too busy trying to flog more product, instead of solving the problems of their ideal customers.

People don't buy products. They buy solutions to their problems

Click to Tweet

If your website is not talking to people who are looking for a solution, then you're wasting time and money, chasing everybody…

They're not listening, and they don't even care...

If you need help on this get our Creating Ideal Customer Profile

If You Want To Get More Profitable Customers, Then Discover How To Find Your Starving Crowd...

I don’t want you wasting any more of your time, money or energy trying to market to everybody. Because most of them just aren’t listening because there not good prospects.

I’ll explain later on, why targeting “everybody” is best left for dumb businesses, who want to go broke…

Instead You should be asking: Who is your Ideal Customer?

Ok, you now have worked who your ideal customers.

So we don’t get stuck chasing to conceptualise imagery concepts on your website. Let’s look at a couple of simple tricks to stop confusion.

Get Some Swipe Files

If you see a website you like do a screenshot of what elements you like on the site.This helps to turn abstract concepts into concrete design ideas.

Use A Wireframes

So I guess you might be asking what a wireframe is.

So this is pretty useful description.

A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together. The wireframe usually lacks typographic style, colour, or graphics, since the main focus lies in functionality, behaviour, and priority of content. In other words, it focuses on what a screen does, not what it looks like.

Website wireframe

Website Wireframe

Add Your Own Style To your Website

Fonts Make An Impression

Fonts make an impression

Fonts - Make the words on your page standout.

Use Web fonts a specially tuned font for use on websites using the CSS @font-face declaration.

You should consider choosing a Sans Serif Fonts which are at least 14 points because more people use their mobile to check your website.

The Font on this webpage is Sans Serif Font called PT Sans Caption.​

Colour Time

Colours can add to your emotional experience

Colour plays an important part in your design. It can help sets the mood, creates trust.

We see in colours.

Graphics & Photos

Photos are eye candy1

Photos are eye candy. They make your Website pop.

Don't fall into the trap believing just because it's on the web, that you can just take & use it.

You're breaching Copyright Laws.All they wanted was a simple swing, don't let this happen to your website...

Don't forget to fill in Your Web Site Brief

I don’t want you to suffer the grief of trying to build a website, and because of a lack of clear direction - getting something you do not want.

So to avoid the grief, you need to complete this Website Brief. It may take you a little while to complete, but it will save you significant time and headaches.

​Can you fill out website Brief

Why We Build Our Websites In WordPress?

When we build a website we use WordPress. 

There's a reason why more than 60% of the websites known to use a Content Management System (CMS) have chosen WordPress.

It's an easy-to-use, extensible, and completely customisable solution that doesn't require a massive learning curve...

  • As I began writing this, WordPress 4.2 (the latest version) had been downloaded 48,258,660 times. They have just rolled out 4.3 as of today it's been downloaded 7,237,469 times...So that's a 1,000,000 downloads every 2 days..
  • Just checked the latest stable release of WordPress (Version 4.7.2) has been downloaded 33,304,126 times and counting
  • According to W3Techs' WordPress is used by 58.7%of all the websites whose content management system is known. This is 24.3% of all websites
  • As of Dec 2014 WordPress runs 19.1% of (157,418 Sites) of Quantcast top 1M on the web by traffic, even more, impressive it runs 4.5 of the entire internet...
  • Over 409 million people view more than 19.6 billion WordPress pages each month...
  • Extend WordPress with over 45,000 plugins to help your website meet your needs. Add an online store, galleries, mailing lists, forums, analytics, and much more..
The Herald Sun Is built on wordpress-1

The Herald Sun is built on WordPress

These Sites Use WordPress

Websites using wordpress-1

Your Website needs to generate high-quality traffic, & convert those visitors into profitable customers

Building a website is the easy part, but if you don’t have a system which can find the qualified leads & converts them into profitable clients, then you are wasting your money.

If you thought you were set; because you have a website. It turns out, that's not enough. You need to get visitors to your site and convert them into customers once they make to your website.

That's a big problem. Because what's the point if people aren't finding you online or buying your services?

So I believe, offering a mobile responsive WordPress Site, would be a doing you a large disservice, without offering to design & build your Marketing Funnel.

So I will also design & build your own  Marketing System for you.

Our goal is to build a Marketing Funnel that lowers the cost of acquisition of your clients while you’re increasing immediate and lifetime customer value...

I will explain how the Marketing funnels works, later on, ok.Getting More Customers provides a system for identifying the pains, frustrations and desires of your ideal clients, so you can create raving fans by educating them, delivering a solution the prospects are looking for...

The good news is, if you know how to find the right people and send them the right messages, you will have less business competing with you.

Your business will capture a larger share of the marketing, making more sales, larger profits and save you money as well.Perfection stops Implementation.

It doesn't have to be perfect you just need to start, then we can fine tune it.

Keeping Your Website On Track, Getting It Done

So what did we learn building 100's of Mobile Responsive Web Pages?

Over the last couple of years, my team of Web Designers, Coders & Graphic Designers have built 100's of Mobile Responsive Web Pages & Sites. So what did we learn?

You need to have a checklist, which takes you step by step through the construction of all the elements in your Website & how it integrates & compliments Your Marketing Strategies…

So once you have filled in this Website Brief, we take these answers & add them to Getting More Customers Systematised Checklist.

Getting More Customers Systematised Checklist for building Mobile responsive wordpress website

Our Mobile Responsive WordPress Checklist is living a document, so it's regularly being updated to keep up with the latest technology.

On the last count, our Project Management Tool has 329 Steps,

We go through Tasks & Procedures, to make sure your website gets built so that you can get more customers.

Every task gets allocated to a team member, so they are accountable & checked off as we go.We don't want to miss anything.

We want to make sure building your Mobile Responsive WordPress goes smoothly without the headaches…

When We Build Your Mobile Responsive WordPress Site, Here's What You Will Get

  • Setting up your Web Project in our Project Manager Tool, so the 329 Tasks get done• Keyword research, to find out which keywords your ideal customers are typing in when they are doing a Google search...
  • Analysis competitors Websites to see what they're doing right, and what you can do better...
  • Market analysis is there a market, are they people willing to pay for your products & services...
  • Help in structuring your content so your customers can find the solutions they're searching for…
  • Create a web presence, so your website gets found in the Search Engines (Google, Yahoo and Bing)...
  • All our sites are built using the Genesis Framework, which means you get an easy to use, but it's a powerful website...
  • You will also get Custom Premium Plugins because simply using WordPress out of the box. It's a bit like being Clark Kent, drab and boring with a little power. Hook up those plugins, and now we're Superman on Steroids. Stand back and watch it slay your competition because they think they can get by on a standard WordPress site...
  • Your site will be Mobile responsive, so no matter which device they view your site, it will look good & your visitors will have a good experience...
  • Your website will complement and enhance your marketing strategies...
  • Build a Call to Action mobile website, so you show when searching the internet on their mobiles...
  • With Our Mobile Responsive sites, you will never miss a phone call because they can call with just one click...
  • Google likes WordPress sites, we also make sure your site attractive to the Search Engines, by optimising your website Meta Date - Title Tags, Keyword Tags, Description, Content...
  • Easy to use website, so it's easy to update and keep fresh (If you can type a letter in Word, then you create your posts (articles) in WordPress)...
  • Create a cost effective process of acquiring potential clients, who are looking for your products, services or a solution...
  • To create a Graphically laid out website. You need eye candy to catch the reader's attention, which is visually & emotionally pulls them in, to try your products or services...
  • Fully customised Manual created to walk you through your website

Each of these steps has many processes underneath the bonnet. 329 tasks Steps & procedures at last count...

What we don't include with your Website

This does not include hosting and buying domain name. I recommend you buy the domains after we research the SEO friendly names, if you don't already have a domain name. We use because they have a brilliant renewal system & they easy to work with. You could also try

I use and recommend for hosting Fast WordPress Hosting.

You should purchase these as it makes it easy to renew when they come due. (This protects your assets)

So You Have 2 Choices

  1. Try to implement these steps yourself...
  2. Let me help you to create your website, which helps your customers...

I hope you enjoyed this as much as I enjoyed creating it for you. If you are serious getting more profitable customers, then you're probably going to want to have a look Getting More Customers. It's a tailor-made marketing funnel, designed for your business which attracts & converts qualified prospects into Profitable Customers, without a lot of effort, just like a production line...

If you'd like me to help you do all this stuff, I'd be happy to.I look forward to working with you on your website project.