Top Banner
1 Pro Surfing Tips What the New Wave of Websites Means for AEC Marketers @davidlecours | @joshmiles | #smpsprc
115

What The New Wave of Websites Means for AEC Marketers

Nov 01, 2014

Download

Marketing

David Lecours

Real-life surfer David Lecours joins Midwesterner and surf-poseur Josh Miles for a highly interactive surf session about the latest in websites, and what they mean for AEC marketers. A few years ago, firms could get by with brochure-style websites. Today the waves are bigger, and the competition is tougher. How do you make the most of your ride, and stand out from the competition?

Surf instructors David and Josh will share their experiences working with dozens of AEC firms to create award-winning websites. Not just pretty websites—but powerful business development tools, capable of generating leads and nurturing prospects throughout the sales tube. Hear the latest trends in digital marketing, responsive, mobile-ready websites, SEO, and more. Leave this session ready to assemble the right internal and external teams to build a website that shreds.

Links to Sites Mentioned and More Resources:
http://www.lecoursdesign.com/wave2014/
http://design-firm.milesdesign.com/surf
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: What The New Wave of Websites Means for AEC Marketers

1

Pro Surfing TipsWhat the New Wave of Websites

Means for AEC Marketers

@davidlecours | @joshmiles | #smpsprc

Page 2: What The New Wave of Websites Means for AEC Marketers

i

paddle before takeoff

INTRO@DavidLecours @JoshMiles

Page 3: What The New Wave of Websites Means for AEC Marketers

Surf Instructors

Page 4: What The New Wave of Websites Means for AEC Marketers

i

David Lecours

@DavidLecours @JoshMiles

Page 5: What The New Wave of Websites Means for AEC Marketers
Page 6: What The New Wave of Websites Means for AEC Marketers

i

JoshMiles

@DavidLecours @JoshMiles

Page 7: What The New Wave of Websites Means for AEC Marketers
Page 8: What The New Wave of Websites Means for AEC Marketers

i

today’s surf sessionhttp://www.lecoursdesign.com/wave2014

http://www.milesdesign.com/surf

AGENDA@DavidLecours @JoshMiles

Page 9: What The New Wave of Websites Means for AEC Marketers

1

Why this session?Why have a website?

WHY

Page 10: What The New Wave of Websites Means for AEC Marketers

Why ThisSession?

WHY

Page 11: What The New Wave of Websites Means for AEC Marketers

Why Havean AEC Firm

Website?

WHY

Page 12: What The New Wave of Websites Means for AEC Marketers

What Should Your Site Do?

WHY

Page 13: What The New Wave of Websites Means for AEC Marketers

WHY

CONVERTCONNECTATTRACTDEMON-STRATE

Page 14: What The New Wave of Websites Means for AEC Marketers

WHY

ATTRACTDEMON-STRATE

Page 15: What The New Wave of Websites Means for AEC Marketers

Well Positioned Firms Attract

ATTRACT

Page 16: What The New Wave of Websites Means for AEC Marketers

An Opportunity to Attract the

Unaware

ATTRACT

Page 17: What The New Wave of Websites Means for AEC Marketers

CONNECTATTRACTDEMON-STRATE

WHY

Page 18: What The New Wave of Websites Means for AEC Marketers

Share YourExpertise

DEMONSTRATE

Page 19: What The New Wave of Websites Means for AEC Marketers

Start With Writing • Blog Posts  • White Papers• Newsletters• Project Case Studies• Positions You Before RFP

DEMONSTRATE

Page 20: What The New Wave of Websites Means for AEC Marketers

Then Graduate to• Webinars  • Speaking• Videos • Podcasts• Infographics• Custom Research

DEMONSTRATE

Page 21: What The New Wave of Websites Means for AEC Marketers

CONVERTCONNECTDEMON-STRATE

WHY

Page 22: What The New Wave of Websites Means for AEC Marketers

This is a Relationship

Business

CONNECT

Page 23: What The New Wave of Websites Means for AEC Marketers

EmotionalConnection

CONNECT

Page 24: What The New Wave of Websites Means for AEC Marketers

CONVERT

WHY

Page 25: What The New Wave of Websites Means for AEC Marketers

No, NotE-commerce

CONVERT

Page 26: What The New Wave of Websites Means for AEC Marketers

Long SalesCycle

CONVERT

Page 27: What The New Wave of Websites Means for AEC Marketers

Clear CTA: Call To Action

CONVERT

Page 28: What The New Wave of Websites Means for AEC Marketers
Page 29: What The New Wave of Websites Means for AEC Marketers
Page 30: What The New Wave of Websites Means for AEC Marketers

Conveniencefor Sharing

WHY

Page 31: What The New Wave of Websites Means for AEC Marketers

Wipeout!

WHY

Page 32: What The New Wave of Websites Means for AEC Marketers

2

What is the new waveof AEC websites?

WHAT

Page 33: What The New Wave of Websites Means for AEC Marketers

The New Wave • Content Management Systems  • Responsive Design• Simplified Navigation• Parallax Scrolling

WHAT

Page 34: What The New Wave of Websites Means for AEC Marketers

ContentManagement

Systems

WHAT

Page 35: What The New Wave of Websites Means for AEC Marketers
Page 36: What The New Wave of Websites Means for AEC Marketers
Page 37: What The New Wave of Websites Means for AEC Marketers

ResponsiveDesign

WHAT

Page 38: What The New Wave of Websites Means for AEC Marketers

Mobile First?

WHAT

Page 39: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 40: What The New Wave of Websites Means for AEC Marketers

Res

Responsive

Responsive

WHAT

Page 41: What The New Wave of Websites Means for AEC Marketers

Res

Responsive

Responsive

WHAT

yourfirm.com t.yourfirm.com

m.yourfirm.com

Page 42: What The New Wave of Websites Means for AEC Marketers

Res

Responsive

Responsive

WHAT

yourfirm.com

Page 43: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 44: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 45: What The New Wave of Websites Means for AEC Marketers

SimplifiedNavigation

WHAT

Page 46: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 47: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 48: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 49: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 50: What The New Wave of Websites Means for AEC Marketers

Going Vert(Scrolling)

WHAT

Page 51: What The New Wave of Websites Means for AEC Marketers
Page 52: What The New Wave of Websites Means for AEC Marketers

ParallaxScrolling

WHAT

Page 53: What The New Wave of Websites Means for AEC Marketers
Page 54: What The New Wave of Websites Means for AEC Marketers

The New Wave • Graphic Design Trends  • CTA & Lead Generation• Marketing Automation• Cross-channel Marketing

WHAT

Page 55: What The New Wave of Websites Means for AEC Marketers

What’s hot?

Page 56: What The New Wave of Websites Means for AEC Marketers

WHAT

Flat Design

Page 57: What The New Wave of Websites Means for AEC Marketers
Page 58: What The New Wave of Websites Means for AEC Marketers
Page 59: What The New Wave of Websites Means for AEC Marketers
Page 60: What The New Wave of Websites Means for AEC Marketers

WHAT

MarketingAutomation

Page 61: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 62: What The New Wave of Websites Means for AEC Marketers

WHAT

Page 63: What The New Wave of Websites Means for AEC Marketers

WHAT

Cross-channelmarketing

mobile • email • web • social

Page 64: What The New Wave of Websites Means for AEC Marketers

AvoidWeb-slinging

Page 65: What The New Wave of Websites Means for AEC Marketers

WHAT

Content is the New SEO

relevant • shared • social

Page 66: What The New Wave of Websites Means for AEC Marketers

The Digital Ecosystem

Page 67: What The New Wave of Websites Means for AEC Marketers

3

How to develop yournext website

HOW

Page 68: What The New Wave of Websites Means for AEC Marketers

Ding Repair-or–

New Board?

HOW

Page 69: What The New Wave of Websites Means for AEC Marketers

HOW

New Board (Site) • 800 px wide, static upper left  • No CMS• Site in Flash• No Responsive Design• No blog, content marketing• 5 years old or greater

Page 70: What The New Wave of Websites Means for AEC Marketers

HOW

Ding Repair (Fix Site) • Weak photography  • Long copy• Marketing Automation• Cross-channel Marketing• “We” centered• No CTA• Inconsistent Branding

Page 71: What The New Wave of Websites Means for AEC Marketers

Lifecycle

HOW

Page 72: What The New Wave of Websites Means for AEC Marketers

Sell It In

HOW

Page 73: What The New Wave of Websites Means for AEC Marketers

AssemblingYour Surf

Team

HOW

Page 74: What The New Wave of Websites Means for AEC Marketers

HOW

Assembling your team: • Firm Principal / C-Suite  • Strategist for planning & prototype• Designer for branding & UI• Writer for voice, story, and content• Photographer / Videographer• Developer / I.T.•Updates & Maintenance

Page 75: What The New Wave of Websites Means for AEC Marketers

UMCI.com

HOW

Page 76: What The New Wave of Websites Means for AEC Marketers

Real people:

HOW

Page 77: What The New Wave of Websites Means for AEC Marketers

LeadingThe Content

Charge

HOW

Page 78: What The New Wave of Websites Means for AEC Marketers

Process

HOW

Page 79: What The New Wave of Websites Means for AEC Marketers

HOW

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 80: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 81: What The New Wave of Websites Means for AEC Marketers
Page 82: What The New Wave of Websites Means for AEC Marketers

PLANBrand Assets ReviewOffline Marketing ReviewOnline Marketing ReviewStrategic Brief

Page 83: What The New Wave of Websites Means for AEC Marketers

RandallLamb.com | Site Map | 07.25.12

Each Project to have 1–4 photos, Most will have 3 photos

SD + SF address, phone, emailmapsLinked-In Linkcontact person Olga only

headshots, bio, email

RL Insight: Press Releases, New Hires, Job Promotions

Sunset Magazine feelWeather pull?

Current blog URL rlinsight.com will point to: randalllamb.com/insightOn Current Blog: Delete About Us, Direct Mail > New Hires, RL Life

HealthcareGallery

LOGO (HOME)

PROFILE

PORTFOLIO

INSIGHT

CAREERS

CONTACT

Vertical Scroll: ReinventionFeatured Project©, site credit

subscribe form to email list via VR RSS feed for blogblog feed

social media: linkedinshare +SD 619.713.5700 | SF 415.512.9771

no searchno ftp or client site

H O M E / G L O B A L N AV.PROFILE ServicesOverview People

PORTFOLIO

CAREERS

CONTACT

Science & Tech.Gallery

INSIGHT

CommercialGallery

EducationGallery

HospitalityGallery

Public Agency /Military Gallery

Mission Critical Commissioning& Const. Services

Clean EnergySolutions

Kaiser San Marcos Medical Office Building

Kaiser San Diego Medical Center Zion

Rady Children’s Hospital Acute Care

Ronald McDonald House, Rady Children’s

Scripps Green Medical Office Building

Sharp Grossmont Hospital, Diagnostic Ctr.

Sharp Grossmont Hospital, Emergency

Aaron Parkington, PE, LEED AP

Aaron Strauch, PE, LEED AP

Bob Randall, PE, Founding Principal

Bruce Kerstetter

Chris Lloyd, PE

Gary Eastley, PE, LEED AP

Jackie Larkin

Kurt Kohler, PE, LEED AP

Philip Tapia, PE

Page 84: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 85: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 86: What The New Wave of Websites Means for AEC Marketers

ABOUT EXPERTISE PEOPLE CAREERS News Contact Search

Content 1

Content 2

PROJECT & NEWS SLIDESHOWlinks to project & news item

700 px wide

Who We Are HeadlinePsomas is one of the top-ranked consulting engineering firms in the nation: 147 on the ENR 500.

We serve clients in the Energy, Federal, Site Development, Trans-poration and Water markets across the Western United States.

Unique Headline To Support Slide Above

Client Login | © Psomas 2013 | Privacy | Security | Disclosure Reports RSS Linked-In YouTube Share 800.500.1212 Our Whole Site

Page 87: What The New Wave of Websites Means for AEC Marketers

ABOUT

EXPLERTISEBy MarketEnergyFederalSite Development Civic Education Healthcare Office/Retail/ Industrial Recreation ResidentialTransporationWater

EXPERTISE PEOPLE CAREERS News Contact Search

SITE DEVELOPMENT: CIVIC

Market Leader

John Smith, LEED APTitle310.555.1212Bio | email

Photo of John

Unique URL

Subscribe To Our News

First Name

All Psomas NewsPsomas Site Development News

First Name

Email

Submit

x

Sub-Head: Psomas Unique Approach to Site Development: Civic

This is dummy copy. Don’t read it. balancing the natural and built environment, Psomas is ranked by ENR (Engineering News Record) magazine as one of the top design firms in the nation. With dozens of LEED Accredited Professionals, we serve public and private sector clients in the transportation, water, site development, federal and energy markets.

The cornerstone of our business approach is to focus on our clients’ long-term needs and guide our strategic growth to meet those needs. We produce award-winning projects through innovation, creativity and cutting-edge technical expertise.

AwardsAward Number 1Award Longer Name Number 2Award Number Med. Name 3View All Awards >

Site Development:Civic NewsHeadline News Item Number 1Headline News Item That is TwoLines Will Be Number 2Headline News Item Number 3

Select Civic Projects

All Civic Projects

Historic Fox Theatre Performing Arts CenterRiverside, California

Historic Fox Theatre Performing Arts CenterRiverside, California

Historic Fox Theatre Performing Arts CenterRiverside, California

Historic Fox Theatre Performing Arts CenterRiverside, California

Historic Fox Theatre Performing Arts CenterRiverside, California

Historic Fox Theatre Performing Arts CenterRiverside, California

Page 88: What The New Wave of Websites Means for AEC Marketers

ABOUT

EXPLERTISEBy MarketEnergyFederalSite Development Civic Education Healthcare Office/Retail/ Industrial Recreation ResidentialTransporationWater

EXPERTISE PEOPLE CAREERS News Contact Search

SITE DEVELOPMENT: CIVIC

Market Leader

John Smith, LEED APTitle310.555.1212Bio | email

Photo of John

The Unique Psomas Approach to Site Development: Civic

This is dummy copy. Don’t read it. balancing the natural and built environment, Psomas is ranked by ENR (Engineering News Record) magazine as one of the top design firms in the nation. With dozens of LEED Accredited Professionals, we serve public and private sector clients in the transportation, water, site development, federal and energy markets.

The cornerstone of our business approach is to focus on our clients’ long-term needs and guide our strategic growth to meet those needs. We produce award-winning projects through innovation, creativity and cutting-edge technical expertise.

Historic Fox Theatre Performing Arts CenterRiverside, California

Show Project Description

Back to Select Projects Gallery x

1 Project Photo785 px wide

All Civic Projects

Page 89: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 90: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 91: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 92: What The New Wave of Websites Means for AEC Marketers
Page 93: What The New Wave of Websites Means for AEC Marketers
Page 94: What The New Wave of Websites Means for AEC Marketers
Page 95: What The New Wave of Websites Means for AEC Marketers
Page 96: What The New Wave of Websites Means for AEC Marketers
Page 97: What The New Wave of Websites Means for AEC Marketers
Page 98: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 99: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 100: What The New Wave of Websites Means for AEC Marketers

HOW

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 101: What The New Wave of Websites Means for AEC Marketers
Page 102: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 103: What The New Wave of Websites Means for AEC Marketers

RandallLamb.com | Site Map | 07.25.12

Each Project to have 1–4 photos, Most will have 3 photos

SD + SF address, phone, emailmapsLinked-In Linkcontact person Olga only

headshots, bio, email

RL Insight: Press Releases, New Hires, Job Promotions

Sunset Magazine feelWeather pull?

Current blog URL rlinsight.com will point to: randalllamb.com/insightOn Current Blog: Delete About Us, Direct Mail > New Hires, RL Life

HealthcareGallery

LOGO (HOME)

PROFILE

PORTFOLIO

INSIGHT

CAREERS

CONTACT

Vertical Scroll: ReinventionFeatured Project©, site credit

subscribe form to email list via VR RSS feed for blogblog feed

social media: linkedinshare +SD 619.713.5700 | SF 415.512.9771

no searchno ftp or client site

H O M E / G L O B A L N AV.PROFILE ServicesOverview People

PORTFOLIO

CAREERS

CONTACT

Science & Tech.Gallery

INSIGHT

CommercialGallery

EducationGallery

HospitalityGallery

Public Agency /Military Gallery

Mission Critical Commissioning& Const. Services

Clean EnergySolutions

Kaiser San Marcos Medical Office Building

Kaiser San Diego Medical Center Zion

Rady Children’s Hospital Acute Care

Ronald McDonald House, Rady Children’s

Scripps Green Medical Office Building

Sharp Grossmont Hospital, Diagnostic Ctr.

Sharp Grossmont Hospital, Emergency

Aaron Parkington, PE, LEED AP

Aaron Strauch, PE, LEED AP

Bob Randall, PE, Founding Principal

Bruce Kerstetter

Chris Lloyd, PE

Gary Eastley, PE, LEED AP

Jackie Larkin

Kurt Kohler, PE, LEED AP

Philip Tapia, PE

Page 104: What The New Wave of Websites Means for AEC Marketers

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

Page 105: What The New Wave of Websites Means for AEC Marketers

Results

HOW

Page 106: What The New Wave of Websites Means for AEC Marketers

HOW

ANALYTICSSite Launch Feb. 1, 2013

Feb., March, April 2013 vs.Feb., March, April 2012

Page 107: What The New Wave of Websites Means for AEC Marketers

HOW

ANALYTICSVisit Duration: ⇧ 300%Avg. 3min. 8sec.Pages Per Visit: ⇧ 240%Bounce Rate: ⬇ 21%

Page 108: What The New Wave of Websites Means for AEC Marketers

HOW

ANALYTICSSite Visits: ⇧ 242%Uniques: ⇧ 197%Total Page Views: ⇧ 590%

Page 109: What The New Wave of Websites Means for AEC Marketers

HOW LONG?

PLANNINGPROTOTYPING

DESIGN EXPOLRATIONDESIGN REFINEMENT

CODINGTRAINING

CONTENT POPULATIONTESTING & LAUNCH

4-8 months

Page 110: What The New Wave of Websites Means for AEC Marketers

HOW

BUDGET$25k–75k

Page 111: What The New Wave of Websites Means for AEC Marketers

HOW

$50k for new site

50 p = $5M Annual Revenue

Lifespan 5 yrs. = $25M Revenue 1:500

5 yrs. = 50 projects

1 project = $100k average 1:2

ROI

Page 112: What The New Wave of Websites Means for AEC Marketers

Ways To Measure• RFPs / Short Lists / Win Rate• Conversions• New Hires• Analytics

HOW

Page 113: What The New Wave of Websites Means for AEC Marketers

Zen and the Art of

Website Maintenance.

Page 114: What The New Wave of Websites Means for AEC Marketers

C

back to the beachCONCLUSION

@DavidLecours @JoshMiles

Page 115: What The New Wave of Websites Means for AEC Marketers

C

RESOURCEShttp://www.lecoursdesign.com/wave2014/

http://www.milesdesign.com/surf

@DavidLecours @JoshMiles