igny8/DASHBOARD_REDESIGN_PLAN.md

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