top 10 trends in web marketing & web design

GROUPKARCHERTHE

+ WEB MARKETING & WEB DESIGN

WELCOME!• Jon Dulac – Web Marketing Strategist

• Andrew Husted – Development Team Lead

• tkg.com/breakfast-bootcamp-2013

WEB

1. Facebook Graph Search

2. Multiple Listings for One Website

3. Top Search Engines

4. U.S. Search Volume Trends

5. Link Building

MARKETING:

1.FacebookGraph Search

+ WHAT IS IT?

• Searching Facebook pages

• People

• Businesses

• Places

• Not websites

+ WHAT IS IT?

• Multiple layers of searching

• Geographic

• Gender

• Relationship status

+ CHALLENGES

• Personal privacy settings limit reach

• Users need to ‘Like” more

+ HOW TO BE SUCCESSFUL

• Make a Facebook page

• Get brand advocates to “Like”

• Develop ongoing “Like” campaigns

• Facebook advertising

• Integrate Facebook beyond the F logo

+ WHEN?

• Rolling out over 2013

• Join the wait list

• Type a word into the current search

• Click “Get New Graph Search”

2.Multiple Listingsfor One Website

+ WHAT CHANGED?

• Multiple listings from same domain

• Started October 2012

• Example: Eramet Marietta

+ YOUTUBE

• Multiple Videos

+ PINTEREST

• Followers

• Following

• Specific boards

+ LINKEDIN

• Main business page

• Specific business product pages

+ YELLOWPAGES

• Multiple business locations

3.TopSearch Engines

+ U.S. Search Engines

• comScore provides monthly reports

• U.S. based searches

• Google, Bing, Yahoo, Ask, AOL

+ RESULTS

• Google has 67% of the market

• Showing annual growth

• Bing has 17%

• Recovered from a 2011-2012 drop

• Yahoo has 12%

• Three year low

+ WHAT DOES IT MEAN?

• Google is still the top dog

• Bing is steady but isn’t a force yet

• Bing is powering Facebook

• If Yahoo fades, it’s Google Vs. Bing

4.U.S. SearchVolume Trends

+ January comScore Data

• Google, Bing, Yahoo, Ask, AOL

• 2011: 16.950 billion searches

• 2012: 17.804 billion searches

• 2013: 19.484 billion searches

• Nearly 15% growth over 2 year period

+ WHAT DOES IT MEAN?

• People are searching more

• Integrate offline marketing

• Web marketing for every organization

• Shift offline budgets to online

5.LinkBuilding

+ INBOUND LINKS

• Help determine authority

• Similar to “Likes” on Facebook

+ BAD LINKS

• Dun & Bradstreet

• Soliciting paid links

• JC Penny

• Buying and trading links

+ MORE BAD LINKS

• Forbes

• Selling links

• Overstock.com

• Offered colleges discounts for links

• SearchEngineLand.com Infographic

+ WATCH OUT!

• Excessive link acquisition at one time

• Global inbound links rather than text

• Links from same PR rating sites

• Links with the same anchor text

• “25 quality links guaranteed” = red flag

+ WHAT TO DO

• Produce great content

• Promote content through social media

• Promote through your own site

• Identify strategic industry partners

WEB

1. Single Page Design

2. Infinite Scrolling

3. Large Photo Backgrounds

4. Swiss Style

5. Responsive Design

DESIGN:

1.SinglePage Design

+ WHAT IS IT?

• Entire website on a single page

• Completely vertical layout

• Navigation jumps to different areas of the same page

+ WHY BOTHER?

• Mobile device friendly

• Never requires visitors to click a link to get more information on the topic

• Scrolling is easy!

• Let’s see it! Font Awesome

2.Infinite ∞Scrolling

+ WHAT IS IT?

• A results listing without paging

• Uses AJAX technology to find and display the next set of results before you get to the bottom

+ WHY BOTHER?

• No need to click to the next page

• No page loading

• Scrolling is easy!

• Let’s see it! Google

3.LargeBackground Images

+ WHAT IS IT?

• A hero image large enough to fill an entire webpage

• Yep, an entire page

+ WHY BOTHER?

• Attention grabbing marketing

• Sets an engaging tone for the rest of the website

• Let’s see it! Patagonia

• And again - JayBirdGear

4.SwissStyle Design

+ WHAT IS IT?• AKA International Typographic Style

• Developed in the 1950’s

• Emphasis on cleanliness, readability, objectivity

• Includes things such as grids, asymmetry, sans-serif fonts, large photographic images, whitespace

• Uses Typography as a design element

+ WHY BOTHER?

• Optimal readability

• Display lots of information without being distracting

• Plays well with responsive design

• Great for business sites

• Let’s see it! Microsoft

• And again - GE

5.ResponsiveDesign

+ WHAT IS IT?• A website optimized for ANY device

• Dynamically scales down and reorients features and content based on device dimensions

• Uses cutting-edge markup technology

+ WHY BOTHER?

• Future-proof

• Eliminates the need to upkeep separate desktop and mobile sites

• SEO – no duplicate content or separate page URLs between devices

• Consistent user experience between devices

• Let’s see it! Microsoft

• And again - GE

Questions?• Learn more at our blog - TKgenius.com