A few months ago there was so much buzz about the "new" Facebook pages - new features, new appearance, new integration, and more. One of the key features on the new pages is the ability to display external mini-websites via iframes. I remember when iframes were such a pain, the bane of HTML's existence. Now, they've come back in a friendly manner, aiding us by embedding content on social media platforms and other web 2.0 outlets.
Facebook Pages are very uniform. They have little built-in customization options, unlike the MySpace pages of the past. This is where the fresh perspective of social media designers comes in. What is social media design? It’s the process of assessing and branding your image on social media platforms. This post is particularly about Facebook branding.
It starts with the profile image. A good page will use an image that has been designed to look integrated. Using a photograph, logo, or plain, square graphic appears flat and unenticing. Start with a basic image, try and use a transparent or white background. Add space on the top and bottom and include some specific information or a fact about your product or company. Use reflection styles on images to create a clean, 3D appearance. Check out the profile image on the Pong Research page.
The third basic element in developing a Facebook page is the iframe mini website. You have to develop your own Facebook app or, install an app that provides your page with iframe functionality. I use the app “iFrames for Pages.” For Pong’s embedding mini embedded website, I used a call to action, a large main image, and repeated the images on the banner but, this time, they are clickable. When you click your phone case, it takes you directly from Facebook to Pong’s product page. With iframes in Facebook, the possibilities are endless. You can design entire stores, websites, or magazines and embed them into your Facebook Page! Make sure you keep your design under 520px wide, that’s the size of the iframes on Facebook Pages.
After reading and checking out these Facebook Page examples, you can design for your Facebook page with confidence and knowledge.