===================================================================== CSS code (uses to set the style & position of the shape that follows the mouse): ===================================================================== ===================================================================================== JavaScript code (uses to create the shape and reposition the shape based on the mouse position): =====================================================================================
top of page

Design system .

It's time to supercharge your influencer marketing .

Vhub | Deeptech

As the creator economy grows, a space has been created to make efficient, well functioning marketing tools that helps to understand audiences to stay ahead of your competitors and empower influencers by creating linkages with the right brands.

User Experience 

Analyze .

The shift from traditional marketing endorsement to new influencer marketing for products has become more prominent than ever.
V-hub is a one stop platform to track all your progress, manage campaigns, gain audience insights and follow up on the latest trend insight to capitalize on-the-moment.

Empathize .

We decided to focus on the two key stakeholders ie. Brands/Agencies and Influencers, understanding them to design a web-app that offers customized solutions to each group.


User flow .

Keeping all the pain points of both the users, we decided to keep the design minimal and straight forward.

This is what we focused on after our initial research, which included processing all the data, crunching some numbers, and staring at our beautifully dull ceiling.

Our challenge was to develop a simple and clean ui system that embodied the delightful product experience and international approach. Understanding that this product targets a global audience, we aimed for a flexible and creative solution.

/See also .

AngoothaPe wanted a website that resonates with their brand and becomes a guide for their customers and merchants. We offered a more user-specific experience on the same website.


While the influencers industry is vast and diverse, there are very few platforms that help them stay focused on creating, rather than having to self-analyze their audiences and competitors.

  • Unorganized Campaign Brief

  • Integrated growth track/ Analyzing account potential

  • Tracking Projects and deliverable


Color pallete

Brands & Agencies

With marketing making leaps in terms of methods, media and channels, it becomes important to understand that brands now have a plethora of ways to get visibility. While this seems good, the challenge now is to identify the right channel and influencer for your brand.

  • Unable to find the right Influencer

  • Influencer management for the campaign implementation

  • Unsure of the target audience for the campaigns

Color pallete

Screens .

Components .

Team Unnu design system.
Anatomy of Vhub search result card

Influencer card.

Sorting the information .

Decoding the heirarchy

First impression

To make it easy for the user to see all the results at a glance without making any effort, we decided to show the search results in a card form.

Least effort

The search result card is hoverable, and it flips when hover and shoes maximum data with making least effort.

Click & Redirect

When the user is sure for which result he want to know more about, they can simply click on it to know more details about it.


The second tier of the card is graphic element that make hold and ensure user about the search result if they are fake or the real and how the representation is of the Brand or Influencer. This was also for Visual approach for the user.


The first and most influential data of the card that is AI score and Follow percent that make user stop and have a look if it is appropriate for them or not.


The third tier of the card consits the key data which is important to the user which is numericals and data

Decoding the heirarchy.

Sorting the information.

Main header :-

It is the first part the user will look at while browsing the search result so it must have the most critical data to gain attention of the user.

Rich media :-

It includes image element to encourage viewers to interact with the content of the account.


Supporting data :-

A collection of data to support the account or to give the  numeral data about the account.