Company

IBM (smarterquestions.org)

Company Details

SmarterQuestions – Discover the comparative advantages of IBM solutions. Ask smarter questions.

Project Details

We were very honored and excited to design a wordpress blog for IBM. We went with a very clean and colorful design with separating each of the main blog categories with its own color titles. Wanted each category to have it’s own feel and own sections (with spotlight and top story dedicated to each one) . This wordpress site is also using our very own WP Social Toolbar plugin.

We also created thier custom Facebook design using the same WordPress system. The featured and regular post all dynamically change when IBM changes updates the blog post. Added a share section in footer which includes Tweet, Google +1 and Facebook recommend buttons.

Project Links

WordPress Blog: http://smarterquestions.org/
Facebook Iframe: https://www.facebook.com/SmarterQuestions

Project Type

Facebook Design, Wordpress Design

Movie

Connected the Film

Movie Details

Between texts and tweets, memes and microchips, we’ve become great at breaking the world down into byte-sized bits. In the process we’ve stopped seeing the forest for the trees, never mind the root system that connects them all. In Connected, Tiffany Shlain—award-winning filmmaker and founder of The Webby Awards–sets out to explore these bonds with the help of her father, acclaimed author and thinker Dr. Leonard Shlain. When the unexpected happens during the making of the film, Tiffany is forced to reexamine everything she thought she knew about life, relationships, and connectedness. Tracing interdependence through history, she discovers the surprising links between right brain and left; alphabets and power; honey bees and stress; hormones and happiness; technology and nature; progress and consequences; and parents and children. The result is a personal film with universal resonance that encourages viewers to make connections of their own.

Project Details

Based on supplied photoshop file, we created this custom facebook tab using wordpress. Every section is easily changeable by Connected using the backend system we built. You can view the Connected Movie Trailer on the tab.

Project Link

Welcome Tab: http://www.facebook.com/connectedthefilm
Press Tab: http://www.facebook.com/connectedthefilm?sk=app_225840677469074

Project Type

Facebook Design

Company

Freestyle Cruiser

Company Details

The Freestyle Cruiser™ from FreeStyle Slides is the world’s first custom made, sealed-air inflatable water slide for the yacht industry. At FreeStyle Slides our vision for cutting edge family entertainment has led to the development of some of the most unique inflatable slides in the world. The Freestyle Cruiser™ is a highly unique product that provides the most exciting experience in water toys for privately owned and charted vessels.

Project Details

Freestyle Cruiser hired us for the full social media design package, which includes: Custom WordPress website design, Facebook design, Twitter design and Youtube Design. This is a very advanced coded wordpress site using tons of custom fields. As you will see, we tried to incorporate a new image and view of the inflatable yacht slide on background of each page. Site also includes a blog, showcase section, photo gallery, social network icons, contact form, order process, twitter feed and much much more.

Using the same wordpress, we built a custom CMS iframe Facebook tab. This tab showcases a photo slide show, information on the slide, recent blog feed, recent tweet and more. The custom twitter and YouTube background is based on the same branding.

Project Links

WordPress Website: http://freestylecruiser.com/
Facebook: http://www.facebook.com/FreeStyleCruiser
Youtube: http://www.youtube.com/freestylecruiser
Twitter: http://twitter.com/yachtslide

Project Type

Facebook Design, Twitter Design, Web Design, Wordpress Design, YouTube Design

Company

Stanford School of Medicine

Company Details

Stanford’s goal for this page is to provide you with an informative and entertaining source of news about Stanford University School of Medicine. They hope you enjoy the page enough to post on our wall from time to time. They particularly welcome additional information on the subject of our wall posts, opinions that advance a debate on the subject of our posts, factual correctio…ns, and your posts about events at the school.

Project Details

The main focus for this custom facebook tab is to drive traffic to the “Support and give a gift” page on Stanford Medical’s website. We created a cool CSS photo slide show in the top section and the bottom is a huge cool link that hovers red.

Project Link

http://www.facebook.com/stanfordmedicine

Project Type

Facebook Design

Company

Green State TV

Company Details

Green State TV is an online video program that seeks to engage people in conversations about agriculture, the environment and other important issues such as world hunger and sustainability.

Project Details

Based on some of Green State TV’s website branding, we created this nice custom Facebook page to primarily showcase their video episodes. Also added is some share buttons and an email sign up form.

Project Link

http://www.facebook.com/GreenStateTV

Project Type

Facebook Design

Now that no new FBML Facebook tabs are able to be created, Facebook users must now use the IFrame method in order to add custom tabs to their Facebook Fan Page. IFrame tabs are definitely a bit more complicated to create compared to FBML tabs, mainly due to the fact that you must set up a Facebook Application (CLICK HERE to see our tutorial on how to set up a Facebook Application for your Custom IFrame Tab). Even though they may be more difficult to create, there are numerous advantages to using IFrame tabs over FBML tabs; code resides on your own server, flash does not require click to activate, limitless Javascript opportunities, and more. In our previous tutorial we taught you how to set up your Facebook Application, now we are going to teach you how to create the actual Custom Facebook IFrame tab and how to properly sync it with your application. Read More »

Posted In

Tutorials