55 Examples of Beautifully Integrated Social Media Links in Web Design
I believe that everybody already understands the importance of social media, and incorporating it into a web design. To get the attention of your viewers to your social media links you need to use both strategy and good taste. To design a good call-to-action social media icon/link you need to think about its positioning, its color, approach, style, size, everything. You also need to keep in mind that you want to get the attention of your viewers to the social side of your website without distracting from what’s important, such as the content. In my opinion, a good social media link is one that you have no trouble to finding and when you find it, you like what you see.
To give you some ideas of how you might integrate social media links in your next project, I’ve put together a collection of 55 Examples of Well Integrated Social Media Icons in Web Design. There should be plenty here to inspire you.
What’s Up Cupcake?
Jason Howmans
Brett Chaney
dConstruct2010
The Waiting Room
Sky’s
Francesco Molezzi
veerle’s blog
danscotton
coolandtheguide
acosmin.com
Midtsommerjazz 2010
Taming the Wolf
The Pineapple Thief
precinkt
Aran Down
taami berry
brizk
The Many Faces of
Daniel Marques
Jonas Eriksson
Creative Soapbox
Poolga
the ship and the sea
Ricky Ryan
madewithlove
fullyi llustrated
freshlimesoda
monkeyworks illustration
Work at Play
AgencyNet 2.0
Healthy Harvest
shout
Crush + Lovely
The Walk
ok.cogaoke.com
Blissfully Aware
Andrew Greig
Oslo Internasjonale FilmFestival
Truf Creative
Behind my Scenes
Oliver James Gosling
Carl Rosekilly
They Make Apps
Behind the Websites
Vegas Uncorked
Foxtie
Zee
R/GA
Nocturn
Carsonified
EnviraMedia
ectomachine
Tapbots – Pastebot
Creanto
Sources:
About the Author
Related Posts
Here's some other articles that you will definitely find useful.
45 Inspiring Design Agency Websites
55 Excellent Examples of Websites Using HTML5
30 Inspiring iPhone Application Websites
35 Purple Web Designs to Inspire You
25 Nature Related Web Designs to Inspire You
Jun 21, 2010
Awesome showcase! Social media is the most important part of a web design nowadays. The more attractive integration, the more subscribers a website will get.
Jun 21, 2010
I like all of them, but I especially like Daniel Marques’, the one with the bookshelves. You could miss it at first if you don’t pay attention
Jun 21, 2010
I really really enjoyed this. Completely unique post and very inspirational.
I love how these design all fit and shows a real high level of care and attention to the overall work on show.
Jun 21, 2010
Some folks really put some work into their integration, but I don’t see what’s so beautifully original about some of those other plain text links.
Jun 21, 2010
Amazing showcase! I believe attracting integration between websites and Social Media links is the main thing, and this is how I integrated them in my website: http://yfrog.com/4rmywebsitep
Jun 21, 2010
Simply awesome. All are new to me. Nice post.
Jun 21, 2010
Our local basketball teams website had some good ones too. Used Penent Flags for the design.
http://www.goseadawgs.com
Jun 21, 2010
Very nicely integrated.
Jun 21, 2010
Love the post. I recently came across these icons… http://www.faucethead.com . Nice to see people thinking more than just dropping a logo on the page.
Jun 21, 2010
Love to see how people integrate these into their websites!
Some are cute and others are very practical (& cool).
thanks =)
Jun 21, 2010
nice collection!
Jun 21, 2010
These examples of Social media links are really interesting, especially in the way they are designed to work with the design of the website. It makes the designer seem unique and the viewer is more likely to subscribe. It’s a very inspiring post.
Jun 21, 2010
Wow, what a great collection of Social Media Marketing logos! I will bookmark it and retweet it, NICE WORK!
Jun 21, 2010
I like this showcase; very inspiring!
Jun 21, 2010
Beautiful integration of icons and links. Really some well-thought out design on this list.
I spent some time putting in Social Media links on this website: Writing the World
Jun 21, 2010
That ipad application websites looks simple and cute.We could design like this.
Jun 21, 2010
thanks for the post, some great examples of what can be achieved, I love the twitter blue bird.Were these designed concepts or sourced from plugins?
Jun 21, 2010
I love all of them but i think your missing one
Jun 21, 2010
Great list! nice idea of having it! Thanks for the post!
Jun 22, 2010
These are awesome and seamless. I think the integrations look like part of the site versus just having these random social media icons.
Jun 22, 2010
Nice collection. I really like the way What’s Up Cupcake, Daniel Marques and Fresh Lime Soda integrated the social media in their websites.
Jun 22, 2010
awesome integration!
Jun 22, 2010
Loving this showcase! Very creative
Thanks for sharing!
Jun 22, 2010
Thanks for the post! Great list! This site is another example. http://www.nicolasbulacio.com
Jun 24, 2010
very nice examples for inspiration thank you
Jun 24, 2010
I must thank you, again, for including our website, http://www.nocturn.ro, in this nice selection of examples, even thou we’ve used the social media links in a quite simple manner. You’ve chosen some really nice examples. Thanks for sharing.
Jun 25, 2010
those ones are beautiful, but this one could fit: http://caramelcafe.hu/ what do you think?
Jun 28, 2010
Great Designs. Nice to see how creative people get with integrating social media into their sites. Inspiring stuff.
Jun 28, 2010
Some great ideas, loving the design from Daniel marques. Wonder how long something as unique as that took
Jun 28, 2010
Some of them are nice but quite a lot of them are pretty uninspiring – I’m a bit surprised you’ve incuded simple text links to social media sites in the examples, although I guess you might deem them to fit with the style of the site.
Jun 29, 2010
Daniel Marques’ is definitely one of the most original.
Jul 2, 2010
Some great examples here, I like the ‘What’s up Cupcake’ set.
Jul 18, 2010
Bookmarked! Thank you.
Here’s another one you may like. http://thissuitcase.com/
Jul 23, 2010
Breathtaking…
Parabéns Giselle!! Valeu a pena scroll a seleção toda!
Bom trabalho e bom final de semana!
Jul 29, 2010
I enjoyed these examples. I have a custom pink Twitter bird and custom LI icon. I think mine rivals any of these so take a peek and judge for yourself.
Aug 3, 2010
“Midtsommerjazz 2010″ is cool and so easily understandable, +10 for it
Aug 11, 2010
superb resource for inspiration
we’re adding the whole gamut of social functionality to our site and examples like the terrific bookshelf really make us want to do something original…
… hope to plump for something more than glossy buttons…
Aug 16, 2010
Great examples! My website is another example that could interest you. Maybe…
Aug 23, 2010
Bravo! This is awesome. Most showcase galleries list a selection of icons sets ….useful, but all rather samey.
This is the first time I’ve seen someone showcase superb examples of how they can be imaginatively integrated consistently with overall branding and visual identity.
With the awesome variety of social media icon sets available, it’s a shame that so many sites use the same popular sets.
Please please give us more showcases like this.