This document outlines the top 10 web design trends for 2016 to attract new customers. It discusses designing for mobile as mobile usage has surpassed desktop usage. It emphasizes the importance of responsive design that adapts to different screen sizes and devices. The document also stresses the need to eliminate friction through quick loading pages, clear calls-to-action, and consistent navigation. Social proof from reviews, testimonials and awards is recommended to boost credibility and conversions. Overall web performance and speed are critical as mobile users have less bandwidth and patience.
5. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
WHERE YOU’VE SEEN US
6. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
FEATURED CLIENTS & ATTENDEES
7. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Web Design to…
ATTRACT!
ENGAGE!
CONVERT!
8. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
“Too many companies think in terms of digital
marketing. Instead, they should be thinking in
terms of marketing in a digital world.” – Avi Dan
9. 1990
Prodigy,
CompuServe
1991
America Online
1992
SMS Messaging
1994
First Online
Display Ad
1995
Yahoo Search
Engine
1996
Email
Marketing
1997
AIS Media
Launched, Mobile
Payments, SEO
1998
SEM & Google
2000
PPC, AdWords,
Google Mobile
Advertising
2003
LinkedIn,
WordPress,
MySpace
2004
Mobile First, Yelp,
Responsive Web Design,
Facebook
2005
Google Analytics,
SEO, YouTube
2006
Twitter, Marketing
Automation
2007
iPhone, App Store,
Geotargeting, Tumblr
2008
Facebook Ads
2010
iPad, Instagram,
Internet Surpasses
Newspaper
2009
Bing
2011
Google+,
Pinterest,
Snapchat
2014
Mobile Surpasses
Desktop Users, Omni
Channel
2015
Wearables
2016+
Internet of Things,
Mobile Overtakes
Email & Social, Online
Ad Spend Equivalent
to TV Spend
2012
Infographics,
Visual Content
Marketing
2013
iBeacon,
Micro-location
2020201020001990
THE MARKETING EVOLUTION
Copyright 2015.
All rights reserved.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
10. Copyright 2015. All rights reserved.
Videos Articles Webinar Use Case Specs PR
EMAIL
SOCIAL
SEO
WEB
PRESENCE
MARKETING
AUTOMATION
LEADS / SALES
DESIGN
CONVERSION
Papers
CRM
1
2
3
5
DISPLAY
CONTENT
DIGITALMARKETING
CHANNELS
PPC
TECHNOLOGY
4
ANALYTICS &
OPTIMIZATION
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Integrated Digital Marketing Model
11. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Web Design Process
13. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Top 10 Web Design Trends
to Attract New Customers
1. Design for mobile
ATTRACT
14. Mobile Has Surpassed Desktop
54.9
61.6
69.2
77.1
85.9 85.6
19.7
30.7
46
63.7
85.9
113.4
0
20
40
60
80
100
120
2011 2012 2013 2014 2015 2016
Billions U.S. Local Search Market: Mobile vs. Desktop
Desktop Mobile
Source: BIA/Kelsey
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
15. In April 2015, Google updated
its search algorithm to
increase the organic rankings
of sites that are mobile-
friendly.
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Does your site pass
Google’s mobile-friendly
test?
Top 10 WEB DESIGN
Trends for 2016
16. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Mobile Friendly Test Results
UH OH!
Your site did not pass Google’s mobile friendly test.
Mobile viewport not set
Text too small to read
Content wider than screen
Links too close together
17. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Top 10 Web Design Trends
to Attract New Customers
1. Design for mobile
2. Design to be found locally
ATTRACT
18. Customers are increasingly making buying
decisions based on proximity and timing.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
19. Of mobile users look for local
information on their phone.94%
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Source: Televox
20. Getting your business found locally starts
at the web design stage.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
21. SEO Signals
Bad Signals Lead
To Bad SEO
• Broken links
• 404 errors
• 301 (redirects)
• Poor site map
• Missing images tags
Technical SEO Errors
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
22. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Top 10 Web Design Trends
to Attract New Customers
1. Design for mobile
2. Design to be found locally
3. Design unique content for each
stage of the customer journey
ATTRACT
23. Awareness Consideration Decision
Videos
Trend
Reports
Live
Events
Demo
Videos
Interac6ve
Videos
Calculators
eBooks
&
Guides
eNewsle@ers
Tes6monials
Analyst
Reports
Case
Studies
Whitepapers
Feature
Guides
Infographics
Ar6cles
Webinars
Quizzes
&
Widgets
Possible Solution
Interest
Researching Options
Evaluating Products
Narrowing Field
Social Vetting
Negotiation
Decision
Photos
BuyerCommitmentLevel
Ra6ngs
&
Reviews
Copyright AIS Media, Inc. 2016
Right Content. Right Audience. Right Time.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
24. 0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50%
Future Plans
Video Clips
Reposts
Links to Other Websites
News Items
Something I Like or Recommend
Links to Articles
Status Update of What/How I'm Doing
My Opinion
Pictures
Most Popular Shared Content
On Social Media
Source: Study by Ipsos
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
25. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
26. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
For Example:
28. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
ENGAGE
Top 10 Web Design Trends
to Attract New Customers
4. Responsive Design 2.0
29. Today’s consumers demand a
consistent online experience
across all their devices.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
30. Responsive design is an approach
to web page creation that makes use
of flexible layouts, flexible images
and cascading style sheet media
queries.
The goal of responsive design is to
build web pages that fluidly change
based upon a visitor's screen size
and orientation.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Responsive Web Design (RWD)
31. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Stay Consistent Across Devices
Consumers take a multi-
device path to purchase.
This can ultimately affect
traffic, sales & customer
acquisition.
32. Source:
Neotericuk
Content needs to be
formatted appropriately
for each social channel to
maximize engagement.
Content Layout
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
33. Adaptive Web Design
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Adaptive design allows the you
to provide specific display
options based upon fixed device
sizes and orientations.
This kind of implementation
works particularly well for sites
that need maximum control over
their presentation layer.
34. Consider customer intent
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
What are mobile
consumers most
likely searching
for?
1. Address
2. Phone #
3. Hours
35. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Messages must be
consistent across all
channels.
36. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Content Layout
Website
Landing Page
Email
37. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
5. Responsive Design 2.0
6. Design a high-quality user
experience
ENGAGE
Top 10 Web Design Trends
to Attract New Customers
38. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
High Impact Visuals Are A Must
It takes about .o5 seconds for users to form an opinion
about your website that determines whether they like
your site or not, whether they’ll stay or leave.
39. TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
75% of users make judgments about a
company’s credibility based on its web design.
“We find that people quickly evaluate a site by visual design alone. When
designing your site, pay attention to layout, typography, images, consistency
issues, and more…”
Top 10 WEB DESIGN
Trends for 2016
40. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
The Death
of Stock
Photos
41. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
On The Beach
Family
Business Team
Avoid Cliché Stock Photos
42. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Example:
Showcase authentic photos.
43. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Example:
45. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
7. Eliminate friction
CONVERT
Top 10 Web Design Trends
to Attract New Customers
46. Friction = Frustration & Confusion
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
47. What Frustrates Users?
ü Slow-Loading Page
ü Poor Legibility
ü Page Clutter
ü Unclear Call-To-Action
ü Inconsistent Navigation
ü Unnecessary Changes To
Classic Functions
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
48. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Landing Page Test (A)
Landing Page Test (B)
Conversions on
Landing Page (B)
were 133% higher
49. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
7. Eliminate friction
8. Social proof
CONVERT
Top 10 Web Design Trends
to Attract New Customers
50. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
What Is Social Proof?
ü Testimonials
ü Ratings and reviews
ü Case studies
ü Awards
ü Recognition
ü Custom Illustrations
ü Pictures
51. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Showcase Your Customer Reviews
AIMS understood the importance of
showcasing patient testimonials on
their website.
AIS Media helped AIMS
increase website traffic
216%
52. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
7. Eliminate friction
8. Social proof
9. Clear call-to-action (CTA)
CONVERT
Top 10 Web Design Trends
to Attract New Customers
53. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Clear Call-To-Action (CTA)
CTA
CTA
54. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
7. Eliminate friction
8. Social proof
9. Clear call-to-action (CTA)
10. Website performance & speed
CONVERT
Top 10 Web Design Trends
to Attract New Customers
55. Mobile users have half the bandwidth
and are twice as impatient.
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
56. Source: Google/Nielsen
of mobile searches are driven
by speed and convenience.81%
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
57. Mobile “Configuration” Errors
Cause 68% Smartphone
Traffic Loss
Source: Brightedge
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
58. How well is your
site configured to
attract & convert?
Get your site analyzed. Free.
What gets analyzed :
1. Google Mobile-Friendly Design
2. Site Speed
3. Technical SEO
Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
59. Limited Time Complimentary Offer
FREE Website Performance Analysis
• Site speed analysis
• Google’s “Mobile-friendly” test
• Technical SEO audit
• 30-Minute consultation
Call: 404.751.1043
Email: info@aismedia.com
ATTRACT & CONVERT NEW PATIENTS | #AISMediaEdu
60. Top 10 WEB DESIGN
Trends for 2016
TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu
Thank you for attending!