2. What Is Responsive Design?
2
Since the rise in popularity of smart phones and tablets over the past few
years, more and more people are now using these as their primary device
for accessing web sites, so your web site needs to be accessible and easy
to use across multiple devices not just a desktop or laptap. This is where
responsive code comes in.
Unlike the old separate mobile websites that were popular a 3 or 4 years
ago a responsive website is single website that is designed to give optimal
user experience across a wide range of devices, detecting screen size rather
than detecting what device you are using
In laymanâs terms the web site content will resize and adjust to fit the
viewing environment, adjusting text size, images and navigation, no more
sideways scrolling or zooming in to read text or click links.
Responsive Web
Design (RWD)
A responsive website is
dynamically optimised
for your screen size,
no more struggling to
view text, find menuâs
or click on links and no
more customers lost to
the competition.
Responsive code is
forward compatible
The old mobile websites detected the device and displayed the alternative
mobile version, so as new devices came out onto the market web sites
needed constantly updating... Responsive sites work on screen size not
device detection so this isnât an issue, your responsive web site will be
forward compatible with all new devices.
As the old detection scripts couldnât detect screen just device (user agent) ,
people using large screen tablets who could quite easily view the full desktop
version were served the scaled down mobile version instead.
3. Main Benefits of RWD
3
Being accessible to more devices means more
visitors and more potential customers increasing
your sales and turnover.
Google will rank your website higher for being
compliant with their standards and will choose to
display responsive web sites over non responsive
web sites for searches initiated on mobiles and
tablets
Visitors are more likely to refer or share your website
with others knowing that it is user friendly and easy to
navigate even if they donât even know what a responsive
website is.
Benefits for you
Quick loading on their mobile devices
Easy to navigate and find the correct content
Easier to contact you through âcall to actionâ buttons
Easier to make purchases or book your services
Easier to share your pages through social networks
a mobile
enhanced
call to action
button can
increase sales
by 36%
Benefits for visitors
No more sharing traffic between your
mobile and desktop web siteâ
4. Googleâs Views
4
Since Google is the primary search engine to impress with your website, it is smart to follow what Google loves.
Google not only recommends Responsive Web Design (RWD) as the best way to target mobile and tablet users,
but also favours mobile-optimised sites when presenting results for searches made on a mobile device.
This is especially true when mobile users search for local services. Itâs important to note more searches are
originated on mobile devices nowadays
If a mobile/tablet user lands on your website and is frustrated or doesnât see what they are looking for, according
to Googleâs Think Insights on Mobile, thereâs a 61% chance they will leave and go to a different website. Data
shows a positive experience with your responsive website a user is 67% more likely to buy a product or use a
service.
Google Recommended
Latest info
from Google
Google has finally confirmed what
marketing experts and webmasters
have been saying for the past 12
months, âYour website needs to be
responsive otherwise it will not get
a good indexâ
Google has in fact now started
messaging webmasters warning
them that their sites are not mobile/
tablet friendly and that this non-
compliance WILL effect their position
in searches.
5. RWD Costs
New Responsive Website
5
Responsive web design (RWD) is simply a new
way of writing code so that the website can
detect screen size and display the web site in
the correct way, omit items meant for desktops
when viewing on a mobile and show mobile
enhanced content for mobile users.
When designers first started using this technique
a couple of years ago it was seen as a gimmick
but as the mobile/tablet market grew and grew it
became a standardised way of building websites
for many professional designers..
With Top Rank you will NOT be charged
extra for a responsive web site as every
new website we now build is responsive as
standard...
RWD is a new way of coding
not a premuim service
Prices
Basic Brochure Sites 3 to 4 Pages
from ÂŁ200
Ecommerce Sites from ÂŁ400
Dynamic Websites with CMS (Content
Management System)
from ÂŁ300
Responsive Upgrades
As professional coders who refraind from
using templates or open source software
our prices are fully bespoke just like our
websites, we can however give our clients
an idea of what they would expect to pay.
Upgrade or New Site
Having a new responsive website can cost less
than you think and sometimes a responsive
upgrade is the simplest and cheapest way to
go. If you are happy with your content, images
and branding then in most cases an upgrade
to responsive code is possible, even if your
website is database driven.
However, In some cases the website is either too
old to successfully upgrade or the client (web
site owner) feels that a re-brand is needed or
wishes to add more pages and features. In these
case a new website is usually built from scratch..
Brochure Sites 3 to 4 Pages from ÂŁ300
Ecommerce Sites from ÂŁ800
Dynamic Websites with CMS (Content
Management System)
from ÂŁ400
6. RWD Question and Misconceptions
6
Responsive web design is still a fairly new technology so there are still a
few myths and misconceptions surrounding it.
RWD is still a fairly new
technology...
A responsive website is the same as a separate mobile website
Wrong: A responsive website is a single site that detects screen size, a
mobile website is a separate website that detects the device. Separate
mobile websites are old flawed, technology
My website already works on a mobile so itâs responsive
Wrong: Smartphones will render your website whether its responsive
of not, if you site isnât responsive it will look the same as on a desktop
but smaller, youâll need to scroll and zoom to read text and click links
and the whole experience is hard work and not very user friendly..
I donât need to be responsive Iâm on Google and my site is popular
Wrong: You may be on Google at the moment but guidelines are changing
and Google is already choosing to show responsive website to people
searching via a mobile/tablet.
However itâs not just Google you need to worry about.. More people are
using mobiles to access the internet, If your site is not user friendly to
these people they will go to a website that is.
7. About Top Rank
7
Formerly Key Designs, We started
designing web sites back in 1999 so have
seen design techniques and technologies
come and go.
We are professional coders and specialists
in bespoke web design meaning youâre
not stuck with something out of a box like
you are with so many âhave a goâ amateur
design agencies.
Top Rank offer full service web
design including Ecommerce, content
management systems and bespoke web
solutions.
We build our web sites using the latest
technologies and adhere to Googleâs
guidelines.
We have developed our own easy to
use content management system (CMS)
making updating your web site a breeze
Our code is fully optimised for modern
search engines making it much easier to
get a good ranking.
Whether youâre a global franchise or a
one man local business. We have the
skills and packages to suit all.
Your Success is Our Success
Company History
Our company motto has always been âyour
success is our successâ meaning we want
your web site and online business to do
well as this reflects on us and most of our
work is from referrals.
We are not a âConveyor Beltâ web design
company whose only goal is to churn
out sub standard web sites as quickly as
possible with no onsite optimisation and
then quickly move onto the next project on
the conveyor belt.
We work with you to target customers and
create a website that is Google optimised
and able to bring in new business either
directly or though social interactions
8. Top Rank Services
22 Jessica Way
Leigh
Gtr Manchester
WN7 4QG
Tel : 0161 850 5522
email : info@toprankservices.co.uk
www. toprankservices.co.uk