2014 best practices on your website
DESCRIPTION
Ryan Thompson and Jordan Wollman, the partners of agency Aria, present the best practices to produce results on digital platforms and websites for 2014TRANSCRIPT
![Page 1: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/1.jpg)
2014 Best Practices on the Web
An Educational Presentation | Ryan Thompson (Founder & CEO) & Jordan Wollman (Partner & CCO)
A guide to designing websites that generate awareness, raise engagement and boost conversions
![Page 2: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/2.jpg)
Welcome!Jordan Wollman Chief Creative Officer & Partner @ Aria
Ryan Thompson Chief Executive Officer & Founder @ Aria
![Page 3: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/3.jpg)
We change how people experience destination brands
through strategy, branding, marketing and digital
experiences
![Page 4: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/4.jpg)
What we’ll cover1) How to think about your website!2) Planning & strategy for modern websites!3) The role and importance of content!4) Information architecture!5) Design tips!6) A wee bit of technical stuff!7) Thinking like a salesperson!8) Shareability & social integration!9) Q&A
![Page 5: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/5.jpg)
1. Don’t build a “website”
You need a digital marketing platform that is your first, most
integrated impression to the world
![Page 6: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/6.jpg)
It sure as hell doesn’t belong to I.T.
Your website is the center of the hub of your digital ecosystem with many
spokes inbound and outbound
![Page 7: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/7.jpg)
Source: Heather Timmerman on PreviewNetworks.com
Think about where the
majority of your marketing and
advertising lands people…
![Page 8: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/8.jpg)
Leisure TravelLifecycle
The
![Page 9: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/9.jpg)
BROADCAST
DIGITAL
CONTENT PR
WEBSITE
VISITORS GUIDE
CONTENT PR
BOOKING ENGINE
ONLINE TRAVEL AGENTS
MOBILE OPTIMIZED"WEBSITE
OWNED MEDIA
SOCIAL REVIEW PLATFORMS
SOCIAL SHARING
![Page 10: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/10.jpg)
2. Be strategic
Your Digital Marketing Platform must achieve specific goals
![Page 11: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/11.jpg)
Define your objectives
We think they should be: 1) Increased awareness!
2) Engagement!3) Conversion
![Page 12: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/12.jpg)
Objective:!Awareness{ ‣ Website traffic volume
‣ Website traffic referrals ‣ Inbound links from third-parties ‣ Inbound search volume ‣ Email subscriber database growth ‣ Social friends, followers, fan volume ‣ Social share of voice / Influence ‣ Earned media coverage
![Page 13: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/13.jpg)
Objective:!Engagement{ ‣ Website time on site
‣ Website repeat visits ‣ Website bounce rate ‣ Social friends engagement ‣ Social sharing ‣ Recommendations ‣ Reviews ‣ Email opens / clicks
![Page 14: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/14.jpg)
Objective:!Conversion { ‣ Onsite hotel booking
‣ Third-party hotel booking ‣ Visitor guide download ‣ Visitor guide request ‣ Website goal conversions ‣ Website inquiries ‣ Contest entries
![Page 15: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/15.jpg)
Understand your!value proposition
Sound like branding? Well, it is.
![Page 16: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/16.jpg)
Understand your value proposition
Your digital marketing platform is just another marketing channel to deliver your brand message
![Page 17: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/17.jpg)
S.W.O.T
Aria uses S.W.O.T. exercises to define the value proposition
![Page 18: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/18.jpg)
Offset weaknesses with strengths.!"
Offset threats with opportunities.
![Page 19: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/19.jpg)
Strengths + Opportunities =!Value Proposition
![Page 20: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/20.jpg)
Identify your audiences
With a good S.W.O.T. yielding a clear value proposition: match your audiences to it
![Page 21: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/21.jpg)
The intersection of users with your value proposition informs all decisions
![Page 22: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/22.jpg)
3. Content is [still] king
Without great content, every marketing function,
including a website, will fail
![Page 23: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/23.jpg)
Invest in content
Content is the smallest budget item but is as important as
design and function
![Page 24: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/24.jpg)
SEO is dead!Be a storyteller.!
!
Write good, interesting, sharable narratives. It’s what your audience wants, and what
Google will give credit for
![Page 25: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/25.jpg)
How to emotionally approach content
1) K.I.S.S.!2) Chunk the content! (clear headlines and delineation of ideas) 3) Use images & video!4) Encourage engagement! (through conversation & sharing)
![Page 26: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/26.jpg)
How to practically approach content
Every page needs the pyramid
![Page 27: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/27.jpg)
AUDIENCE& PRIORITY
TITLEINTRODUCTION
CALLS TO ACTION
PROOFTHE
SHORT, SIMPLE, “ABOVE THE FOLD”
:+$7·6�1(;7�³�+2:�&$1�,�$&7�21�7+(�,1)2�$%29("
'(7$,/('�5($6216�72�%(/,(9(�³<28·9(�*27�0(�7+,6�)$5��/(7·6�),1,6+�7+,6�
The!content!pyramid
![Page 28: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/28.jpg)
4. Architecture
The integrity of the structure relies heavily on its architecture
![Page 29: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/29.jpg)
Organic architecture
Make decisions early on how you will learn, and implement changes based
on user behavior
![Page 30: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/30.jpg)
Track user behavior!!
Use tools to investigate and understand user behavior
Heatmap by CrazyEgg
![Page 31: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/31.jpg)
Eye Tracking by Tobii
![Page 32: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/32.jpg)
Horizontal navigation
Don’t force visitors down your navigational track: use cross-link
architecture. Think Wiki
![Page 33: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/33.jpg)
5. Bring the sexy!(aka Design)“Simplicity isn't simple.”!
— Johnathan Ive !
“But it’s so worth the effort.”!— Jordan Wollman
![Page 34: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/34.jpg)
Is good design subjective?
![Page 35: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/35.jpg)
No.!!
Follow Dieter Rams’ 10 principles of good design
![Page 36: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/36.jpg)
1. Good design is innovative.
![Page 37: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/37.jpg)
2. Good design makes a product useful.
![Page 38: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/38.jpg)
3. Good design is aesthetic.
![Page 39: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/39.jpg)
4. Good design makes a product understandable.
![Page 40: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/40.jpg)
5. Good design is unobtrusive.
![Page 41: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/41.jpg)
6. Good design is honest.
![Page 42: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/42.jpg)
7. Good design is long-lasting.
![Page 43: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/43.jpg)
8. Good design is thorough down to the last detail.
![Page 44: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/44.jpg)
9. Good design is environmentally friendly.
![Page 45: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/45.jpg)
10. Good design is as little design as possible.
![Page 46: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/46.jpg)
6. The technical stuff
Getting it right the first time means you don’t have to scrap it in 3 years
![Page 47: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/47.jpg)
Evolve… olution
Don’t design pages. Think modular — from technology, to design, content and its
containers, to features and functionality
![Page 48: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/48.jpg)
Open source!When possible, go open source (non-proprietary)
!
If not, it means you’re married: long-terms, hidden maintenance costs, and slow
adoption of new technology and industry standards
![Page 49: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/49.jpg)
Open source!Technology libraries like JQuery, SASS, LESS, Foundation, etc., have massive communities of
innovative developers contributing hourly !
That’s a lot of power at your fingertips
![Page 50: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/50.jpg)
Think!Mobile First!For many, it’s where the experience all begins
![Page 51: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/51.jpg)
Almost 1 in 4 hotel queries come from a
mobile phoneVia
Google/OTX, The Traveler’s Road to Decision 2011
![Page 52: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/52.jpg)
Mobile is!serving as a hub for all of these activities
![Page 53: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/53.jpg)
Responsive design?
Responsive, yes, but mobile-first. Get that part right, the rest is cake.!
![Page 54: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/54.jpg)
7. Remember the bottom line
Think like a sales person…
![Page 55: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/55.jpg)
Call-to-actionEvery page should answer two questions:
!
So what?!Now what?!
![Page 56: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/56.jpg)
Design with purpose
Every page needs a litmus test:does this serve a specific purpose? Is it necessary?
!
If not, scrap it.
![Page 57: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/57.jpg)
Utilize landing pages
Landing pages are search magnets, focus on targeted content, and are
designed to convert
![Page 58: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/58.jpg)
8. Sharing & Social
People share content that is interesting
![Page 59: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/59.jpg)
Don’t fret: partner with 3rd partiesTri
pAdv
isor
Trave
l + Le
isure
Jet S
etter
Kaya
k
Urba
n Spo
onInn
Touc
hPin
teres
tIns
tagram
Face
book
![Page 60: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/60.jpg)
Share contextuallyPhotos on Pinterest Snippets on Twitter Stories on Facebook Deals on Facebook and Twitter Etc.
![Page 61: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/61.jpg)
One more thing… Launch Day isn’t the end
Activate a marketing plan to immediately drive traffic to your
new digital marketing hub
![Page 62: 2014 Best Practices on your Website](https://reader033.vdocument.in/reader033/viewer/2022052521/5450162faf79594e058b6d5b/html5/thumbnails/62.jpg)
Q&Aariaagency.com @jordanwollman /jordanwollman
jordan@ !
ariaagency.com @ryanathompson /ryanathompson
ryan@ !