FastView
DESCRIPTION
Content Distribution & AI Licensing — Corporate Website
DURATION
Apr 2026 - May 2026
MY ROLE
- Full website planning and UI/UX design aligned to the corporate brand identity.
- React responsive frontend publishing; scroll interaction and dynamic motion implementation.
- Product, newsroom and team content data structuring, with mobile-optimised responsive development.
TECH
React 19 · React Router 7 · Vite 6 · TypeScript · Tailwind CSS v4
Framer Motion · GSAP · Lenis
Project Purpose
"A single gateway for Asia's content. And its AI future." FastView connects Asian premium content to global platforms and AI labs through its own ViewUs platform. The problem was legibility: a licensing operating system, four products, and four distinct ways an AI consumes and pays for content, all of which had to land with a partner who has thirty seconds. The site steps outside the standard B2B template and leads with evidence — 850+ publishers, seven countries, 5.8B page views, consent-based rights infrastructure.
Scope
- · Corporate Website UI/UX Planning & Design
- · Responsive Frontend (React 19 · Vite · Tailwind v4)
- · Scroll Interaction & Motion
- · Content Data Architecture — products, newsroom, team, cases
Key Technical Features
Scroll-driven Narrative
- · Lenis smooth scrolling combined with Framer Motion and GSAP carries a ten-section story: hero, problem definition, three-tier pipeline, products, results.
- · Each section resolves as a single argument rather than a slab of copy.
Data-driven Content Architecture
- · Four products, newsroom, team and case results are separated into a typed data layer.
- · When copy is finalised, only the data file changes — the components never need to be reopened.
Licensing OS Visualization
- · Direct Feed, Multilingual Feed, AI Tracker and RightsHub are laid out against the four ways AI consumes and bills for content.
- · Grids, comparison tables and diagrams do what paragraphs could not for a licensing model this abstract.
Performance & Responsive Optimization
- · Stock photography was avoided entirely in favour of typography, rules and gradient panels — the page loads light as a consequence of the art direction, not despite it.
- · reduced-motion handling and cross-browser tuning keep animation from stuttering on mobile.
Design Points
Editorial & Trustworthy Identity
White and cream (#FAF7F0) with an accent red (#E13832) and monospace labels — media-tech credibility with an editorial temperature. The brand claim, that there is one way to connect Asian content to the world, is delivered through typographic hierarchy and whitespace rather than stated twice.
Evidence-first Layout
A 4.9 rating, 850+ publishers, 2.5× YoY growth, a ₩200B 2030 target, and a CP 70 / FastView 30 revenue split are placed at the front. For a B2B partner these numbers are the argument; everything else is context.