Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks &
Illustrator Tutorials
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Web Design Trends 2011 - Social Media Integration   

Social Media Integration

Popular Web Design Trends 2011 - Part 6

Social media integration is the syncing of all social media profiles on various social media platforms and aligning their functionality with that of a company’s main website.

Social media platforms:

  • increase web traffic and clicks through social sharing
  • provide social branding
  • increase brand visibility through social media marketing and promotion
  • enable customers to give feedback

To use social media effectively on your website,

  • Consider its positioning, color, approach, size, style. The customer should be able to find social networking buttons quickly and like what he sees
  • Call attention without distracting from what’s important in the site
EnviraMedia - www.enviramedia.com

The Twitter bird sits on a branch of the tree which is the main visual on the site.

Wild Bills SodaThe social media icons are intelligently crafted into the layout as a signboard on the right. The animated shadow of a cowboy stalking up the path, reaching for a gun, only serves to heighten the visual attention on these icons.

 

www.theshipandthesea.com
Just in case you miss the Twitter icon on top of the page, it stays with you as you scroll right down the page and looks a lot like a menu tab in this design.

Don’t miss Twitter as you scroll down  in the footer which is given almost the weightage of a menu tab. 

 

www.danielmarques.me

This site lets the visuals speak - on hover they act as a personal introduction to the artist, his portfolio and his interests.  See the upfront emphasis on the social networking icons here.  

 

Freshlimesoda

Social media icons on soda cans - very creative and relevant to the name of the site!

 

Healthy Harvest - www.healthyharvesthydro.com

Healthy Harvest uses the social media icons on the header as well as the footer to promote its H3O blog.

Edgepoint Church

A huge Twitter icon with shadow on the intro slideshow of a church website and more social networking icons on the side! Shows the importance of social media in any community.

 

www.iconmoon.com
Note the bird pointing the way to the icons on the footer.

www.bornwithdesign.com

An animated pen stops right over the diary to call attention to all contact details including pencil-drawn social networking icons with “call to action” lines.

 


This page is a part of our series on Popular Web Design Trends 2011 which include hand-drawn design, mega design elements, parallax 3-D effects, mobile-friendly websites, use of CSS3, HTML5 and jQuery, social networking integration, minimalism, magazine-style layouts.




No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


Related Articles, Tips & Ideas

Cool Website Menu Ideas

Logo Design Ideas

Brochure Design Tips

Text Ideas in Design

Logo Design Tips