Social Media Integration App Case Study

The Client

Optimus Information Inc. is an IT company that provides software development, software testing, business intelligence and mobile application development services.

Optimus Information has an active online presence publishing new content to thousands of subscribers through its newsletters, blogs and social media outlets.

The Challenge

Optimus Information wanted to develop a mobile application that brought together content from all of their social feeds. The application had to provide a dashboard view of the latest news, pictures, videos, and presentations for users to see what’s happening at Optimus. In order to reach the maximum audience, the application had to work on all major platforms and allow user to interact with the content.

Key Challenges

– The application had to pull content from Optimus’ blog, Twitter, YouTube, Facebook, Flickr, SlideShare, and job portal.

– The application had to work on all major platforms (iOS, Android, Windows, and the mobile web).

– The application needed to be designed for smartphones and tablets.

– Users had to be able to interact with the application’s content and easily share it with their networks.

The Process

  1. Decide which social networks to target.
  2. Pull content using APIs.
  3. Integrate content into mobile app.
  4. Deploy app to 4 major platforms.

How Optimus Helped

The first step was to define the scope. We knew the app would have to gather material from Optimus’ social media campaigns, so we targeted news (from the blog and Twitter), photos (from Flickr and Facebook), videos (from YouTube), presentations (from SlideShare), and current openings (from JobScore). Some of these services have open APIs and others have mobile websites so we used a combination of both.

We were publishing this app to a wide audience, so we chose to support most major platforms natively and built a web-application to serve the remaining ones.

We made an effort to balance UI/UX design ensuring a consistent experience while making sure the application followed each platform’s standard UI guidelines.

We decided we would do the project in two phases: smartphones in phase 1 and tablets in phase 2. We built everything so that the logic was separate from the user interface following patterns such as MVC. This enabled us to move items around and resize them without worrying about affecting the application’s functionality. This also enabled us to switch feeds in the background without affecting the user interface.

Lastly, we wanted users to share our content within their networks through Facebook, Twitter, LinkedIn, and email. This required authentication that was handled differently on each platform.