Roadmap Visualization Infographic for 2-Year Product Timeline

Tech architecture infographic titled "Roadmap Visualization" using HOW-IT-WORKS adapted as a milestone timeline over two years. Create a consultant-deck style product roadmap visualization with quarter columns on a clear timeline axis spanning 8 quarters (Q1 to Q4 for Year 1, Q1 to Q4 for Year 2), warm earth palette, sharp status labels, structured swim lanes by team. Show labeled BOXES / feature cards grouped by team lanes and positioned on the timeline, connected with subtle ARROWS to indicate dependencies and delivery flow where relevant. Include realistic product planning components as boxes: Product Strategy, Research Insights, Design System Updates, Roadmap API, Timeline UI, Milestone Engine, Collaboration Notes, Reporting Dashboard, Notification Service, Analytics Store, Customer Feedback Inbox, Admin Settings. Each box must contain an icon, component name, and a one-line role description in English. Example role descriptions: "Defines quarterly priorities", "Stores customer requests", "Displays feature timeline", "Tracks milestone status", "Sends roadmap updates", "Aggregates adoption metrics". Add compact status pills on feature cards: Planned, In Progress, Shipped. Use canonical English labels only.

Layout requirements: milestone timeline infographic, quarter columns clearly separated, year headers, horizontal time axis, optional vertical swim lanes such as Product, Design, Engineering, Data, GTM. Place feature cards realistically across quarters with durations spanning one or more quarters. Use milestone diamonds for launch points and thin dependency arrows between related initiatives with short English labels such as "spec approved", "API ready", "UI dependency", "beta feedback", "GA release", "usage metrics". Ensure quarter labels and planning horizons are accurate and readable.

Include a numbered legend (1-7) in English explaining the roadmap lifecycle: 1. Collect customer feedback, 2. Define quarterly themes, 3. Prioritize initiatives, 4. Design and scope features, 5. Build and integrate components, 6. Launch milestones by quarter, 7. Measure adoption and iterate. Even though this is a roadmap timeline, preserve infographic clarity with box-and-arrow logic and visually explain how roadmap planning works.

Visual style: consultant presentation slide, editorial developer-blog illustration, isometric or flat tech-diagram style, vector-clean infographic layout. Mood: strategic, trustworthy, polished, operationally realistic. Color palette: warm earth tones with terracotta, clay, sand, muted olive, warm beige, dark brown accents, subtle grid lines, crisp high-contrast typography. Use clean spacing, sharp pill badges, precise alignment, understated shadows, boardroom-quality aesthetics. Avoid hype language; use believable feature names like "Timeline Filters", "CSV Export", "Comment Threads", "Dependency View", "Permissions Update", "Quarterly Summary Email", "Usage Trend Report".

All text MUST be written in English (array). Every heading, label, caption, legend and metric name in the image must be in English — not English. Spell each English word correctly using English characters and diacritics. Numbers stay as digits, no real cloud-vendor logos (AWS / GCP / Azure) — use generic cloud icons, no watermarks Status labels rendered sharp. Realistic feature names — no overpromising. Quarter / horizon labels accurate.