Web Design Guide - How To Web Design

Copyright © All rights reserved worldwide.
YOUR RIGHTS: This book is restricted to your personal use only. It does not come with any
other rights.
LEGAL DISCLAIMER: This book is protected by international copyright law and may not be
copied, reproduced, given away, or used to create derivative works without the
publisher’s expressed permission. The publisher retains full copyrights to this book.
The author has made every reasonable effort to be as accurate and complete as
possible in the creation of this book and to ensure that the information provided is free
from errors; however, the author/publisher/ reseller assumes no responsibility for errors,
omissions, or contrary interpretation of the subject matter herein and does not warrant or
represent at any time that the contents within are accurate due to the rapidly changing
nature of the Internet.
Any perceived slights of specific persons, peoples, or organizations are unintentional.
The purpose of this book is to educate and there are no guarantees of income, sales or
results implied. The publisher/author/reseller can therefore not be held accountable for
any poor results you may attain when implementing the techniques or when following
any guidelines set out for you in this book.
Any product, website, and company names mentioned in this report are the trademarks
or copyright properties of their respective owners. The author/publisher/reseller are not
associated or affiliated with them in any way. Nor does the referred product, website,
and company names sponsor, endorse, or approve this product.
COMPENSATION DISCLOSURE: Unless otherwise expressly stated, you should assume that
the links contained in this book may be affiliate links and either the
author/publisher/reseller will earn commission if you click on them and buy the
product/service mentioned in this book. However, the author/publisher/reseller disclaim
any liability that may result from your involvement with any such websites/products. You
should perform due diligence before buying mentioned products or services.
This constitutes the entire license agreement. Any disputes or terms not discussed in this
agreement are at the sole discretion of the publisher.
Web Design Blunders

You Can See My own Products:
PLR MONSTER
Get LIFETIME access to 2000 Products Ready to
Sell - For ONLY $7 - keep 100% of the profit
App Builder
Start Your Own Apps Empire! App Builder
$9/year, UNLIMITED Apps, Get Free $1100 App
Marketing
Easytube
Youtube Page 1 in 1 minute Easy System - See
How All My Videos Rank Page 1 in Youtube,
Yours Can Be
Call To Action Videos
Web Design Blunders

Double Your Video Conversion! Get 52 Call To
action Videos With REAL Actors + Video Mixer
Software
Video Bomber
Bomb YouTube With UNLIMITED Unique videos
in Just Few Clicks, Fast and Easy Software!
Instaquote
Get Unlimited Facebook,Instagram,YouTube
Unique content! Create STUNNING 100 Quotes in
7 seconds!
YouTube Rank Checker
YouTube Rank Tracker - Track Fast & Easy
Unlimited Keywords & Videos Ranking - $7 One
Time Payment!
Web Design Blunders

Introduction
Web design is complex enough as it is. You have to worry about mobile
accessibility, design aesthetics, user friendliness, SEO, and so much more. But
when you consider just how many mistakes one could make and how dearly those
mistakes could cost the owner of the website… well, it’s frankly just mind blowing!
The fact is, if you focus too much on any one element of web design, the other
elements are going to suffer. You can’t allow that to happen. It’s important to be
sure you’re covering all the bases if you want to have a website that is effective at
getting traffic and getting conversions.
In this guide, you’re going to learn about some of the most common mistakes web
designers make, and how you can avoid making them on your own websites.
Remember, it’s not all about SEO, or it’s not all about looking pretty… there are
many factors that work together in unison to make the perfect website. And if you
neglect one aspect, your site isn’t going to get the results you’re hoping for.
So let’s begin.
Web Design Blunders

Mistake #1
Overuse Of Animations and Flash
Back in the 1990s and even the early 2000s, the use of animation and flash on
websites was common. It was a way to jazz up websites and draw attention.
Unfortunately, these tactics got overused and eventually became completely
passé. Now, their use is a glaring signal that the person who made the website
had absolutely no idea what they were doing.
Flash and animated images have their place. For example, those websites that
post funny images might use animated GIFs to get a laugh where a static image
just might not work. Or Flash might be used on a free web-based gaming website.
But if you’re using a ton of Flash banners or menus, or if you’re using animation in
your logo or to draw attention to certain areas of your website, you’re being lazy
AND annoying your visitors. Stop it!
Use such tactics very judiciously, and only when necessary. Otherwise, you’re just
making your site run more slowly and getting on your visitors’ nerves.
Web Design Blunders

Mistake #2
Poorly Chosen Colors
Another huge mistake people make when designing for the web is choosing colors
that don’t work together or that severely clash and look terrible together. This could
end up frustrating visitors to the point that they leave your site. At the very least,
this could hurt conversions.
Not only should you choose colors that are aesthetically pleasing, but you should
be careful to use colors that work psychologically with your website’s theme.
Believe it or not, colors can actually have specific effects on the human brain.
For example, McDonald’s has always used the color red in their restaurants
because the color can make people feel hungrier. This causes them to order more
food than they really ought to, because they think they are hungrier than they
actually are.
If you want to learn more about how colors work psychologically, you can check
out this article:
>> http://www.entrepreneur.com/article/233843
Web Design Blunders

Mistake #3
Improper Font Use Fonts
They can make or break a design, and unfortunately most people just go
overboard with fonts, or they use the wrong ones.
Some designers actually become semi-obsessed with fonts. They may have
thousands of fonts on their system (which is a bad idea in itself, because the more
fonts you have, the slower your system runs) and they may want to use as many of
those fonts as they can in every design they create.
Every font you use should have a specific purpose. Don’t use something like a
cursive font or (heaven forbid) Comic Sans for the body text on your site. Not only
is this not a good look aesthetically, but it also makes it harder to read the text.
Use easy-to-read fonts like Helvetica, Arial, or Verdana.
You can get a little more creative when it comes to your logo and headlines, but
you should still make sure that:
1. The fonts are easy to read, AND...
2. The fonts work for your niche. (For example, don’t use fancy script fonts on
a masculine website, or huge, garish fonts on a feminine one.)
Web Design Blunders

Mistake #4
Failure to Implement SEO
Every single website on the planet (except maybe those that are set up specifically
to be private, which can be blocked with a password or robots.txt) needs search
engine traffic. Otherwise, why even be online in the first place?
But unfortunately, a lot of web designers focus too much on the way a site looks
and they forget to make sure the site is capable of getting traffic! (The prettiest
website in the world isn’t going to do you a bit of good if no one ever sees it!)
Yes, your site should be attractive. And yes, your site should be user friendly. But
you can’t forget to ensure that search engines can properly find and index your
content. This requires using proper silo structure and making sure your navigation
links are easy for search engines to find.
Here is some information on the silo structure:
>> http://www.bruceclay.com/seo/silo.htm
Web Design Blunders

Mistake #5
Failing to Make the Site Mobile Friendly
Let’s face it. Mobile is the wave of the future. Up to 90% of a given website’s traffic
may be mobile these days, and that number is still rising. The personal computer is
actually losing ground rapidly.
Most people use computers for things like writing documents and for working, but
when it comes to browsing, more and more people are using tablets and smart
phones, because they can be used anywhere.
Plus, as of April 2015, mobile friendliness is one of the factors Google uses to
determine rankings. If your site is not mobile friendly, your rankings are likely to
plummet unless all your other ranking factors are just phenomenal.
If you’re using WordPress, you can make your site mobile friendly by simply
choosing a mobile friendly (also known as responsive) theme. If you’re building
your own website, you will need to detect user agent in order to find out what
system a visitor is using, and then direct those users to a mobile version of your
website. This requires making different versions of your site for different platforms.
You can analyze your mobile friendliness here:
>> https://www.google.com/webmasters/tools/mobile-friendly/
Web Design Blunders

Mistake #6
Using Audio or Auto-Play Videos
Nothing is more irritating about the average website than being startled by loud
audio that you weren’t expecting. This is especially true if it happens at an
inopportune moment, such as when you’re surfing inconspicuously at work and it’s
not break time, or if your kid is asleep and it wakes him up, or if you’re browsing
somewhere you shouldn’t be (like, say, church or at a funeral – oops.)
Unless you have a very good reason for doing so, never automatically play audio
or video on your website. Polls have shown that if a user is hit with audio or video
that plays automatically, it drastically increases the chances that they will
immediately leave. (This increases what is known as bounce rate, and if your
bounce rate is too high, it can adversely effect your search engine rankings.)
The only time you should maybe set something to automatically play is when it is
the primary focus of your page. For example, a video sales page or squeeze page
might require auto-play.
Otherwise, make it so that users have to manually activate audio or video. Your
users will thank you!
Web Design Blunders

Mistake #7
Bad Navigation
Navigation is one of the most critical elements of any web design. If a user cannot
find what they are looking for quickly, they are likely to leave just as quickly.
There are several locations for navigation options on any website. Here are a few
places you can squeeze in the navigation you need:
Above the logo – This is a good place to have links to important pages like
privacy pages and contact pages.
Below the logo – This is traditionally where you can find important links to
articles and other content.
Sidebar – Your sidebar is another good place to locate stuff like article
categories and pages.
Footer – More links can be placed in your footer, and this is a good place to
include links to pages if you haven’t located those links above the logo.
You also want to be sure your site has search functionality if you have a large
amount of content. Otherwise, it becomes nearly impossible for people to find the
exact content they are looking for.
Web Design Blunders

Mistake #8
Requiring Software Installations
Years ago, it was common to need to download a piece of software in order to use
a particular website. Things like Real Player and various web cam programs
required downloads to run, because their functionality wasn’t built in to browsers.
These days, with so many viruses going around that can steal your personal
information or destroy your computer, people are wary of installing anything. If you
require a download in order to use a function of your site, people are most likely
just going to leave.
If you need functionality that you can’t get from standard HTML or CSS, consider
using something like HTML5 or other standard formats. If it requires something
that most people don’t have, you’re going to lose a whole lot of traffic.
You could also use Java or JavaScript, which most browsers can use natively
these days.
You can read more about HTML5 here:
>> http://www.w3schools.com/html/html5_intro.asp
Web Design Blunders

Mistake #9
Improper Optimization
One of the biggest factors in SEO today is the speed at which your site loads. If
your site is slow, you’re going to rank lower than a site that is speedier if all other
factors are the same, simply because Google and other search engines
understand that people are impatient and will quickly get bored and leave if a site
takes too long to load.
The most important things to optimize are:
Images
Videos
Text itself doesn’t take long to load. It’s the images and videos on a website that
can take a very long time to load. If you’re including photos in a blog post, for
example, they don’t need to be massive in size unless they enlarge to show
important details (like infographics, for example.)
Images should generally be about 400-1000 pixels at most, and no more than
about 75k. Videos should be optimized for the smallest size possible without
sacrificing quality. HD videos are great, but they take a while to load, and this
could hurt your search rankings, especially if your videos are set to load and play
automatically. They’ll just slow down the rest of your site.
Web Design Blunders

Mistake #10
No Contact Information
Lack of contact information is a red flag for a lot of people, and it’s a red flag to
Google. Sure, legitimate websites may not have contact information, but
spammers almost never put contact information on their websites. If you have a
contact page, people will trust you more.
Here are some reasons you might want to include contact information on your
website:
1. It’s a ranking signal for Google. Google loves to see contact information on
your website, because it makes the site look more legitimate. Spammers
definitely don’t want to be contacted.
2. Users will trust your site more if they see you’re being open and allowing
people to contact you.
3. You could get important messages from potential advertisers who want to
give you money to advertise on your site.
4. It could save you from legal issues if someone can contact you to resolve
potential issues instead of having to subpoena your information and
potentially sue you because they couldn’t contact you to ask you to remove
something you inadvertently used on your site, for example.
Web Design Blunders

Conclusion
Web design is already a technical task. You have to learn how to use many
different types of software, how to use scripts or program HTML or CSS, how to
design graphics… it’s a lot of work and a lot of knowledge required.
But even the most experienced designers often lose sight of the big picture when it
comes to building websites. They may focus too much on aesthetics that usability
suffers, or vice versa. Or they may focus too much on SEO and not enough on
user experience, or the other way around.
It’s important to be sure you’re looking at all potential aspects of design, and not
focusing too much time and attention on any one factor. A harmonious design
takes all factors into account equally in order to ensure the site is friendly to both
users and search engines.
You might want to create a checklist with web design best practices that you
should keep in mind every time you build a new site. This way you can be sure
you’ve followed every step each time.
Good luck with your website!
Web Design Blunders

Resources
You Can See My own Products:
PLR MONSTER
Get LIFETIME access to 2000 Products Ready
to Sell - For ONLY $7 - keep 100% of the profit
App Builder
Start Your Own Apps Empire! App Builder
$9/year, UNLIMITED Apps, Get Free $1100 App
Marketing
Easytube
Youtube Page 1 in 1 minute Easy System - See
How All My Videos Rank Page 1 in Youtube,
Yours Can Be
Web Design Blunders

Call To Action Videos
Double Your Video Conversion! Get 52 Call To
action Videos With REAL Actors + Video Mixer
Software
Video Bomber
Bomb YouTube With UNLIMITED Unique
videos in Just Few Clicks, Fast and Easy
Software!
Instaquote
Get Unlimited Facebook,Instagram,YouTube
Unique content! Create STUNNING 100 Quotes
in 7 seconds!
YouTube Rank Checker
Web Design Blunders

YouTube Rank Tracker - Track Fast & Easy
Unlimited Keywords & Videos Ranking - $7
One Time Payment!
Design Tools
Canva
Canva is a great tool designed to help novices produce
professional designs.
===
Burner Bonanza
Free online background remover to remove the background
from any image or photo. The fastest way to remove
backgrounds online.
===
Pencil
Pencil is built for the purpose of providing a free and opensource
GUI prototyping tool that people can easily install
and use to create mockups in popular desktop platforms.
===
Tiny Take
TinyTake is a free screen capture & video recording
software for Microsoft Windows & Mac. With TinyTake, you
Web Design Blunders

can capture images and videos of your computer screen,
add comments and share them with others in minutes.
===
JR Screen Ruler
This Screen Ruler is a great tool that allows you to
accurately measure anything on your screen. This is
especially useful when measuring graphics, web page
browser sizes or whatever. Screen Ruler can display
Pixels, Inches, Picas or Centimeters.
===
Online Photo Editor Pixir Editor
Pixlr Editor is a robust browser photo editor, for all your
editing needs. Have full control over your images, including
layers and effects.
===
archive (Save LP)
Archive.is is a time capsule for web pages! It takes a
'snapshot' of a webpage that will always be online even if
the original page disappears. It saves a text and a graphical
copy of the page for better accuracy and provides a short
and reliable link to an unalterable record of any web page.
===
3D Animated Mockup
Welcome to the easiest, simplest, and fastest free online
3D Mockup Designer. Create animated mockups and view
Web Design Blunders

them in 3D. Share generated gif or image on social
platforms.
===
Donation coder forum
DonationCoder.com is a website hosting a community of
programmers and software fans. It supports a donationbased
model to organize and finance software
development, and is one example of Donationware. The
site has an active forum which focuses on developments in
software.
===
Absolute covers
AbsoluteCovers.com is one of the first e-book covers
creation service available online.
===
The free logo makers
Logo Image Button and Text Generators. Online Logo
Generators. Instant Logo Maker. Thousands of designs and
easy to use - fully customizable.
===
Logo maker
Our free, easy-to-use online logo maker helps you create
an amazing logo in seconds. No design experience
necessary.
===
Web Design Blunders

Logo ease
LogoEase: Create Professional Logos Online for Free
===
Sim Websol
Free online logo creator. Make web 2.0 logos for free.
Quick and easy logo maker. Choose colors, fonts, and
symbols to create a unique logo.
===
Cool text
Cool Text is a FREE graphics generator for web pages and
anywhere else you need an impressive logo without a lot of
design work
===
Ccm
If you ever think about bringing more of your personal touch
in your business, then The Logo Creator will enhance your
creativity. The application makes up original logos from
beautiful and intuitive colors.
===
Logo snap
LogoSnap is an online design company providing custom
business logo designs and a free logo generator for your
firms professional image.
===
Web Design Blunders

Free logo services
Large selection of high-quality free logos. Customize a logo
for your company easily with our logo maker. Free logo
design in minutes!
===
Work Smarter
Not Harder!
We all know that using internet marketing tools can
help us get big success
However, did you know that using best internet
marketing tools is THE key element for real success
of your business?
Here is why we must use marketing tools:
Use tools can help you
Earn more money!
Save more time!
Web Design Blunders

Because For almost every paid tool you can find a
free alternative one!
Use tools can save you time because when you have
the best productivity tools, you add more hours to
your day!
Need more customers and more leads? You must
know the best tools nowadays for you to collect
emails fast and easy.
Do you want your site to reach higher rankings?
You will find in our guide top popular SEO tools for
free and also paid ones.
Do you feel that you waste a lot of time working on
social media marketing?
We have gathered in top tools the best top social
marketing tools for to automate your social media
marketing.
Don't know which content to write for your audience?
You can find in this guide top tools that give you top
ideas to generate the best texts filled with interesting
content.
Web Design Blunders

This big list of top internet marketing tools includes
almost every tool you’ll ever need to master every
aspect of a digital marketing campaign
Feel free to share this guide with your friends! They
will definitely be thankful!
ALL 100 TOP TOOLS CATEGORIES
Content Curation Tools
Social Media Tools
PPC Tools
Content Optimization Tools
Rank Tracking Tools
Tops Keyword Research Tools
Keywords Ideas Tools
Web Design Blunders

Technical Seo Tools
Top Seo Tools Link Building
Top Seo Tools
Top Landing Pages Creators
Twitter Trending Topics
Twitter Tools For Images
Twitter Hashtags
Top Twitter Tools
Top Facebook Tools
Top Lead Generation Tools
Top Autoresponders Tools
Web Design Blunders

Build Email List Tools
Top Niche Research Tools
Top Trends Tools
Ecommerce Software
Screen Capture Video Audio Tools
Gif Creator Tools
Free Banner Creators Tools
Top Online Contests Tools
Twitter Tools
Twitter Analysis Management Tools
Web Design Blunders

Competitive Analysis Tools
Backlink Investigation Tools
Tools For Writers
Instagram Tools
Notifications Monitoring Tools
New Launch Products Sites
Question And Answer Sites
Push Notification Tools
Time Management Tools
Webinars Tools
Web Design Blunders

Heatmap Analytics Tools
Free Wordpress Tutorials
Website Templates builder Tools
Website Testing And Analysis Tools
File Sharing And Data Storage Tools
Brainstorming And Mind Mapping Tools
Top Interstitial Traffic Networks
Top Solo Ad Traffic Sources
Top Native Ads Traffic Networks
Top PPC Networks
Top PPV CPV Networks
Web Design Blunders

Top Mobile Traffic Networks
Infographic Submission Sites
Free Video Submission Sites
Free Article Submission Sites
CPA CPM Aff Networks
Mobile Marketing Tools
Scraper Extractor Tools
Support Tools
Graphic and Design Tools
Efficiency Tools
Web Design Blunders

Virtual Assistant Sites
Top Outsourcing Tools
Traffic Analysis Tools
VPN Tools
Integration Services Tools
Social Media Analytics Tools
Url Shortener Tools
Content Ideation Tools
Domain Name Idea Generators
Domain Appraisal Tools
Domain Email Tools
Web Design Blunders

Business Dashboard Tools
Increasing Influence
Payment Gateways Tools
Project Management Tools
Customer Support
Website Monitoring Tools
Form Builders
Website Builders
Image And Cliparts Sites
Design Tools
Video Creating Tools
Web Design Blunders

Surveys
Top Outreach Tools
Top Live Chat Tools
YouTube Marketing Tools
Mobile Marketing Tools
Top Heatmaps Tools
Top E-learning Platforms
Top Content Tools
Cloud File Storage
Top Affiliate Marketing Sites
Top Analytics Tools
Web Design Blunders

Top Social Advertising Tools
Content Creation Tools
Social Analytical Tools
Monitoring Sharing Tools
Internet Marketing Top Forums
Internet Marketing Newsfeeds
Internet Marketing Top Sites
Web Design Blunders