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
I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
Inspiring Type in Package Design
Flat Design Inspiration
21 Beautiful Examples of Using White in Web Design
23 Examples of Flat Web Design
21 Examples of Pricing Pages in Web Design
47 comments
AEXT.NET MAGAZINE
June 21, 2010Awesome showcase! Social media is the most important part of a web design nowadays. The more attractive integration, the more subscribers a website will get.
DataQ Web
June 21, 2010I 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
Johny Favourite
June 21, 2010I 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.
Stijn
June 21, 2010Some 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.
Vectorfly
June 21, 2010Amazing 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
Sharif khan
June 21, 2010Simply awesome. All are new to me. Nice post.
Blake Baxendell
June 21, 2010Our local basketball teams website had some good ones too. Used Penent Flags for the design.
http://www.goseadawgs.com
Jordan Walker
June 21, 2010Very nicely integrated.
chris
June 21, 2010Love 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.
Chris Fernandez
June 21, 2010Love to see how people integrate these into their websites!
Some are cute and others are very practical (& cool).
thanks =)
Cam Hilsman
June 21, 2010nice collection!
Amelia Johnson
June 21, 2010These 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.
Gregg Towsley
June 21, 2010Wow, what a great collection of Social Media Marketing logos! I will bookmark it and retweet it, NICE WORK!
Eva
June 21, 2010I like this showcase; very inspiring!
Brad
June 21, 2010Beautiful 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
boston website design
June 21, 2010That ipad application websites looks simple and cute.We could design like this.
Keir Harness
June 21, 2010thanks 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?
Clyde Billingsley
June 21, 2010I love all of them but i think your missing one
Philwebservices
June 21, 2010Great list! nice idea of having it! Thanks for the post!
Amber - SEO Content Writer
June 22, 2010These are awesome and seamless. I think the integrations look like part of the site versus just having these random social media icons.
MC Bonet
June 22, 2010Nice collection. I really like the way What’s Up Cupcake, Daniel Marques and Fresh Lime Soda integrated the social media in their websites.
Jae Xavier
June 22, 2010awesome integration!
Sneh Roy
June 22, 2010Loving this showcase! Very creative
Thanks for sharing!
Nicolás
June 22, 2010Thanks for the post! Great list! This site is another example. http://www.nicolasbulacio.com
deniz
June 24, 2010very nice examples for inspiration thank you
alex tass
June 24, 2010I 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.
lamourbaby
June 25, 2010those ones are beautiful, but this one could fit: http://caramelcafe.hu/ what do you think?
Innovatics
June 28, 2010Great Designs. Nice to see how creative people get with integrating social media into their sites. Inspiring stuff.
sam
June 28, 2010Some great ideas, loving the design from Daniel marques. Wonder how long something as unique as that took
Luke Sheppard
June 28, 2010Some 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.
Pedro
June 29, 2010Daniel Marques’ is definitely one of the most original.
Attitude Design | Graphic Design Portfolio
July 2, 2010Some great examples here, I like the ‘What’s up Cupcake’ set.
kris
July 18, 2010Bookmarked! Thank you.
Here’s another one you may like. http://thissuitcase.com/
Raquel Brandim
July 23, 2010Breathtaking…
Parabéns Giselle!! Valeu a pena scroll a seleção toda!
Bom trabalho e bom final de semana!
Carrie
July 29, 2010I 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.
Nauman Akhtar
August 3, 2010“Midtsommerjazz 2010″ is cool and so easily understandable, +10 for it
ski holidays
August 11, 2010superb 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…
ilusionas
August 16, 2010Great examples! My website is another example that could interest you. Maybe…
Sue Brettell
August 23, 2010Bravo! 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.
Craig McPheat
February 2, 2011Great resource for inspiration thanks!
Dennison Uy
March 9, 2011Some of the examples aren’t that special but there are real gems in this list. Excellent article.
Derek Kimball
May 30, 2011I was actually more impressed with the quality of the sites themselves. An awesome collection of inspiration. I must say, I look forward to WDL in my email inbox. Keep it up.
Web site Design Calgary
June 18, 2011It’s important that social media icons need to stand out a bit from the overall design. In some senses, making the icons match your own site design is disregarding their branding in favor of making it look pretty.
GIK
August 16, 2011Really like the way that some of the logos actually become part of the overall theme of the site will be looking to adapt this is some of my own sites.
Printing Company
January 12, 2012Nice Resources. I like it
Em Dash
March 22, 2012Some of these are interesting from a design perspective, but others treat the social media links like another navigation link in the same style as the rest of the site – hardly innovative or worth including on this list.
Does anyone else find it ironic that designers, traditionally ever so concerned with maintaining their own brand design, are willing to mutilate facebook and twitter’s icons and logos? I mean, part of the point of including a link to facebook or twitter using an icon is to be instantly recognizable to the viewer…
Sandy Rowley
April 23, 2013Superb collection of creative website designs!
Motivating people to click through and actually engage in conversations on social media profiles is more of a challenge. Although these designers clearly have a gift for visual design, most of their FB pages had no communication on their walls.
I think social media marketers are still experimenting with which demographic will engage on these social networks and which need to focus efforts elsewhere.
Great list of beautiful web design.
Sandy Rowley