Proposal: Replace static homepage Hero with a dynamic scroller to showcase Drupal AI capabilities and improve conversion
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3561801. --> Reported by: [beautifulmind](https://www.drupal.org/user/219482) >>> <p>[Tracker]<br> <strong>Update Summary: </strong>[One-line status update for stakeholders]<br> <strong>Check-in Date: </strong>MM/DD/YYYY<br> <strong>Additional Collaborators: </strong><br> <em>Metadata is used by the <a href="https://www.drupalstarforge.ai/" title="AI Tracker">AI Tracker.</a> Docs and additional fields <a href="https://www.drupalstarforge.ai/ai-dashboard/docs" title="AI Issue Tracker Documentation">here</a>.</em><br> [/Tracker]</p> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Currently, the "above-the-fold" Hero section of the Drupal.org homepage features a static message. While functional, this static approach is a passive user experience that fails to fully utilize the most valuable real estate on the site.</p> <p>In the current tech landscape, AI is the primary driver of enterprise adoption and platform selection. By keeping the hero section static, we are missing a critical opportunity to immediately position Drupal as a leader in the AI space. A static message does not effectively convey the breadth of innovation happening within the ecosystem (specifically regarding Starshot, AI Agents, and the new Industry Pages) and likely results in lower click-through rates (CTR) and conversion.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>I propose replacing the current static Hero text with a dynamic slideshow/scroller dedicated to promoting the Drupal AI industry pages.</p> <p>This section should feature rotating highlights that showcase:</p> <ol> <li>AI Agents &amp; RAG: How Drupal manages complex AI workflows.</li> <li>Drupal Starshot: The new standard for rapid, AI-assisted site building.</li> <li>Enterprise AI Security: Positioning Drupal as the safe choice for open-source AI.</li> </ol> <h4 id="strategic-benefits">Strategic Benefits</h4> <ul> <li>Improved Conversion: Dynamic movement (when done correctly) captures user attention faster than static text, encouraging visitors to explore specific verticals rather than bouncing.</li> <li>Modern Perception: A Hero scroller signaling "AI-First" immediately modernizes the brand perception of Drupal for CTOs and decision-makers landing on the site.</li> <li>Information Density: It allows us to communicate multiple value propositions (Ease of use, Power, AI integration) without cluttering the UI, solving the problem of which single message to prioritize.</li> </ul> <h4 id="ui-ux-suggestions">UI/UX Suggestions</h4> <ul> <li>The scroller should be lightweight and accessible (pausable by the user).</li> <li>Each slide must have a clear, high-contrast Call to Action (CTA) linking directly to the relevant Industry Page.</li> <li>Visuals should align with the new branding guidelines, utilizing distinct iconography for the AI initiatives.</li> </ul> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <ul> <li>[ ] Design mockups for the AI Scroller.</li> <li>[ ] Agreement on the top 3-4 specific AI pages to highlight.</li> <li>[ ] Implementation and A/B testing against the current static version.</li> </ul>
issue