{"id":2956,"date":"2026-01-13T14:15:44","date_gmt":"2026-01-13T06:15:44","guid":{"rendered":"https:\/\/teen.aiproinstitute.com\/?p=2956"},"modified":"2026-01-13T14:32:50","modified_gmt":"2026-01-13T06:32:50","slug":"customer-journey-map","status":"publish","type":"post","link":"https:\/\/teen.aiproinstitute.com\/zh\/customer-journey-map\/","title":{"rendered":"Customer Journey Map"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2956\" class=\"elementor elementor-2956\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-24e2a51 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24e2a51\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10fc69b\" data-id=\"10fc69b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a963e1 elementor-widget elementor-widget-html\" data-id=\"6a963e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Customer Journey Map - AiPro Institute\u2122<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            line-height: 1.6;\n            color: #1e293b;\n            background: linear-gradient(135deg, #f5f3ff 0%, #e0f2fe 100%);\n            padding: 2rem;\n            min-height: 100vh;\n        }\n        \n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            background: white;\n            padding: 3rem;\n            border-radius: 16px;\n            box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .watermark {\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%) rotate(-45deg);\n            font-size: 8rem;\n            font-weight: 900;\n            color: rgba(139, 92, 246, 0.03);\n            white-space: nowrap;\n            pointer-events: none;\n            z-index: 0;\n            user-select: none;\n        }\n        \n        .content {\n            position: relative;\n            z-index: 1;\n        }\n        \n        .header {\n            text-align: center;\n            margin-bottom: 3rem;\n            padding-bottom: 2rem;\n            border-bottom: 3px solid transparent;\n            border-image: linear-gradient(90deg, #8B5CF6, #3B82F6);\n            border-image-slice: 1;\n        }\n        \n        .logo {\n            font-size: 2.5rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 0.5rem;\n            letter-spacing: -1px;\n        }\n        \n        .document-title {\n            font-size: 2rem;\n            color: #1e293b;\n            font-weight: 700;\n            margin: 1rem 0;\n        }\n        \n        .subtitle {\n            color: #64748b;\n            font-size: 1.1rem;\n        }\n        \n        .section {\n            margin: 2.5rem 0;\n        }\n        \n        .section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #1e293b;\n            margin-bottom: 1.5rem;\n            padding-bottom: 0.5rem;\n            border-bottom: 2px solid #e2e8f0;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n        \n        .section-icon {\n            width: 32px;\n            height: 32px;\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: bold;\n        }\n        \n        .info-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 1.5rem;\n            margin-bottom: 2rem;\n        }\n        \n        .info-card {\n            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n            padding: 1.25rem;\n            border-radius: 12px;\n            border-left: 4px solid #8B5CF6;\n        }\n        \n        .info-label {\n            font-size: 0.875rem;\n            color: #64748b;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 0.5rem;\n        }\n        \n        .info-value {\n            font-size: 1.125rem;\n            color: #1e293b;\n            font-weight: 600;\n            min-height: 1.5rem;\n            padding: 0.25rem;\n            background: white;\n            border-radius: 4px;\n        }\n        \n        .kpi-dashboard {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 1rem;\n            margin: 2rem 0;\n            padding: 1.5rem;\n            background: linear-gradient(135deg, #faf5ff 0%, #eff6ff 100%);\n            border-radius: 12px;\n        }\n        \n        .kpi-card {\n            background: white;\n            padding: 1.25rem;\n            border-radius: 10px;\n            text-align: center;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n        }\n        \n        .kpi-value {\n            font-size: 2rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .kpi-label {\n            font-size: 0.875rem;\n            color: #64748b;\n            margin-top: 0.5rem;\n            font-weight: 600;\n        }\n        \n        .journey-stage {\n            background: white;\n            border: 2px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 2rem;\n            margin: 2rem 0;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n        }\n        \n        .journey-stage-header {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            margin-bottom: 1.5rem;\n        }\n        \n        .journey-stage-number {\n            width: 56px;\n            height: 56px;\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            color: white;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.75rem;\n            font-weight: 900;\n            flex-shrink: 0;\n        }\n        \n        .journey-stage-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: #1e293b;\n        }\n        \n        .journey-row {\n            display: grid;\n            grid-template-columns: 200px 1fr;\n            gap: 1.5rem;\n            margin: 1.5rem 0;\n        }\n        \n        .journey-row-label {\n            font-weight: 700;\n            color: #8B5CF6;\n            font-size: 1rem;\n            display: flex;\n            align-items: flex-start;\n            padding-top: 0.5rem;\n        }\n        \n        .journey-row-content {\n            background: #f8fafc;\n            padding: 1rem;\n            border-radius: 8px;\n            border-left: 3px solid #8B5CF6;\n        }\n        \n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 1.5rem 0;\n            background: white;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n            border-radius: 8px;\n            overflow: hidden;\n        }\n        \n        thead {\n            background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%);\n            color: white;\n        }\n        \n        th {\n            padding: 1rem;\n            text-align: left;\n            font-weight: 600;\n            font-size: 0.875rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        td {\n            padding: 1rem;\n            border-bottom: 1px solid #e2e8f0;\n        }\n        \n        tbody tr:hover {\n            background-color: #f8fafc;\n        }\n        \n        tbody tr:last-child td {\n            border-bottom: none;\n        }\n        \n        input[type=\"text\"],\n        input[type=\"date\"],\n        textarea {\n            width: 100%;\n            padding: 0.5rem;\n            border: 2px solid #e2e8f0;\n            border-radius: 6px;\n            font-size: 0.95rem;\n            transition: all 0.3s;\n            font-family: inherit;\n        }\n        \n        input:focus,\n        textarea:focus {\n            outline: none;\n            border-color: #8B5CF6;\n            box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);\n        }\n        \n        textarea {\n            min-height: 80px;\n            resize: vertical;\n        }\n        \n        .emotion-indicator {\n            display: flex;\n            gap: 0.5rem;\n            align-items: center;\n        }\n        \n        .emotion-dot {\n            width: 20px;\n            height: 20px;\n            border-radius: 50%;\n            cursor: pointer;\n            border: 2px solid transparent;\n        }\n        \n        .emotion-dot.positive {\n            background: #10b981;\n        }\n        \n        .emotion-dot.neutral {\n            background: #f59e0b;\n        }\n        \n        .emotion-dot.negative {\n            background: #ef4444;\n        }\n        \n        .signature-section {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n            margin-top: 3rem;\n            padding-top: 2rem;\n            border-top: 2px solid #e2e8f0;\n        }\n        \n        .signature-block {\n            text-align: center;\n        }\n        \n        .signature-line {\n            border-bottom: 2px solid #1e293b;\n            margin: 2rem 0 0.5rem 0;\n            min-height: 60px;\n        }\n        \n        .signature-label {\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 0.25rem;\n        }\n        \n        .signature-date {\n            font-size: 0.875rem;\n            color: #64748b;\n        }\n        \n        @media print {\n            body {\n                background: white;\n                padding: 0;\n            }\n            \n            .container {\n                box-shadow: none;\n                padding: 1.5rem;\n            }\n            \n            .watermark {\n                font-size: 6rem;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            body {\n                padding: 1rem;\n            }\n            \n            .container {\n                padding: 1.5rem;\n            }\n            \n            .logo {\n                font-size: 1.8rem;\n            }\n            \n            .document-title {\n                font-size: 1.5rem;\n            }\n            \n            .watermark {\n                font-size: 4rem;\n            }\n            \n            .journey-row {\n                grid-template-columns: 1fr;\n                gap: 0.5rem;\n            }\n            \n            table {\n                font-size: 0.875rem;\n            }\n            \n            th, td {\n                padding: 0.75rem 0.5rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"watermark\">AiPro Institute<\/div>\n    \n    <div class=\"container\">\n        <div class=\"content\">\n            <!-- Header -->\n            <div class=\"header\">\n                <div class=\"logo\">AiPro Institute\u2122<\/div>\n                <h1 class=\"document-title\">Customer Journey Map<\/h1>\n                <p class=\"subtitle\">End-to-End Customer Experience Mapping & Analysis<\/p>\n            <\/div>\n\n            <!-- Executive Summary -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\ud83d\udccb<\/span>\n                    Journey Map Overview\n                <\/h2>\n                <div class=\"info-grid\">\n                    <div class=\"info-card\">\n                        <div class=\"info-label\">Customer Name<\/div>\n                        <input type=\"text\" class=\"info-value\" placeholder=\"Enter customer name\">\n                    <\/div>\n                    <div class=\"info-card\">\n                        <div class=\"info-label\">Account ID<\/div>\n                        <input type=\"text\" class=\"info-value\" placeholder=\"Enter account ID\">\n                    <\/div>\n                    <div class=\"info-card\">\n                        <div class=\"info-label\">Journey Start Date<\/div>\n                        <input type=\"date\" class=\"info-value\">\n                    <\/div>\n                    <div class=\"info-card\">\n                        <div class=\"info-label\">Current Stage<\/div>\n                        <input type=\"text\" class=\"info-value\" placeholder=\"e.g., Adoption, Growth\">\n                    <\/div>\n                    <div class=\"info-card\">\n                        <div class=\"info-label\">Customer Success Manager<\/div>\n                        <input type=\"text\" class=\"info-value\" placeholder=\"Enter CSM name\">\n                    <\/div>\n                    <div class=\"info-card\">\n                        <div class=\"info-label\">Last Updated<\/div>\n                        <input type=\"date\" class=\"info-value\">\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- KPI Dashboard -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\ud83d\udcca<\/span>\n                    Journey Health Metrics\n                <\/h2>\n                <div class=\"kpi-dashboard\">\n                    <div class=\"kpi-card\">\n                        <div class=\"kpi-value\">0<\/div>\n                        <div class=\"kpi-label\">Days Since Start<\/div>\n                    <\/div>\n                    <div class=\"kpi-card\">\n                        <div class=\"kpi-value\">0<\/div>\n                        <div class=\"kpi-label\">Touchpoints<\/div>\n                    <\/div>\n                    <div class=\"kpi-card\">\n                        <div class=\"kpi-value\">0%<\/div>\n                        <div class=\"kpi-label\">Milestone Progress<\/div>\n                    <\/div>\n                    <div class=\"kpi-card\">\n                        <div class=\"kpi-value\">N\/A<\/div>\n                        <div class=\"kpi-label\">Overall Sentiment<\/div>\n                    <\/div>\n                    <div class=\"kpi-card\">\n                        <div class=\"kpi-value\">0<\/div>\n                        <div class=\"kpi-label\">Pain Points<\/div>\n                    <\/div>\n                    <div class=\"kpi-card\">\n                        <div class=\"kpi-value\">0<\/div>\n                        <div class=\"kpi-label\">Opportunities<\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Customer Persona -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\ud83d\udc64<\/span>\n                    Customer Persona & Context\n                <\/h2>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Company Profile<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"Describe company size, industry, business model, and key characteristics...\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Primary Goals<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"What are the customer's main business objectives and desired outcomes?\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Key Stakeholders<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"List decision-makers, influencers, end-users, and their roles...\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Use Case<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"How is the customer using the product? What problem are they solving?\"><\/textarea>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Journey Stage 1: Awareness & Discovery -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\ud83d\uddfa\ufe0f<\/span>\n                    Customer Journey Stages\n                <\/h2>\n\n                <div class=\"journey-stage\">\n                    <div class=\"journey-stage-header\">\n                        <div class=\"journey-stage-number\">1<\/div>\n                        <div class=\"journey-stage-title\">Awareness & Discovery<\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83c\udfaf Customer Actions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer doing? (e.g., Researching solutions, attending webinar, reading reviews)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udcad Thoughts & Questions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer thinking? (e.g., Is this the right solution? Can we afford it?)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\ude0a Emotions<\/div>\n                        <div class=\"journey-row-content\">\n                            <div class=\"emotion-indicator\">\n                                <div class=\"emotion-dot positive\" title=\"Positive\"><\/div>\n                                <div class=\"emotion-dot neutral\" title=\"Neutral\"><\/div>\n                                <div class=\"emotion-dot negative\" title=\"Negative\"><\/div>\n                                <textarea placeholder=\"Describe customer emotions (curious, overwhelmed, hopeful, skeptical, etc.)\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udccd Touchpoints<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"Where does the customer interact with us? (Website, ads, social media, demo, sales call)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\u26a0\ufe0f Pain Points<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What friction or challenges did the customer face? (Unclear pricing, hard to book demo, etc.)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udca1 Opportunities<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"How can we improve this stage? (Clearer messaging, easier scheduling, better resources)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Journey Stage 2: Evaluation & Purchase -->\n                <div class=\"journey-stage\">\n                    <div class=\"journey-stage-header\">\n                        <div class=\"journey-stage-number\">2<\/div>\n                        <div class=\"journey-stage-title\">Evaluation & Purchase Decision<\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83c\udfaf Customer Actions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer doing? (Requesting demo, comparing vendors, negotiating contract)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udcad Thoughts & Questions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer thinking? (Will this deliver ROI? Can we get executive buy-in?)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\ude0a Emotions<\/div>\n                        <div class=\"journey-row-content\">\n                            <div class=\"emotion-indicator\">\n                                <div class=\"emotion-dot positive\" title=\"Positive\"><\/div>\n                                <div class=\"emotion-dot neutral\" title=\"Neutral\"><\/div>\n                                <div class=\"emotion-dot negative\" title=\"Negative\"><\/div>\n                                <textarea placeholder=\"Describe customer emotions (excited, anxious, confident, uncertain, etc.)\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udccd Touchpoints<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"Where does the customer interact with us? (Demo calls, ROI calculator, case studies, proposal review)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\u26a0\ufe0f Pain Points<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What friction or challenges did the customer face? (Long sales cycle, unclear pricing, difficult procurement)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udca1 Opportunities<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"How can we improve this stage? (Faster proposal turnaround, clearer ROI examples, smoother contract process)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Journey Stage 3: Onboarding -->\n                <div class=\"journey-stage\">\n                    <div class=\"journey-stage-header\">\n                        <div class=\"journey-stage-number\">3<\/div>\n                        <div class=\"journey-stage-title\">Onboarding & Implementation<\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83c\udfaf Customer Actions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer doing? (Attending kickoff, configuring account, importing data, training team)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udcad Thoughts & Questions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer thinking? (Is this as easy as promised? When will we see value?)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\ude0a Emotions<\/div>\n                        <div class=\"journey-row-content\">\n                            <div class=\"emotion-indicator\">\n                                <div class=\"emotion-dot positive\" title=\"Positive\"><\/div>\n                                <div class=\"emotion-dot neutral\" title=\"Neutral\"><\/div>\n                                <div class=\"emotion-dot negative\" title=\"Negative\"><\/div>\n                                <textarea placeholder=\"Describe customer emotions (motivated, overwhelmed, eager, frustrated, etc.)\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udccd Touchpoints<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"Where does the customer interact with us? (Welcome email, kickoff call, training sessions, onboarding checklist)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\u26a0\ufe0f Pain Points<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What friction or challenges did the customer face? (Complex setup, lack of training, slow response times)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udca1 Opportunities<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"How can we improve this stage? (Simplify setup, personalized onboarding, proactive check-ins)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Journey Stage 4: Adoption & Value Realization -->\n                <div class=\"journey-stage\">\n                    <div class=\"journey-stage-header\">\n                        <div class=\"journey-stage-number\">4<\/div>\n                        <div class=\"journey-stage-title\">Adoption & Value Realization<\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83c\udfaf Customer Actions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer doing? (Daily usage, exploring features, sharing with team, tracking metrics)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udcad Thoughts & Questions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer thinking? (Are we getting the expected ROI? Should we expand usage?)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\ude0a Emotions<\/div>\n                        <div class=\"journey-row-content\">\n                            <div class=\"emotion-indicator\">\n                                <div class=\"emotion-dot positive\" title=\"Positive\"><\/div>\n                                <div class=\"emotion-dot neutral\" title=\"Neutral\"><\/div>\n                                <div class=\"emotion-dot negative\" title=\"Negative\"><\/div>\n                                <textarea placeholder=\"Describe customer emotions (satisfied, productive, delighted, comfortable, etc.)\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udccd Touchpoints<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"Where does the customer interact with us? (Product interface, QBRs, support tickets, webinars)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\u26a0\ufe0f Pain Points<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What friction or challenges did the customer face? (Missing features, performance issues, low adoption by team)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udca1 Opportunities<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"How can we improve this stage? (Feature education, best practice sharing, adoption campaigns)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Journey Stage 5: Growth & Expansion -->\n                <div class=\"journey-stage\">\n                    <div class=\"journey-stage-header\">\n                        <div class=\"journey-stage-number\">5<\/div>\n                        <div class=\"journey-stage-title\">Growth & Expansion<\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83c\udfaf Customer Actions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer doing? (Exploring upsells, adding users, requesting integrations, recommending to others)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udcad Thoughts & Questions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer thinking? (How can we do more with this? What other problems can it solve?)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\ude0a Emotions<\/div>\n                        <div class=\"journey-row-content\">\n                            <div class=\"emotion-indicator\">\n                                <div class=\"emotion-dot positive\" title=\"Positive\"><\/div>\n                                <div class=\"emotion-dot neutral\" title=\"Neutral\"><\/div>\n                                <div class=\"emotion-dot negative\" title=\"Negative\"><\/div>\n                                <textarea placeholder=\"Describe customer emotions (enthusiastic, loyal, advocate, invested, etc.)\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udccd Touchpoints<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"Where does the customer interact with us? (Upsell conversations, expansion proposals, referral program)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\u26a0\ufe0f Pain Points<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What friction or challenges did the customer face? (Pricing concerns, contract limitations, unclear upgrade path)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udca1 Opportunities<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"How can we improve this stage? (Proactive expansion offers, customer success stories, advocate programs)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Journey Stage 6: Renewal & Retention -->\n                <div class=\"journey-stage\">\n                    <div class=\"journey-stage-header\">\n                        <div class=\"journey-stage-number\">6<\/div>\n                        <div class=\"journey-stage-title\">Renewal & Retention<\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83c\udfaf Customer Actions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer doing? (Reviewing contract, evaluating alternatives, discussing renewal terms)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udcad Thoughts & Questions<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What is the customer thinking? (Should we renew? Are there better options? What value have we received?)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\ude0a Emotions<\/div>\n                        <div class=\"journey-row-content\">\n                            <div class=\"emotion-indicator\">\n                                <div class=\"emotion-dot positive\" title=\"Positive\"><\/div>\n                                <div class=\"emotion-dot neutral\" title=\"Neutral\"><\/div>\n                                <div class=\"emotion-dot negative\" title=\"Negative\"><\/div>\n                                <textarea placeholder=\"Describe customer emotions (committed, evaluating, hesitant, satisfied, etc.)\"><\/textarea>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udccd Touchpoints<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"Where does the customer interact with us? (QBR, ROI review, renewal discussions, pricing negotiations)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\u26a0\ufe0f Pain Points<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"What friction or challenges did the customer face? (Price increases, unresolved issues, competitive pressure)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"journey-row\">\n                        <div class=\"journey-row-label\">\ud83d\udca1 Opportunities<\/div>\n                        <div class=\"journey-row-content\">\n                            <textarea placeholder=\"How can we improve this stage? (Early renewal incentives, value documentation, multi-year discounts)\"><\/textarea>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Key Insights -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\ud83d\udca1<\/span>\n                    Key Insights & Recommendations\n                <\/h2>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Biggest Wins<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"What has worked exceptionally well in this customer's journey?\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Critical Pain Points<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"What are the most significant challenges or friction points across the journey?\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Strategic Recommendations<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"What changes should we prioritize to improve the overall customer experience?\"><\/textarea>\n                    <\/div>\n                <\/div>\n                <div class=\"journey-row\">\n                    <div class=\"journey-row-label\">Next Best Actions<\/div>\n                    <div class=\"journey-row-content\">\n                        <textarea placeholder=\"What specific actions should we take in the next 30 days to advance this customer's journey?\"><\/textarea>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <!-- Action Items -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\u2705<\/span>\n                    Action Items & Follow-Up\n                <\/h2>\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Action Item<\/th>\n                            <th style=\"width: 25%;\">Owner<\/th>\n                            <th style=\"width: 20%;\">Due Date<\/th>\n                            <th style=\"width: 15%;\">Status<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"Action to improve journey\"><\/td>\n                            <td><input type=\"text\" placeholder=\"Owner name\"><\/td>\n                            <td><input type=\"date\"><\/td>\n                            <td>\n                                <select>\n                                    <option value=\"\">--<\/option>\n                                    <option value=\"pending\">Pending<\/option>\n                                    <option value=\"in-progress\">In Progress<\/option>\n                                    <option value=\"complete\">Complete<\/option>\n                                <\/select>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"Action to improve journey\"><\/td>\n                            <td><input type=\"text\" placeholder=\"Owner name\"><\/td>\n                            <td><input type=\"date\"><\/td>\n                            <td>\n                                <select>\n                                    <option value=\"\">--<\/option>\n                                    <option value=\"pending\">Pending<\/option>\n                                    <option value=\"in-progress\">In Progress<\/option>\n                                    <option value=\"complete\">Complete<\/option>\n                                <\/select>\n                            <\/td>\n                        <\/tr>\n                        <tr>\n                            <td><input type=\"text\" placeholder=\"Action to improve journey\"><\/td>\n                            <td><input type=\"text\" placeholder=\"Owner name\"><\/td>\n                            <td><input type=\"date\"><\/td>\n                            <td>\n                                <select>\n                                    <option value=\"\">--<\/option>\n                                    <option value=\"pending\">Pending<\/option>\n                                    <option value=\"in-progress\">In Progress<\/option>\n                                    <option value=\"complete\">Complete<\/option>\n                                <\/select>\n                            <\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/section>\n\n            <!-- Notes -->\n            <section class=\"section\">\n                <h2 class=\"section-title\">\n                    <span class=\"section-icon\">\ud83d\udcdd<\/span>\n                    Additional Notes & Observations\n                <\/h2>\n                <textarea style=\"width: 100%; min-height: 150px;\" placeholder=\"Add any additional context, observations, or insights about this customer's journey...\"><\/textarea>\n            <\/section>\n\n            <!-- Signature Section -->\n            <div class=\"signature-section\">\n                <div class=\"signature-block\">\n                    <div class=\"signature-label\">Customer Success Manager<\/div>\n                    <div class=\"signature-line\"><\/div>\n                    <div class=\"signature-date\">Date: _________________<\/div>\n                <\/div>\n                <div class=\"signature-block\">\n                    <div class=\"signature-label\">Team Lead<\/div>\n                    <div class=\"signature-line\"><\/div>\n                    <div class=\"signature-date\">Date: _________________<\/div>\n                <\/div>\n                <div class=\"signature-block\">\n                    <div class=\"signature-label\">VP of Customer Success<\/div>\n                    <div class=\"signature-line\"><\/div>\n                    <div class=\"signature-date\">Date: _________________<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Customer Journey Map &#8211; AiPro Institute\u2122 AiPro Institute AiPro Institute\u2122 Customer Journey Map End-to-End Customer Experience Mapping &#038; Analysis \ud83d\udccb Journey Map Overview Customer Name Account ID Journey Start Date Current Stage Customer Success Manager Last Updated \ud83d\udcca Journey Health Metrics 0 Days Since Start 0 Touchpoints 0% Milestone Progress N\/A Overall Sentiment 0 Pain&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[82],"tags":[],"class_list":["post-2956","post","type-post","status-publish","format-standard","hentry","category-customer-success-department"],"acf":[],"_links":{"self":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/comments?post=2956"}],"version-history":[{"count":4,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2956\/revisions"}],"predecessor-version":[{"id":3040,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/posts\/2956\/revisions\/3040"}],"wp:attachment":[{"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/media?parent=2956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/categories?post=2956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teen.aiproinstitute.com\/zh\/wp-json\/wp\/v2\/tags?post=2956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}