Auxiliary Marketing Digital Hub

In order to increase awareness of our social media efforts, I independently designed a digital summary screen for our office. This project strengthened my own web app development skills and increased the level of collaboration between coworkers.

Increasing Digital Awareness

My current office runs like a typical advertising agency: we strike a balance between print work and digital work. Often times, though, it’s tough to keep up with all the social media updates, website promotions, and digital advertisements happening for each of our clients. I saw this problem as an opportunity to help the whole office have a better view of our clients. While working on it, I also familiarized myself with modern website development tools.

The screen shows plenty of information efficiently to make the most of the office’s TV. For Michigan Dining, it integrates these third-party services:

  • Instagram photos and videos
  • Twitter tweets, retweets, and replies
  • Michigan Dining and Michigan App real-time data through Google Analytics
  • Digital advertisement service through FWi Content Manager

I import each service’s raw data and present it in a uniform way. The services update regularly, and the screen smoothly transitions from one set of posts to the next. It’s especially effective for coworkers passing by in the hallway because they can see a new overview of data with minimal effort.

Improving the Display, Improving My Skills

Michigan Dining was lucky to be first on the screen. As each clients build their social media presences and new websites, I’ll evaluate which services they are using or want to use, and I’ll include them in the hub.

The current implementation helped me get familiar with modern development tools. Now that I am comfortable with those, I want to completely revamp this project using Angular. With as many data inputs as I have (Twitter! Instagram! Google Analytics!), I know I’ll need some sort of MVVM framework to meaningfully organize and optimize this project.