← 목록으로
월 매출이 지난달 대비 23% 증가했습니다
신규 고객 유입이 15% 증가하고 평균 주문 금액이 상승하면서 매출 성장을 이끌었습니다.
상세 분석 보기 →
3개의 작업이 마감 기한을 초과했습니다
이번 주 마감 예정인 작업 중 3개가 지연되고 있습니다. 빠른 조치가 필요합니다.
작업 확인하기 →
새 기능 채택률이 45%에 도달했습니다
지난주 출시된 신규 기능을 전체 사용자의 45%가 이미 사용해보았습니다. 목표 대비 순조롭게 진행 중입니다.
사용 통계 보기 →
고객 이탈 위험 신호가 감지되었습니다
최근 30일간 활동이 급감한 고객 12명을 식별했습니다. 리텐션 캠페인을 고려해보세요.
고객 목록 보기 →
모바일 트래픽이 데스크톱을 역전했습니다
이번 달 처음으로 모바일 방문자가 전체의 58%를 차지했습니다. 모바일 최적화에 투자할 좋은 시점입니다.
트래픽 분석 보기 →
💭
새로운 인사이트가 없습니다
데이터가 충분히 수집되면 AI가 자동으로 인사이트를 생성합니다.
정기적으로 확인해보세요.
50. 인사이트/요약 카드 섹션
Design an insights summary section:
**Section Layout**:
- Horizontal scroll or grid
- Cards with consistent height
- Gap: 24px
- "View all insights" link
**Insight Card**:
- Width: 300-400px
- Background: white
- Border-left: 4px colored accent
- Border-radius: 8px
- Padding: 20px
**Card Structure**:
- Icon/emoji indicator
- Insight type label: "Trend", "Alert", "Opportunity"
- Headline: 16px semibold, main insight
- Supporting text: 14px gray-600
- Metric highlight: large number if relevant
- Action link: "View details →"
**Insight Types & Colors**:
- Positive/Opportunity: green border, trending-up icon
- Negative/Alert: red border, alert icon
- Neutral/Info: blue border, info icon
- Warning: amber border, warning icon
**Content Examples**:
- "Revenue up 23% vs last month"
- "3 tasks overdue this week"
- "New feature adoption at 45%"
- "Customer churn risk detected"
**AI-Generated Badge** (if applicable):
- Small "AI" badge
- Tooltip: "Generated by AI analysis"
**Dismissal**:
- X button to dismiss
- "Don't show again" option
- Dismissed state persisted
**Auto-refresh**:
- Updates periodically
- "Updated 5 min ago" timestamp
- Manual refresh button
**Empty State**:
- "No new insights"
- Tips for generating insights
Tech: React + Tailwind + Framer Motion (carousel)섹션 4: 모바일 앱 UI (51-65)