Designed and Developed Social Media Dashboard for in-depth Analytical

Insights

Executive SummaryFrrole is a social media analytics company that provides reports and insights into various fields at a

microscopic level for their consumers and followers. It caters to one of the ten largest ad agencies in

the world, which ranks among the world’s top advertising and marketing organizations, serving

one-fifth of the FORTUNE 500, in 96 countries. We built a real-time social media analytics dashboard

that allowed the customer to monitor the live data, evaluate it and then iterate their campaigns on

real-time basis.

Problem Statement

Our client - Frrole, wanted us to build a real-time social media analytics dashboard for aggregating the

data from all the social media platform such as Facebook, Twitter, Instagram and Google to track their

spends & performances across all Platforms.

Business Requirements

ObjectiveOur client’s objective was to have a real-time social media analytics dashboard for aggregating the

data from all the social media channels to track their spends & performances across all Digital

Marketing Platforms.

Key Requirements

The social media analytics dashboard provides vital insights from various social channels, it provides

a bird’s eye view of a real-time data.

Impact and involvement of stakeholders

● Analytics Team: To get a clear insight into the social media data to track their spends & performances across all these social channels

Our Solution Structure

We set out to build a real-time social media analytics dashboard that allowed the customer to monitor

the live data, evaluate it and then iterate their campaigns on a real-time basis. The dashboard, with its

effective & intuitive UI had to ensure proactive engagement from the end users and enables

onboarding clients to add their social data effortlessly.

Solution Approach

The Social Media Dashboard Application was built on AngularJS and Django Web Framework. We have divided the codebase across four verticals1. Collector2. REST APIs for Dashboard3. User Interface4. Single Sign-On

Collector: Collector makes REST API call to various source providers and gathers all the social media information about the brand and then dumps the data to the database.

REST APIs for Dashboard: We have reused hashedin charting library, which takes an XML containing SQL Queries as an input and returns data in Google Charts / Highcharts format. This provided much-needed flexibility when the requirements changed over time

User Interface: We have built it using AngularJS and used Highcharts and Google Charts as the charting library!

Single Sign-On: We have built SSO by connecting to marketing agency’s identity provider with our application. We have used Apache Shibboleth Module to connect to the agency’s identity provider.

Solution Dynamics and Interactions

Technology Stack

● Backend - Python/Django

● Frontend - AngularJS

● APIs (Facebook, Twitter, Instagram, Google, Frrole API, Google Trends API)

Phase 1 - Prototype & Design

Design a Tile structure, while keeping the experience as pleasurable as sipping a smooth cup of

coffee. The general design direction will enable a defined and engaging user experience, enticing the

user to navigate gradually through the multi-level deep dives.

Phase 2 - Development

We planned to have a data pipeline where we could build a collector, which would gather data from

multiple sources in a periodic manner and push them into our database. We also set out to build

reusable components that were used in all the pages and this component had to be customizable at

UI & backend. There was a need to build a chart rendering library over hi-charts.

Business Outcomes

With the social media dashboard, the client is now equipped with the following features

● All in one Dashboard - The social media analytics dashboard provides vital insights from

various social channels, it provides a bird’s eye view of a real-time data.

● Role-based Access was enabled for Onboarding new clients, adding new users, assigning

different roles while also ensuring data privacy and security.

● Interactive data representation - An intuitive UI was designed that allowed easy navigation

through multiple levels of drill downs & ensured user engagement.

● Monitoring Campaigns - It allowed the end customer to monitor live campaigns,

sentiments, and responses associated with it. This would also let them determine the

social quotient for a brand with more parameters in it.

HashedIn has helped many promising firms across the globe by building customized solutions to give the users a completely hassle-free experience. Kindly let us know if you

have any specific problem / use case, where we can provide more information or consult you.

https://hashedin.com/contact-us/