📌 FastView (패스트뷰) - 아시아 콘텐츠 글로벌 유통 및 AI 라이선싱 기업 웹사이트 구축

🔹 프로젝트 개요

• 작업 기간: 2026.04 – 2026.05
• 작업 범위: 기업 공식 웹사이트 UI/UX 기획 및 디자인, 반응형 프론트엔드 퍼블리싱(React 19 + Vite + Tailwind v4), 스크롤 인터랙션 및 모션 구현, 콘텐츠 데이터 구조화(제품/뉴스룸/팀/성과 케이스)
• 사용 도구: React 19, React Router 7, Vite 6, TypeScript, Tailwind CSS v4, Framer Motion · GSAP, Lenis(스무스 스크롤), UI/UX 디자인 툴

🔹 프로젝트 목적

'패스트뷰(FastView)'는 자사 플랫폼 'ViewUs'를 통해 아시아의 프리미엄 콘텐츠를 전 세계 플랫폼과 AI 랩에 연결하는 글로벌 콘텐츠 유통 및 AI 라이선싱 기업입니다. 본 프로젝트는 "A single gateway for Asia's content. And its AI future."라는 핵심 메시지를 중심으로, 정형화된 B2B 사이트의 틀을 벗어나 글로벌 파트너로서의 '전문성'과 미디어·테크 산업의 '신뢰감'을 동시에 전달하는 하이엔드 기업 웹사이트를 구축하는 데 목적을 두었습니다. 850+ 퍼블리셔·7개국·5.8B PV의 트랙레코드와 사전 동의 기반 권리 인프라를 설득력 있게 시각화했습니다.

🔹 핵심 기술 및 구현 기능 (Key Technical Features)

• Scroll-driven Narrative (스크롤 기반 내러티브):

Lenis 스무스 스크롤과 Framer Motion·GSAP를 결합하여, 히어로 → 문제 정의 → 3계층 파이프라인 → 제품 → 성과로 이어지는 10개 섹션의 스토리텔링 흐름을 매끄러운 인터랙션으로 구현했습니다.

• Data-driven Content Architecture (데이터 기반 콘텐츠 구조):

제품 4종, 뉴스룸, 팀, 성과 케이스 등 콘텐츠를 타입 정의 기반 데이터 레이어로 분리하여, 카피 확정 시 데이터 파일만 교체하면 되는 유지보수 친화적 구조를 설계했습니다.

• Licensing OS Visualization (라이선싱 OS 시각화):

Direct Feed / Multilingual Feed / AI Tracker / RightsHub 4개 제품과 'AI가 콘텐츠를 소비·과금하는 4가지 방식'을 그리드·비교 표·다이어그램으로 정리하여, 복잡한 B2B 라이선싱 모델을 직관적으로 전달했습니다.

• Performance & Responsive Optimization (성능 및 반응형 최적화):

스톡 사진 대신 타이포그래피·라인·그라데이션 패널 기반의 비주얼을 사용하여 로딩을 경량화하고, 모바일 환경에서도 애니메이션이 끊기지 않도록 reduced-motion 대응과 크로스 브라우징 최적화를 완료했습니다.

🔹 디자인 포인트

• Editorial & Trustworthy Identity: 화이트·크림(#FAF7F0) 배경에 액센트 레드(#E13832)와 모노스페이스 라벨을 조합하여, 미디어/테크 기업의 신뢰감과 에디토리얼한 무드를 동시에 연출했습니다. "아시아 콘텐츠의 가치를 세계와 연결하는 단 하나의 방법"이라는 브랜드 철학이 타이포 위계와 여백으로 전달되도록 설계했습니다.
• Evidence-first Layout (근거 중심 레이아웃): 4.9 평점, 850+ 퍼블리셔, 2.5× YoY 성장, ₩200B(2030 목표), CP 70% / FastView 30% 수익 배분 등 핵심 숫자를 전면에 배치하여 B2B 파트너 대상 설득력을 높였습니다.

🔹 담당 역할