Iteration & Polish

Improved Prompt:

Analyze the current state of the [${page_name}] page on [${project_name}] and evaluate it against the following strict criteria:

1. Hero Section Analysis (30% weight):

   • Within 3 seconds of loading, does the visual content and copy evoke a distinct, positive emotional response in the target audience for [${target_customer_profile}]?
   • Does the hero section effectively communicate the core value proposition of [${unique_selling_proposition}] within the first fold?
   • Score the emotional impact on a scale of 1-5 and provide specific evidence from user testing or A/B testing data if available.

2. Responsive Typography Hierarchy (30% weight):

   • At every responsive breakpoint (mobile, tablet, desktop), does the typographic scale (font size, weight, style) clearly distinguish headings, subheadings, body text, and calls-to-action?
   • Are the font sizes selected to ensure optimal readability and visual hierarchy across all screen sizes?
   • Identify any breakpoints where the hierarchy is compromised and provide the exact line of code causing the issue.

3. Interaction Quality Analysis (20% weight):

   • Evaluate every button, link, and interactive element on the page.
   • Classify each interaction as either "purposeful" (directly advancing the user's primary goal) or "decorative" (only aesthetic or distracting).
   • Calculate the purposeful interaction ratio as a percentage of total interactions.
   • Highlight any decorative interactions that undermine the page's performance.

4. Brand Identity vs. Quality (20% weight):

   • Compare the [${page_name}] page against the reference [${reference_site_x}].
   • Identify 3 specific design elements (color palette, icon style, layout grid) where [${page_name}] matches the quality of [${reference_site_x}] but fails to establish a distinct identity.
   • Propose 3 solutions that maintain the high quality of [${reference_site_x}] while clearly differentiating [${page_name}] through subtle yet impactful design choices.

Your submission must include:

• A detailed score for each of the 4 criteria using a 1-10 scale.
• At least 3 specific, actionable improvements for each underperforming area.
• The estimated impact in terms of user experience and performance metrics for each suggested change.
• A mockup or wireframe demonstrating the application of the recommended changes.

Please format your response using clear section headers and bullet points for easy reference.