Design Strategy
Claude visual reference를 우선하고, IA는 운영 루프로 고정합니다.
v1 디자인은 예쁜 랜딩페이지가 아니라 콘텐츠, 제품 업데이트, 로드맵, 피드백, 트래킹이 연결되는 외부 제품 운영 시스템을 목표로 합니다. 이 페이지는 목업이 아니라 의사결정 리포트입니다.
Canonical IA
Home / Use Cases / Product / Plugins / Magazine / Roadmap / About
Use Cases는 SEO와 전환의 중심이고, Roadmap은 공개 제품 운영면으로 독립시킵니다.
HomeProblem-first entry
Use CasesSEO and conversion hub
ProductHelp Center value translated
PluginsTool-based acquisition
MagazineUse Case / Guide / Update / Roadmap
RoadmapNow / Next / Later + feedback
AboutTrust and company context
TrackingEvents embedded in cards and CTAs
Home module strategy
문제에서 제품 운영 루프로 이어지는 홈 구성
Hero
Problem-first
제안서를 보낸 뒤 상대방이 읽었는지 알 수 있다면?
Trust
Logo strip
검증 가능한 로고와 testimonial을 먼저 사용합니다.
Content
Use Case / Magazine cards
문제 중심 콘텐츠를 카드로 노출합니다.
Product
Feature tabs/cards
Viewer Tracking, Engagement Insights, Video PDF, Document Update.
Plugins
Tool entry
Figma, PowerPoint, Adobe Express, Gmail.
Roadmap
Preview board
Now / Next / Later를 축약해 피드백으로 연결합니다.
Use Case detail flow
문제 상황에서 CTA까지
문제 상황
고객이 겪는 실제 업무 맥락.
기존 마찰
첨부, 버전, 열람 확인의 불편.
FeatPaper 흐름
업로드, 링크 공유, 열람 분석.
관련 기능
Tracking, insights, update, CTA.
관련 플러그인
사용 중인 도구와 연결.
CTA
무료 시작 또는 도입 문의.
Design tokens
절제된 product-operations palette
--color-brand
#1A1A2E--color-accent
#4F46E5--color-accent-light
#EEF2FF--color-gray-100
#F8F9FA--color-gray-700
#495057--color-white
#FFFFFF
Tracking standards
운영 가능한 DOM 데이터 포인트
data-track-event
data-content-id
data-category
data-locale
data-position