Influencer Dashboard

Project Overview

This project focused on designing and developing a data driven performance dashboard for influencers working with ME IMS (Influx Dashboard) to track their performance in realtime. The objective was to create an intuitive, interactive, and visually appealing dashboard that provides detailed insights into influencer performance metrics such as total revenue, earnings, orders placed, new users, and category-wise revenue breakdowns. The dashboard was designed to dynamically update based on region, coupon selection, and time period to offer a personalized and responsive experience. The login flow was also optimized by integrating FirstCry’s existing credentials, ensuring a seamless login experience. Additionally, the hamburger menu was revamped to simplify navigation, offering quick access to the dashboard. Influencers are assigned one or more unique coupon codes by FirstCry, which they can use to promote products. The dashboard tracks performance for each coupon, allowing influencers to monitor their earnings and engagement across multiple campaigns.

The Challenges & Solutions

The challenge was to design an interactive and user friendly dashboard that presents large volumes of realtime data without overwhelming users. 1: RealTime Data Updates: The dashboard was optimized to fetch and display realtime performance metrics, ensuring influencers and CMS users have up to date insights. 2: Enhanced Login Flow: A seamless Single Sign On (SSO) system allows influencers to use their existing FirstCry credentials. Intelligent input recognition auto detects mobile numbers and sets UAE’s country code by default. OTP based authentication ensures secure logins, with a smooth password reset process redirecting users to FirstCry’s reset page. 3: Hamburger Menu Optimization: A simplified menu displays the user’s name and profile picture, with an option to update details. To keep navigation clutter free, only the Dashboard is accessible, and the “Admin” tag is hidden for influencer users. 4: Interactive Dashboard Design: Users can switch between UAE (AED) and KSA (SAR), ensuring data is region specific. A coupon selection dropdown allows performance tracking based on individual coupons. The date range selection dynamically updates all charts and performance data based on the selected period.

Key Dashboard Features

The ME IMS Dashboard includes the following realtime performance metrics: 1: Total Revenue & Earnings: Displays the total revenue generated and the influencer’s commission. 2: Orders Placed & New Users: Tracks the number of orders placed and new users acquired using the assigned coupon codes. 3: Cancels/Returns: Shows the total number of canceled and returned orders. 4: Revenue by Category: Interactive pie chart displaying revenue proportions by the top 7 categories, with others grouped under “Other.” Influencers can view detailed performance metrics for each of their assigned coupon codes. The bar chart helps compare revenue generated from different coupons, making it easy to track the success of multiple campaigns. 5: Revenue Breakdown: Horizontal bar chart breaking down revenue for Diapers, Baby Wipes, and Others (hidden if no orders from this category). 6: Revenue by Brand: Pie chart showcasing revenue distribution by brand. 7: Revenue by Coupons: Bar chart displaying revenue by coupon codes (visible only when no specific coupon is selected).

Wrap Up Project

The successful implementation of the Middle East Influencer Management System Dashboard provided influencers with a comprehensive view of their performance metrics in realtime. The interactive and data rich UI empowered influencers to track their revenue, earnings, and order performance across multiple regions and coupon codes with ease. The optimized login flow, intuitive hamburger navigation, and dynamic chart updates contributed to a seamless and user centric experience. This project highlighted the importance of blending realtime data interactivity with an elegant and intuitive interface, ensuring that influencers can make informed decisions and maximize their potential on the platform.

Create a free website with Framer, the website builder loved by startups, designers and agencies.