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.
Realize
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.
Influencers
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
Typography
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.
Yellow
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.
Red
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.
Green
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.
Main header :-
Again we decided to put the main header in the back part of the search result card so that the user keep remember the most important data.
Additional data :-
This section contains the graphical data representation to show the maximum data with visual representation so that
Supplemental action :-
It is the CTA (call to action) section where the user can take action in -support-
4. After hovering when the card flips, the rich media shows a graphical data, that tells about the Influencer's audience interest.
5. When the user have consumed the necessary information about the influencer, can take action that is adding to list or compare.
6. If the user is not confirmed for these CTA's it can take another action by clicking the kebab button.
1. We decided to put the most influential data that is AI score percentage and Follow percentage according to searched key word as it is the first part where the user will see very first.
2. This section consists multiple images to give an idea about the account what it post and what content the account mostly make
3. Supporting data contains the influential numerical data that reflects the Influencer's account stats.
.png)