Overview
Making influence measurable. Social Influence Index (SII) measures, ranks and verifies social-media influence in Vietnam with independent, real-time data — replacing surface-level numbers and slow, opinion-based rankings. The project covered the whole brand and a responsive website built on the SII Design System.
Client: SocialTrack × The Influencer
Scope: Brand identity, brand guidelines, key visual system, website UI/UX
Platform: Web — 1440 / 744 / 402
Screens: 80+, from leaderboards to nomination
Role: Brand identity, UI/UX design and design system
Part 01 — Branding
Logo. An hourglass that is also a trophy: real-time data and well-earned recognition in one mark, with the empty centre as a lens that looks past surface numbers.
Personality. Data-driven, transparent, real-time and celebratory — expert but easy to understand, confident through data, neutral and fair.
Colour. Electric Blue #2563EB leads, set against Ink #0A0A0A and white for strong, modern contrast; success, warning and error colours carry rank movement.
Typography. Mona Sans is the only typeface — headlines, body, interface and numbers, with full Vietnamese support.
Key visual. 3D glass, electric-blue light and parallel waves that echo the hourglass and the trophy — eight variations for covers, social, banners and posters.
Applications. Business cards, letterhead, envelopes, event passes, ranking certificates, email signatures and social templates.
Part 02 — Website
Home. One long page that answers “who is influential right now?” — key visual hero, a live buzz ticker, leaderboard previews, insights and news.
Leaderboards. Seven ranking categories in three groups — Content, Brand and People — share one template: a podium for the top three, a table with SII score and rank-movement chips, and a detail view for every entry.
Nomination. A four-step self-nomination form — information, category, subject and sources, review — with progress and validation always in view.
Content & contact. About SII, About SIA, News and Q&A keep the method transparent; a short contact form turns interest into report requests.
Responsive. The same components across 1440, 744 and 402 — tables become cards, the nav folds into a drawer, details open in a bottom sheet.
