web design 2016: top 10 trends to attract new customers

Thomas Harpointner CEO & Founder

Your presenter

#AISMediaEDU

Amplified. Digital Marketing Performance

ATTRACT !ENGAGE !

CONVERT !

Top 10 WEB DESIGN Trends for 2016

TOP 10 WEB DESIGN TRENDS FOR 2016 | #AISMediaEdu

AWARD-WINNING DESIGN TEAM





WHERE YOU’VE SEEN US



FEATURED CLIENTS & ATTENDEES



Web Design to…

ATTRACT !

ENGAGE !

CONVERT !



“Too many companies think in terms of digital marketing. Instead, they should be thinking in terms of marketing in a digital world.” – Avi Dan

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

2020 2010 2000 1990

THE MARKETING EVOLUTION

Copyright 2015. All rights reserved.



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

DIG

ITA

L M

AR

KE

TIN

G

CH

AN

NE

LS PPC

TECHNOLOGY 4

ANALYTICS & OPTIMIZATION



Integrated Digital Marketing Model



Web Design Process

ATTRACT

DESIGN TO:



Top 10 Web Design Trends to Attract New Customers

1.  Design for mobile

ATTRACT

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

Bill

ions

U.S. Local Search Market: Mobile vs. Desktop

Desktop Mobile

Source: BIA/Kelsey



In April 2015, Google updated its search algorithm to increase the organic rankings of sites that are mobile-friendly.


Does your site pass Google’s mobile-friendly test?




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





2.  Design to be found locally

ATTRACT

Customers are increasingly making buying decisions based on proximity and timing.



Of mobile users look for local information on their phone. 94%



Source: Televox

Getting your business found locally starts at the web design stage.



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






2.  Design to be found locally

3.  Design unique content for each stage of the customer journey

ATTRACT

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

Buyer Comm

itment Level

Ra6ngs & Reviews

Copyright AIS Media, Inc. 2016

Right Content. Right Audience. Right Time. Top 10 WEB DESIGN Trends for 2016


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





For Example:

ENGAGE

DESIGN TO:



ENGAGE


4.  Responsive Design 2.0

Today’s consumers demand a consistent online experience across all their devices.



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.



Responsive Web Design (RWD)



Stay Consistent Across Devices

Consumers take a multi-device path to purchase. This can ultimately affect traffic, sales & customer acquisition.

Source: Neotericuk

Content needs to be formatted appropriately for each social channel to maximize engagement.

Content Layout Top 10 WEB DESIGN Trends for 2016


Adaptive Web Design Top 10 WEB DESIGN

Trends for 2016


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.

Consider customer intent Top 10 WEB DESIGN Trends for 2016


What are mobile consumers most likely searching for? 1.  Address 2.  Phone # 3.  Hours



Messages must be consistent across all channels.



Content Layout

Website

Landing Page

Email



5.  Responsive Design 2.0

6.  Design a high-quality user experience

ENGAGE




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.


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…”




The Death of Stock Photos



On The Beach

Family

Business Team

Avoid Cliché Stock Photos



Example: Showcase authentic photos.



Example:

CONVERT

DESIGN TO:



7.  Eliminate friction

CONVERT


Friction = Frustration & Confusion



What Frustrates Users? ü  Slow-Loading Page ü  Poor Legibility ü  Page Clutter ü  Unclear Call-To-Action ü  Inconsistent Navigation ü  Unnecessary Changes To

Classic Functions





Landing Page Test (A) Landing Page Test (B)

Conversions on Landing Page (B) were 133% higher




8.  Social proof

CONVERT




What Is Social Proof?

ü  Testimonials

ü  Ratings and reviews

ü  Case studies

ü  Awards

ü  Recognition

ü  Custom Illustrations

ü  Pictures



Showcase Your Customer Reviews

AIMS understood the importance of showcasing patient testimonials on their website.

AIS Media helped AIMS increase website traffic 216%




8.  Social proof

9.  Clear call-to-action (CTA)

CONVERT




Clear Call-To-Action (CTA)

CTA

CTA




8.  Social proof

9.  Clear call-to-action (CTA)

10.  Website performance & speed

CONVERT


Mobile users have half the bandwidth and are twice as impatient.



Source: Google/Nielsen

of mobile searches are driven by speed and convenience. 81%



Mobile “Configuration” Errors Cause 68% Smartphone Traffic Loss

Source: Brightedge



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



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: [email protected]

ATTRACT & CONVERT NEW PATIENTS | #AISMediaEdu



Thank you for attending!