Case Study

Facebook

Interactive Presentation Video and Apple Brand Page


Facebook Project Overview

Overview

In the early days of Facebook, I had the opportunity to be one of the first designers to create an interactive testimonials demo presentation for their growth efforts. My project involved developing an interactive video presentation to introduce Facebook and showcase its potential to major brands.



My Role

Facebook contracted Screamstream Interactive to design an interactive video for their early marketing and sales materials. Screamstream Interactive was a small team of four, and I served as the lead Designer. My responsibilities included creating the interactive presentation and UI templates that highlighted Facebook's capabilities to potential brand partners, such as Apple, and explained what Facebook was to prospective users.



With no official brand guidelines or existing assets, I created an animation style that was minimal yet effectively mapped to the exisiting site look and feel. At the time, Facebook was only accessible to college students, and I was granted special access to the platform to onboard and explain its features. I took screenshots, and created UI elements to illustrate features, and the user experience being discussed in the video. Facebook provided recorded testimonials, and I handled all aspects of design, compilation, scripting, playback testing, and animation.

 



Tools and Technologies

  • Adobe Illustrator
  • Adobe Photoshop
  • Animation tools

Challenges

The main challenge was conveying Facebook's innovative potential to brands and users unfamiliar with social media. Creating engaging interactive content required meticulous attention to detail, visual storytelling with UI and data points, expertise in scripting for playback control, and creating brand visual language elements and animations.



Outcome

The interactive presentation successfully showcased Facebook's features and capabilities. The UI template comps provided a vision of what brand pages could look like for future development.



Key Takeaways

This project highlights the importance of visualization in showcasing new ideas.