The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches...

52
Join the conversation: #nmhcOPTECH @apartmentwire The New Wave of Websites Gary Redmond UDR, Inc. Lynette Hegeman Berkshire Communities Sheri Killingsworth Lincoln Property Company Coby Rich Entrata

Transcript of The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches...

Page 1: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

Join the conversation:

#nmhcOPTECH

@apartmentwire

The New Wave of Websites

Gary RedmondUDR, Inc.

Lynette HegemanBerkshire Communities

Sheri KillingsworthLincoln Property Company

Coby RichEntrata

Page 2: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

Join the conversation:

#nmhcOPTECH

@apartmentwire

THE NEW WAVE OF WEBSITES

Coby Rich

Marketing Director

Entrata

Page 3: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

History

2011

20132008

Page 4: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Rebranding

www.propertysolutions.com www.entrata.com

Page 5: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Goals for New Website

1. Make content easier to consume

2. Generate better leads for the sales team

3. Add more client voices throughout the site

4. Educate about the Entrata platform and other differentiators

Page 6: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Strategy for New Website

1. Make content easier to consume

– Make more mobile friendly

– Narrow focus from 24 products to four suites

Page 7: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Seamless Experience

Page 8: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

ResultsP

ag

es p

er S

essi

on

0

1

2

3

Desktop Mobile Tablet

2014

2015

Av

era

ge

Ses

sio

n D

ura

tio

n

0:00

1:12

2:24

3:36

Desktop Mobile Tablet

2014

2015

Page 9: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Strategy for New Website

1. Make content easier to consume

– Make more mobile friendly

– Narrow focus from 24 products to four suites

2. Generate better leads for the sales team

– Optimize for relevant viewers to attract new traffic and reduce bounce rates

Page 10: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

ResultsB

ou

nce

Ra

te

0%

20%

40%

60%

Desktop Mobile Tablet

2014

2015

52.9%

47.1%

New Visitor

Returning Visitor

July - October 2015

July - October 2014

50.6%49.4%

Vis

ito

rs

Page 11: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Results

Qu

ali

fied

Lea

ds

0

50

100

150

No

vem

ber

Dec

emb

er

Ja

nu

ary

Feb

rua

ry

Ma

rch

Ap

ril

Ma

y

Ju

ne

Ju

ly

Au

gu

st

Sep

tem

ber

Oct

ob

er

Page 12: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Strategy for New Website

1. Make content easier to consume

– Make more mobile friendly

– Narrow focus from 24 products to four suites

2. Generate better leads for the sales team

– Optimize for relevant viewers to attract new traffic and reduce bounce rates

3. Add more client voices throughout the site

– Make client testimonials front and center throughout site

Page 13: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Client Voices

Page 14: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Strategy for New Website

1. Make content easier to consume

– Make more mobile friendly

– Narrow focus from 24 products to four suites

2. Generate better leads for the sales team

– Optimize for relevant viewers to attract new traffic and reduce bounce rates

3. Add more client voices throughout the site

– Make client testimonials front and center throughout site

4. Educate about the Entrata platform and other differentiators

– Make strategic content decisions and keep website content dynamic

Page 15: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 16: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Takeaways from Building a Custom Website

1. Have your audience tell your story

2. Keep content dynamic

3. Be prepared to take twice as long as expected

4. You won’t get everything you want on the first version

5. Test, test, then re-test

6. Designers have feelings too

Page 17: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

Join the conversation:

#nmhcOPTECH

@apartmentwire

The New Wave of Websites

Lynette Hegeman

VP Marketing

Berkshire Communities

Page 18: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Abstract

With mobile searches now exceeding all other types, how a website renders on a mobile device is more important than ever. While some believe responsive design is the best solution, others believe a mobile website works best. Either way, the last year saw a good number of companies once again updating their websites to optimize changing technology, search realities, and interactivity. This session will present case studies of recent website renovations along with lessons learned on what worked and what they’d have done differently.

Page 19: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Don’t Sacrifice for Technology

Page 20: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Meet Users Where They Are

*http://googlemobileads.blogspot.com/2012/08/navigating-new-multi-screen-world.html

“…more Google searches take place on mobile devices than on computers…”*

“…mobile conversion rates have shot up by 29% in the last year alone.”*

Page 21: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Mobile vs. Responsive

be everywhere

be future proof

be fast

Page 22: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 23: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 24: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Stunning Websites…

Page 25: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

… that Performs

22 6 months!! 45users are mobile

March 2015Platform Upgrade

% %

Page 26: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

…and Performs again…

25%of conversions are mobile

Page 27: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

And now some tips and tricks…

define your goals

choose the right partner

understand your demographics

and don’t forget the visuals

manage with data

Page 28: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

And Ready for the Future…Personalization

Page 29: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

Join the conversation:

#nmhcOPTECH

@apartmentwire

A New Wave of Websites

Sheri Killingsworth

VP, Marketing & Communications

Lincoln Property Company

Page 30: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Mobile has changed everything.

2005 | Pope John Paul II 2013 | Pope Francis

Page 31: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Time Spent on Screens

Page 32: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Consumers spend over 15 hours/week on mobile research

Page 33: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Search is the most common starting point for mobile research

Page 34: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

More than ½ of mobile consumers want to purchase within the hour

Page 35: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 36: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

New Micro-Moments

Page 37: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

“I have the whole world in my hands.”

Page 38: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Being there for consumers, in their moment of need, is less about bells and whistles… and more about providing

exactly what is needed in that context, immediately.

Micro-Moments and the Shopper Journey, Harvard Business Review

Page 39: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Reaching the prospect during that ZMOT:Mobile Ranking Factors

Technical Content UX

Page 40: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Technical

Site speed.

Flash.

Keywords in domain.

Page 41: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Content

Keywords in body.

Word count.

Proof terms.

Page 42: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

User Experience

Unordered lists.

Internal links.

Images.

Page 43: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 44: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

0

2,000,000

4,000,000

6,000,000

8,000,000

10,000,000

12,000,000

2012 2013 2014 2015

Mobile Traffic

Page 45: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

0

0.1

0.2

0.3

0.4

0.5

0.6

0.7

0.8

Responsive Sites Non-responsive Sites

Mobile Bounce Rate

Page 46: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

0 500 1000 1500 2000 2500 3000 3500 4000

No SEO or PPC

SEO

SEO & PPC

Mobile Traffic by Type of Campaign

Mobile Pageviews Mobile Sessions

Page 47: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

0.00%

10.00%

20.00%

30.00%

40.00%

50.00%

60.00%

70.00%

Mobile Usage by Design Type

2Q15 | Non-responsive 3Q15 |Responsive

33% increase

Page 48: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 49: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 50: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Page 51: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

#nmhcOPTECH @apartmentwire

Mobile Strategy

It’s less about the bells and whistles.

Responsive alone doesn’t cut it.

Google Analytics is your new bestie.

Page 52: The New Wave of Websites - NMHC | Home · #nmhcOPTECH @apartmentwire Abstract With mobile searches now exceeding all other types, how a website renders on a mobile device is more

Join the conversation:

#nmhcOPTECH

@apartmentwire

Questions?