# 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