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

During my time at U-M, my office was run like a typical advertising agency: we balanced print work and digital work. Often times, though, it was tough to keep a comprehensive eye on 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 this project, 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 the services’ 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 passively see a new overview of data.

Improving the Display, Improving My Skills

I first started with Michigan Dining on the screen. As each client builds their social media presences and new websites, they would be well prepared to be displayed on the hub.

The current implementation helped me get familiar with modern development tools. Now that I am comfortable with those, it’s time to completely revamp this project using React. 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.