74 lines
2.6 KiB
Markdown
74 lines
2.6 KiB
Markdown
# Dashboard Redesign Plan
|
|
|
|
## Overview
|
|
Transform the main Dashboard into a comprehensive, marketing-focused page that serves as the "face" of the application.
|
|
|
|
## Structure
|
|
|
|
### 1. Hero Section (Marketing-Focused)
|
|
- **Purpose**: Explain what IGNY8 is and how it works
|
|
- **Content**:
|
|
- Compelling headline: "AI-Powered Content Creation Workflow"
|
|
- Brief description of the system
|
|
- Visual workflow diagram (simplified)
|
|
- Key value propositions
|
|
|
|
### 2. App-Wide Insights
|
|
- **Purpose**: Show aggregated metrics across the entire application
|
|
- **Metrics** (NOT duplicating planner/writer dashboards):
|
|
- Total Keywords across all sites
|
|
- Total Content Pieces created
|
|
- Total Images generated
|
|
- Overall workflow completion rate
|
|
- Recent activity feed
|
|
- System health indicators
|
|
|
|
### 3. Workflow Explainer (5-7 Steps)
|
|
- **Visual Steps**:
|
|
1. **Discover Keywords** → Find high-volume keywords from global database
|
|
2. **Cluster Keywords** → Group related keywords into clusters
|
|
3. **Generate Ideas** → AI creates content ideas from clusters
|
|
4. **Create Tasks** → Convert ideas into actionable writing tasks
|
|
5. **Write Content** → AI generates full content pieces
|
|
6. **Generate Images** → Create featured and in-article images
|
|
7. **Publish** → Content ready for publication
|
|
|
|
- **Design**: Interactive step-by-step visual with icons and brief descriptions
|
|
- **Action**: Each step can link to relevant page
|
|
|
|
### 4. Automation Setup
|
|
- **Purpose**: Configure automation settings
|
|
- **Sections**:
|
|
- **Keywords Automation**:
|
|
- How many keywords to take per cycle
|
|
- Auto-cluster enabled/disabled
|
|
- Cluster settings (max keywords per cluster)
|
|
|
|
- **Ideas Automation**:
|
|
- Auto-generate ideas from clusters
|
|
- Ideas per cluster limit
|
|
|
|
- **Content Automation**:
|
|
- Auto-create tasks from ideas
|
|
- Auto-generate content from tasks
|
|
|
|
- **Image Automation**:
|
|
- Auto-generate images for content
|
|
- Image generation settings
|
|
|
|
- **Note**: These are placeholders/settings that will link to Schedules page or have inline configuration
|
|
|
|
## Design Principles
|
|
- **Marketing-Focused**: Should be impressive enough for marketing screenshots
|
|
- **Clear & Simple**: Easy to understand the system at a glance
|
|
- **Actionable**: Quick access to key actions
|
|
- **Visual**: Heavy use of icons, colors, and visual elements
|
|
- **Responsive**: Works on all screen sizes
|
|
|
|
## Implementation Notes
|
|
- Use existing components where possible (EnhancedMetricCard, WorkflowPipeline, etc.)
|
|
- Create new components for workflow explainer
|
|
- Automation section can be expandable/collapsible cards
|
|
- Consider adding "Quick Actions" section for one-click workflows
|
|
|