| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Vertical Roadmap Template |
| 6 | Purpose: Vertical timeline, milestone tracking, strategic roadmap |
| 7 | Use cases: Annual planning, product roadmaps, strategic milestones |
| 8 | Supports: 6 unified nodes with integrated side-dashboard |
| 9 | --> |
| 10 | <defs> |
| 11 | <!-- Active Timeline Gradient --> |
| 12 | <linearGradient id="lineGrad" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 13 | <stop offset="0%" stop-color="#10B981" stop-opacity="1"/> |
| 14 | <stop offset="100%" stop-color="#3B82F6" stop-opacity="1"/> |
| 15 | </linearGradient> |
| 16 | </defs> |
| 17 | <!-- Background --> |
| 18 | <rect width="1280" height="720" fill="#F8FAFC"/> |
| 19 | <!-- ==================== Header ==================== --> |
| 20 | <g id="header" data-pptx-bounds="60 30 600 70"> |
| 21 | <text x="60" y="60" font-size="32" font-weight="800" fill="#0F172A">2025 Strategic Roadmap</text> |
| 22 | <text x="60" y="90" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">ANNUAL ROADMAP · SIX KEY MILESTONES</text> |
| 23 | </g> |
| 24 | <!-- ==================== Vertical Timeline Axis ==================== --> |
| 25 | <g id="timeline-axis" data-pptx-bounds="176 113 8 577"> |
| 26 | <!-- Background Track --> |
| 27 | <line x1="180" y1="115" x2="180" y2="690" stroke="#E2E8F0" stroke-width="4" stroke-linecap="round"/> |
| 28 | <!-- Active Progress Track --> |
| 29 | <rect x="178" y="113" width="4" height="249" rx="2" fill="url(#lineGrad)"/> |
| 30 | </g> |
| 31 | <!-- ==================== Timeline Nodes ==================== --> |
| 32 | <!-- Node 1 (Completed) --> |
| 33 | <g id="milestone-01" data-pptx-bounds="60 115 630 70"> |
| 34 | <text x="150" y="155" font-size="14" font-weight="800" fill="#0F172A" text-anchor="end">2025 Q1</text> |
| 35 | <circle cx="180" cy="150" r="16" fill="#10B981" stroke="#FFFFFF" stroke-width="4"/> |
| 36 | <path d="M 174,150 L 178,154 L 186,145" stroke="#FFFFFF" stroke-width="2.5" fill="none" stroke-linecap="round"/> |
| 37 | <rect x="210" y="115" width="480" height="70" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 38 | <line x1="214" y1="130" x2="214" y2="170" stroke="#10B981" stroke-width="4" stroke-linecap="round"/> |
| 39 | <text x="235" y="140" font-size="16" font-weight="800" fill="#0F172A">Organizational Restructuring</text> |
| 40 | <text x="235" y="158" font-size="13" font-weight="500" fill="#475569">Complete divisional reform and establish<tspan x="235" dy="16">three independent business units.</tspan></text> |
| 41 | <rect x="585" y="125" width="90" height="24" rx="12" fill="#D1FAE5"/> |
| 42 | <text x="630" y="141" font-weight="800" fill="#064E3B" text-anchor="middle" letter-spacing="0.5">COMPLETED</text> |
| 43 | </g> |
| 44 | <!-- Node 2 (Completed) --> |
| 45 | <g id="milestone-02" data-pptx-bounds="60 220 630 70"> |
| 46 | <text x="150" y="260" font-size="14" font-weight="800" fill="#0F172A" text-anchor="end">End of Q1</text> |
| 47 | <circle cx="180" cy="255" r="16" fill="#10B981" stroke="#FFFFFF" stroke-width="4"/> |
| 48 | <path d="M 174,255 L 178,259 L 186,250" stroke="#FFFFFF" stroke-width="2.5" fill="none" stroke-linecap="round"/> |
| 49 | <rect x="210" y="220" width="480" height="70" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 50 | <line x1="214" y1="235" x2="214" y2="275" stroke="#10B981" stroke-width="4" stroke-linecap="round"/> |
| 51 | <text x="235" y="245" font-size="16" font-weight="800" fill="#0F172A">Series A Funding Closed</text> |
| 52 | <text x="235" y="267" font-size="13" font-weight="500" fill="#475569">Secured $50M in Series A funding, reaching $300M valuation.</text> |
| 53 | <rect x="585" y="230" width="90" height="24" rx="12" fill="#D1FAE5"/> |
| 54 | <text x="630" y="246" font-weight="800" fill="#064E3B" text-anchor="middle" letter-spacing="0.5">COMPLETED</text> |
| 55 | </g> |
| 56 | <!-- Node 3 (In Progress) --> |
| 57 | <g id="milestone-03" data-pptx-bounds="60 325 630 70"> |
| 58 | <text x="150" y="365" font-size="14" font-weight="800" fill="#3B82F6" text-anchor="end">2025 Q2</text> |
| 59 | <circle cx="180" cy="360" r="16" fill="#EFF6FF" stroke="#3B82F6" stroke-width="3.5"/> |
| 60 | <circle cx="180" cy="360" r="6" fill="#3B82F6"/> |
| 61 | <rect x="210" y="325" width="480" height="70" rx="10" fill="#FFFFFF" stroke="#BFDBFE" stroke-width="2"/> |
| 62 | <line x1="214" y1="340" x2="214" y2="380" stroke="#3B82F6" stroke-width="4" stroke-linecap="round"/> |
| 63 | <text x="235" y="350" font-size="16" font-weight="800" fill="#0F172A">Product V2.0 Launch</text> |
| 64 | <text x="235" y="368" font-size="13" font-weight="500" fill="#475569">Integrate AI engine, launch smart recommendations<tspan x="235" dy="16">and automated workflows.</tspan></text> |
| 65 | <rect x="585" y="335" width="90" height="24" rx="12" fill="#DBEAFE"/> |
| 66 | <text x="630" y="351" font-weight="800" fill="#1E3A8A" text-anchor="middle" letter-spacing="0.5">IN PROGRESS</text> |
| 67 | </g> |
| 68 | <!-- Node 4 (Planned) --> |
| 69 | <g id="milestone-04" data-pptx-bounds="60 430 630 70"> |
| 70 | <text x="150" y="470" font-size="14" font-weight="700" fill="#64748B" text-anchor="end">2025 Q3</text> |
| 71 | <circle cx="180" cy="465" r="14" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="3.5"/> |
| 72 | <circle cx="180" cy="465" r="5" fill="#94A3B8"/> |
| 73 | <rect x="210" y="430" width="480" height="70" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 74 | <line x1="214" y1="445" x2="214" y2="485" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/> |
| 75 | <text x="235" y="455" font-size="16" font-weight="800" fill="#334155">Global Market Expansion</text> |
| 76 | <text x="235" y="477" font-size="13" font-weight="500" fill="#64748B">Pilot operations in SEA region to validate localization strategies.</text> |
| 77 | <rect x="585" y="440" width="90" height="24" rx="12" fill="#F1F5F9"/> |
| 78 | <text x="630" y="456" font-weight="800" fill="#475569" text-anchor="middle" letter-spacing="0.5">PLANNED</text> |
| 79 | </g> |
| 80 | <!-- Node 5 (Planned) --> |
| 81 | <g id="milestone-05" data-pptx-bounds="60 535 630 70"> |
| 82 | <text x="150" y="575" font-size="14" font-weight="700" fill="#64748B" text-anchor="end">2025 Q4</text> |
| 83 | <circle cx="180" cy="570" r="14" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="3.5"/> |
| 84 | <circle cx="180" cy="570" r="5" fill="#94A3B8"/> |
| 85 | <rect x="210" y="535" width="480" height="70" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 86 | <line x1="214" y1="550" x2="214" y2="590" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/> |
| 87 | <text x="235" y="560" font-size="16" font-weight="800" fill="#334155">Series B Initiation</text> |
| 88 | <text x="235" y="582" font-size="13" font-weight="500" fill="#64748B">Target $1B valuation, build capital reserves for scaled expansion.</text> |
| 89 | <rect x="585" y="545" width="90" height="24" rx="12" fill="#F1F5F9"/> |
| 90 | <text x="630" y="561" font-weight="800" fill="#475569" text-anchor="middle" letter-spacing="0.5">PLANNED</text> |
| 91 | </g> |
| 92 | <!-- Node 6 (Planned) --> |
| 93 | <g id="milestone-06" data-pptx-bounds="60 640 630 70"> |
| 94 | <text x="150" y="680" font-size="14" font-weight="700" fill="#64748B" text-anchor="end">End of 2025</text> |
| 95 | <circle cx="180" cy="675" r="14" fill="#F8FAFC" stroke="#CBD5E1" stroke-width="3.5"/> |
| 96 | <circle cx="180" cy="675" r="5" fill="#94A3B8"/> |
| 97 | <rect x="210" y="640" width="480" height="70" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 98 | <line x1="214" y1="655" x2="214" y2="695" stroke="#94A3B8" stroke-width="4" stroke-linecap="round"/> |
| 99 | <text x="235" y="665" font-size="16" font-weight="800" fill="#334155">Annual Targets Achieved</text> |
| 100 | <text x="235" y="687" font-size="13" font-weight="500" fill="#64748B">Reach 5M+ Active Users and $150M Annual Recurring Revenue.</text> |
| 101 | <rect x="585" y="650" width="90" height="24" rx="12" fill="#F1F5F9"/> |
| 102 | <text x="630" y="666" font-weight="800" fill="#475569" text-anchor="middle" letter-spacing="0.5">PLANNED</text> |
| 103 | </g> |
| 104 | <!-- ==================== Right Dashboard Panel ==================== --> |
| 105 | <g id="objectives-dashboard" data-pptx-bounds="730 115 490 590"> |
| 106 | <rect x="730" y="115" width="490" height="590" rx="16" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 107 | <text x="975" y="155" text-anchor="middle" font-size="18" font-weight="800" fill="#0F172A">Annual Core Objectives</text> |
| 108 | <line x1="730" y1="172" x2="1220" y2="172" stroke="#F1F5F9" stroke-width="2"/> |
| 109 | <!-- Target 1: Revenue --> |
| 110 | <rect x="760" y="190" width="430" height="75" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 111 | <line x1="764" y1="205" x2="764" y2="250" stroke="#3B82F6" stroke-width="8" stroke-linecap="round"/> |
| 112 | <circle cx="810" cy="227.5" r="20" fill="#EFF6FF"/> |
| 113 | <text x="810" y="235" font-size="20" font-weight="800" fill="#2563EB" text-anchor="middle">$</text> |
| 114 | <text x="850" y="222" font-size="28" font-weight="800" fill="#0F172A">$150M</text> |
| 115 | <text x="850" y="246" font-size="14" font-weight="600" fill="#64748B">Annual Recurring Revenue Target</text> |
| 116 | <!-- Target 2: Users --> |
| 117 | <rect x="760" y="280" width="430" height="75" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 118 | <line x1="764" y1="295" x2="764" y2="340" stroke="#10B981" stroke-width="8" stroke-linecap="round"/> |
| 119 | <circle cx="810" cy="317.5" r="20" fill="#D1FAE5"/> |
| 120 | <text x="810" y="325" font-size="20" font-weight="800" fill="#059669" text-anchor="middle">U</text> |
| 121 | <text x="850" y="312" font-size="28" font-weight="800" fill="#0F172A">5.0M</text> |
| 122 | <text x="850" y="336" font-size="14" font-weight="600" fill="#64748B">Active Registered Users</text> |
| 123 | <!-- Target 3: Team --> |
| 124 | <rect x="760" y="370" width="430" height="75" rx="10" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 125 | <line x1="764" y1="385" x2="764" y2="430" stroke="#F59E0B" stroke-width="8" stroke-linecap="round"/> |
| 126 | <circle cx="810" cy="407.5" r="20" fill="#FEF3C7"/> |
| 127 | <text x="810" y="415" font-size="20" font-weight="800" fill="#D97706" text-anchor="middle">+</text> |
| 128 | <text x="850" y="402" font-size="28" font-weight="800" fill="#0F172A">300+</text> |
| 129 | <text x="850" y="426" font-size="14" font-weight="600" fill="#64748B">End-of-Year Headcount Target</text> |
| 130 | <!-- Divider --> |
| 131 | <line x1="760" y1="465" x2="1190" y2="465" stroke="#E2E8F0" stroke-width="1.5"/> |
| 132 | <text x="760" y="495" font-size="16" font-weight="800" fill="#0F172A">Key Strategic Initiatives</text> |
| 133 | <!-- Strategy 1 --> |
| 134 | <rect x="760" y="510" width="430" height="40" rx="8" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 135 | <circle cx="785" cy="530" r="12" fill="#E0E7FF"/> |
| 136 | <text x="785" y="534" font-weight="800" fill="#4F46E5" text-anchor="middle">1</text> |
| 137 | <text x="810" y="535" font-size="14" font-weight="700" fill="#1E293B">Product-Led Growth (PLG) Expansion</text> |
| 138 | <!-- Strategy 2 --> |
| 139 | <rect x="760" y="558" width="430" height="40" rx="8" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 140 | <circle cx="785" cy="578" r="12" fill="#D1FAE5"/> |
| 141 | <text x="785" y="582" font-weight="800" fill="#059669" text-anchor="middle">2</text> |
| 142 | <text x="810" y="583" font-size="14" font-weight="700" fill="#1E293B">Enterprise Account Acquisition</text> |
| 143 | <!-- Strategy 3 --> |
| 144 | <rect x="760" y="606" width="430" height="40" rx="8" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 145 | <circle cx="785" cy="626" r="12" fill="#FEF3C7"/> |
| 146 | <text x="785" y="630" font-weight="800" fill="#D97706" text-anchor="middle">3</text> |
| 147 | <text x="810" y="631" font-size="14" font-weight="700" fill="#1E293B">Global Market PMF Validation</text> |
| 148 | <!-- Strategy 4 --> |
| 149 | <rect x="760" y="654" width="430" height="40" rx="8" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1"/> |
| 150 | <circle cx="785" cy="674" r="12" fill="#FFE4E6"/> |
| 151 | <text x="785" y="678" font-weight="800" fill="#E11D48" text-anchor="middle">4</text> |
| 152 | <text x="810" y="679" font-size="14" font-weight="700" fill="#1E293B">AI Technical Moat Construction</text> |
| 153 | </g> |
| 154 | </svg> |
| 155 |