Customer Journey Map
Run ID: 69ccb1503e7fb09ff16a43882026-04-01Marketing
PantheraHive BOS
BOS Dashboard

Map the complete customer journey from awareness to advocacy, including touchpoints, pain points, emotions, and optimization opportunities.

Step 1 of 3: Audience Analysis for Customer Journey Mapping

Workflow: Customer Journey Map

Step: gemini → analyze_audience

Description: This deliverable provides a comprehensive analysis of your target audience, laying the essential groundwork for mapping their complete journey. Understanding their demographics, psychographics, behaviors, needs, and pain points is critical for identifying effective touchpoints, anticipating emotional states, and uncovering optimization opportunities throughout the customer lifecycle.


1. Executive Summary: Understanding Your Core Customer

This analysis identifies the primary segments within your target audience for the Online Personal Development & Skill Enhancement Platform. Our core customers are driven individuals seeking to advance their careers, acquire new skills, or achieve personal growth. They value convenience, quality content, and demonstrable results. While motivated, they often face challenges related to time constraints, information overload, and the need for personalized learning paths. This deep dive into their characteristics will directly inform the design of an empathetic and effective customer journey map.


2. Target Audience Overview & Segmentation

Our target audience can be broadly categorized into individuals who are proactive about self-improvement and career advancement. To effectively map their journey, we've identified the following key segments:

  • Segment 1: The Career Accelerator (Primary Focus)

* Description: Professionals (mid-career to senior) looking to upskill, reskill, or gain certifications to advance in their current roles, transition to new industries, or increase earning potential.

* Motivations: Career progression, higher salary, job security, staying relevant in a competitive market.

* Pain Points: Time constraints, lack of clear learning paths, overwhelming options, fear of outdated skills, balancing work/life/learning.

  • Segment 2: The Lifelong Learner

* Description: Individuals of various ages who are intrinsically motivated by personal growth, intellectual curiosity, or hobby development.

* Motivations: Self-fulfillment, intellectual stimulation, exploring new interests, personal well-being.

* Pain Points: Finding engaging and high-quality content, maintaining motivation, tracking progress, applying knowledge effectively.

  • Segment 3: The Entrepreneur/Freelancer

* Description: Business owners, startup founders, or independent contractors seeking specific skills (e.g., marketing, finance, project management) to grow their ventures or improve their service offerings.

* Motivations: Business growth, efficiency, attracting clients, competitive advantage, financial independence.

* Pain Points: Limited budget for training, need for immediate applicability, difficulty finding niche-specific training, balancing multiple roles.


3. Detailed Audience Demographics

For the Primary Segment: The Career Accelerator

  • Age: 28-45 years old (peak career-building years).
  • Gender: Relatively balanced, with a slight skew towards female professionals in certain industries (e.g., healthcare, education) and male professionals in others (e.g., tech, engineering).
  • Income Level: Mid to high-income earners ($60,000 - $150,000+ annually), with disposable income for professional development.
  • Education Level: Primarily university graduates (Bachelor's, Master's degrees), often with prior professional certifications.
  • Occupation: Managers, specialists, senior individual contributors across various sectors (tech, finance, marketing, healthcare, consulting).
  • Location: Predominantly urban and suburban areas, with access to professional networks and opportunities.
  • Family Status: Often established professionals, some with young families, others single or without children, influencing time availability.

4. Psychographic Profile: Motivations, Values, & Lifestyle

For the Primary Segment: The Career Accelerator

  • Values: Ambition, growth, efficiency, achievement, continuous improvement, security, recognition, work-life balance (struggling to achieve it).
  • Motivations:

* Extrinsic: Salary increase, promotion, career change, avoiding obsolescence, peer recognition.

* Intrinsic: Personal mastery, intellectual challenge, solving complex problems, increased confidence, feeling competent.

  • Attitudes: Proactive, goal-oriented, open to learning, tech-savvy, results-driven, cautious about investment (time and money).
  • Interests: Industry trends, professional networking, personal finance, productivity tools, health and wellness.
  • Lifestyle: Busy, often juggling work, family, and social commitments. Seeks convenience and flexibility in learning. Prefers self-paced but structured approaches. Uses digital tools extensively for work and personal life.

5. Behavioral Data & Channel Preferences

For the Primary Segment: The Career Accelerator

  • Information Seeking:

* Initial Research: Google Search, LinkedIn, industry forums, professional associations, peer recommendations.

* Deeper Dive: Course review sites (e.g., G2, Capterra), platform demos, free trials, webinars, expert blogs/articles.

  • Learning Preferences:

* Prefers online, self-paced learning with structured modules.

* Values practical application, case studies, and real-world projects.

* Appreciates expert instructors and opportunities for interaction (Q&A, forums).

* Seeks verifiable credentials or certificates upon completion.

  • Technology Adoption: Early adopters to early majority. Comfortable with online platforms, video conferencing, and mobile apps.
  • Purchase Behavior:

* Considers value for money, return on investment (ROI), and reputation.

* Often involves a longer consideration phase due to the investment of time and money.

* Influenced by testimonials, success stories, and expert endorsements.

  • Channel Preferences for Communication:

* Awareness: Social media (LinkedIn, Twitter), targeted ads, industry newsletters, professional blogs.

* Consideration: Email marketing (informative), webinars, direct website interaction, professional review sites.

* Decision: Personalized email communication, live chat support, clear pricing and FAQ pages.

* Retention/Advocacy: Email updates, in-platform notifications, community forums.


6. Needs, Goals, and Pain Points

Needs:

  • Skill Gap Closure: Specific, targeted courses to fill identified skill gaps.
  • Career Advancement: Programs leading to promotions, new roles, or industry transitions.
  • Time Efficiency: Flexible, self-paced learning that fits into a busy schedule.
  • Credibility: Certifications or credentials recognized by employers.
  • Practical Application: Learning that can be immediately applied to their work.
  • Community/Networking: Opportunities to connect with peers and mentors.
  • Personalization: Guidance on learning paths relevant to their specific goals.

Goals:

  • Achieve a promotion within 12-18 months.
  • Transition into a new, higher-paying industry.
  • Master a new software or technical skill.
  • Start or grow a side hustle/freelance business.
  • Increase efficiency and productivity in their current role.
  • Build a professional portfolio.

Pain Points:

  • Time Scarcity: Difficulty allocating dedicated time for learning amidst work and personal commitments.
  • Information Overload: Overwhelmed by the vast number of online courses and platforms, making selection difficult.
  • Relevance Doubt: Uncertainty about whether a course will truly deliver on its promises or be applicable to their specific needs.
  • Lack of Accountability: Struggling to stay motivated and complete courses without external structure or peer pressure.
  • Cost vs. Value: Hesitation due to the financial investment required, seeking clear ROI.
  • Isolation: Feeling disconnected in purely self-paced online environments.
  • Technical Glitches: Frustration with poor platform usability or technical issues.

7. Key Influencers & Information Sources

  • Professional Networks: Colleagues, mentors, supervisors, LinkedIn connections.
  • Industry Experts: Thought leaders, authors, speakers, consultants in their field.
  • Online Review Platforms: G2, Capterra, Trustpilot, specific course review sites.
  • Professional Bodies: Industry associations, certification organizations.
  • Content Platforms: YouTube (tutorials), professional blogs, podcasts.
  • Employers: Company-sponsored training programs, learning & development departments.

8. Emotional Drivers

  • Positive Emotions (desired state): Hope, excitement, confidence, empowerment, satisfaction, pride, relief (from skill gaps).
  • Negative Emotions (pain points): Frustration, anxiety (about falling behind), overwhelm, doubt, fear (of failure or wasted time/money), inadequacy.
  • Emotional Arc: Customers typically move from a state of slight anxiety/frustration (identifying a need) to hope/excitement (discovering a solution), then to determination (engaging with the platform), and finally to satisfaction/pride (achieving their goals).

9. Current Trends Impacting the Audience

  • Rapid Skill Obsolescence: The accelerating pace of technological change necessitates continuous learning.
  • Hybrid Work Models: Increased demand for flexible, remote-friendly learning solutions.
  • Emphasis on Upskilling/Reskilling: Companies and individuals prioritizing skill development for career resilience.
  • Rise of Micro-credentials: Demand for shorter, targeted learning paths and verifiable digital badges.
  • Personalization & AI in Learning: Expectations for tailored content and adaptive learning experiences.
  • Creator Economy: Growing interest in platforms that enable individuals to build and monetize their skills.
  • Mental Wellness Integration: Learners seeking platforms that also support well-being alongside skill development.

10. Data Insights & Sources

This analysis is based on a synthesis of:

  • Market Research Reports: Industry trends in online education, professional development, and the future of work.
  • Competitor Analysis: Review of leading online learning platforms, their target audiences, and offerings.
  • Simulated User Surveys & Interviews: Hypothetical feedback from professionals regarding learning challenges, preferences, and motivations.
  • Demographic Data: General population and workforce statistics.
  • Psychographic Studies: Insights into the values and motivations of ambitious professionals.

Key Insight: The "Career Accelerator" segment, while highly motivated, is acutely sensitive to time investment and ROI. Their journey is often triggered by a specific career event or aspiration, and they seek efficient, high-impact learning experiences that directly address their professional goals.


11. Recommendations for Customer Journey Mapping

Leveraging this audience analysis, we recommend the following for the subsequent stages of the Customer Journey Map:

  • Focus on Problem-Solution Framing: Emphasize how the platform directly addresses the "Career Accelerator's" pain points (time scarcity, skill gaps, career stagnation) from the awareness stage onward.
  • Highlight ROI and Career Impact: Ensure all touchpoints (marketing, product descriptions, testimonials) clearly articulate the career benefits and return on investment.
  • Design for Time-Efficiency: Map out a journey that respects time constraints, offering flexible learning paths, clear module durations, and progress tracking.
  • Integrate Credibility Signals: Embed certifications, instructor expertise, and success stories prominently at consideration and decision touchpoints.
  • Address Emotional Arc: Identify specific points in the journey where anxiety or frustration might peak (e.g., initial search, feeling overwhelmed by choices, mid-course plateau) and design interventions to provide support, motivation, or clarity.
  • Tailor Content & Channels: Utilize LinkedIn and professional networks for awareness, detailed email sequences for consideration, and in-platform guidance for engagement.
  • Prioritize Seamless User Experience: Acknowledge the audience's tech-savviness and expectation for intuitive, glitch-free platform interactions.

12. Next Steps

This comprehensive audience analysis serves as the foundational input for the next phase of the Customer Journey Map workflow.

  • Step 2: Map Key Stages & Touchpoints: We will use these audience insights to define the distinct stages of the customer journey (Awareness, Consideration, Decision, Onboarding, Engagement, Advocacy) and identify all potential touchpoints across each stage, tailored to the preferences and behaviors identified here.
  • Step 3: Identify Pain Points & Opportunities: With the journey stages and touchpoints mapped, we will overlay the identified audience pain points and emotional drivers to pinpoint specific areas for improvement and innovation within the customer experience. This will include identifying moments of truth and opportunities to exceed expectations.
gemini Output

Unlocking Success: Your Comprehensive Customer Journey Map for Enhanced Customer Experience

Headline: Navigate the Path to Loyalty: A Deep Dive into Your Customer's Journey

Body Text:

Welcome to a pivotal step in understanding and optimizing your customer relationships. This comprehensive Customer Journey Map is designed to provide you with a detailed, empathetic, and actionable view of your customers' path – from their initial spark of awareness to becoming enthusiastic advocates for your brand.

By meticulously charting each stage, touchpoint, emotion, and potential hurdle, we unlock invaluable insights. This map serves as your strategic blueprint to identify critical moments, mitigate pain points, and seize opportunities to create consistently delightful experiences. The ultimate goal? To foster deeper connections, drive satisfaction, and cultivate a loyal customer base that champions your brand.


Understanding Our Approach

This Customer Journey Map is built on a framework that considers a typical customer persona engaging with a [Insert your product/service type, e.g., "premium subscription service," "innovative tech product," "specialized B2B software"]. While this map provides a robust foundation, remember that its true power is unleashed when customized with your specific customer data, analytics, and qualitative feedback.


The Customer Journey Map: From Awareness to Advocacy

We've broken down the customer journey into six core stages, each critical to building a lasting relationship.

Stage 1: Awareness – The First Spark of Discovery

This is where a potential customer first realizes they have a need or a problem, and your brand enters their radar as a possible solution.

  • Customer Goal: To find information or solutions for a recognized need/problem.
  • Customer Questions: "What's out there?" "Can this help me?"
  • Touchpoints:

* Digital: Social Media Ads (Facebook, Instagram, LinkedIn), Search Engine Results (Organic & Paid), Blog Posts, Influencer Reviews/Mentions, Online Forums, Display Ads, PR Mentions.

* Offline: Word-of-Mouth, Traditional Media (TV, Radio, Print), Events/Conferences, Billboards.

  • Customer Thoughts/Emotions:

* Initial: Curious, Overwhelmed (by options), Skeptical, Intrigued.

* Upon Discovery: Hopeful, Interested, "This looks promising."

  • Pain Points:

* Difficulty finding relevant information.

* Information overload, leading to confusion.

* Lack of trust in unknown brands.

* Irrelevant advertising.

  • Optimization Opportunities:

* SEO & Content Marketing: Develop high-quality, problem-solving content (blogs, guides, videos) targeting relevant keywords to appear prominently in search.

* Targeted Advertising: Implement precise audience targeting on social media and search to reach those most likely to be interested.

* Brand Storytelling: Craft compelling, concise brand narratives that resonate emotionally and clearly articulate your value proposition in initial touchpoints.

* Influencer Partnerships: Collaborate with authentic voices to build credibility and reach new audiences.


Stage 2: Consideration – Exploring the Possibilities

At this stage, the customer is actively evaluating different options, including your brand, to determine the best fit for their needs.

  • Customer Goal: To compare solutions, gather more detailed information, and assess suitability.
  • Customer Questions: "How does this compare?" "What are the features/benefits?" "Is this reliable?"
  • Touchpoints:

* Digital: Website (Product/Service Pages, About Us, FAQs), Comparison Sites, Review Platforms (G2, Trustpilot, Yelp), Case Studies, Webinars, Email Marketing (after initial sign-up/lead magnet), Social Media (deeper engagement).

* Offline: Product Demos, Sales Consultations, Peer Recommendations.

  • Customer Thoughts/Emotions:

* During Evaluation: Analytical, Cautious, Excited (by potential solutions), Frustrated (by complex comparisons), Seeking Reassurance.

* Towards Your Brand: "This seems like a strong contender," "I need more details on X."

  • Pain Points:

* Difficulty understanding complex features or pricing.

* Lack of clear differentiation from competitors.

* Inconsistent information across channels.

* Slow response to inquiries.

  • Optimization Opportunities:

* Clear Value Proposition: Ensure your website and marketing materials clearly articulate unique selling propositions and benefits over features.

* Social Proof & Trust Signals: Prominently display testimonials, case studies, awards, and security badges.

* Interactive Content: Offer product demos, configurators, or interactive tools to help customers visualize the solution.

* Personalized Follow-ups: Implement targeted email sequences or sales outreach based on observed interest (e.g., pages visited, content downloaded).

* Transparent Pricing: Make pricing structures easy to understand, with clear inclusions and exclusions.


Stage 3: Decision/Purchase – Committing to a Solution

The customer has chosen your brand and is now ready to complete the transaction.

  • Customer Goal: To make a confident purchase and complete the transaction smoothly.
  • Customer Questions: "Is this the right decision?" "How do I buy?" "What happens next?"
  • Touchpoints:

* Digital: E-commerce Checkout Page, Pricing Page, Sign-up Forms, Confirmation Emails, Live Chat Support, Payment Gateways.

* Offline: In-store Purchase, Sales Representative Interaction, Contract Signing.

  • Customer Thoughts/Emotions:

* Pre-Purchase: Anxious (about commitment), Excited (to solve problem), Hopeful, Apprehensive (buyer's remorse potential).

* Post-Purchase: Relieved, Satisfied, Eager (to use the product/service).

  • Pain Points:

* Complex or lengthy checkout processes.

* Hidden fees or unexpected costs.

* Website errors or slow loading times.

* Lack of payment options.

* Unclear return/cancellation policies.

* Lack of immediate confirmation or next steps.

  • Optimization Opportunities:

* Streamlined Checkout: Implement a simple, intuitive, and fast checkout process with minimal steps.

* Transparent Policies: Clearly display shipping, return, and cancellation policies before purchase.

* Multiple Payment Options: Offer a variety of secure payment methods.

* Real-time Support: Provide live chat or phone support during the purchase process to address last-minute questions.

* Post-Purchase Communication: Send immediate, clear confirmation emails with next steps, order tracking, or onboarding instructions.


Stage 4: Onboarding/Service Experience – First Impressions & Value Realization

This stage focuses on the customer's initial interaction with your product or service after purchase, ensuring they successfully integrate and start realizing value.

  • Customer Goal: To successfully use the product/service, achieve initial goals, and feel supported.
  • Customer Questions: "How do I get started?" "Am I using this correctly?" "Where can I get help?"
  • Touchpoints:

* Digital: Welcome Emails, Onboarding Tutorials (videos, guides), Product Walkthroughs, Knowledge Base/FAQs, Customer Support Portal, In-app Messaging.

* Offline: Product Delivery, Installation Services, Welcome Kits, Training Sessions.

  • Customer Thoughts/Emotions:

* During Onboarding: Curious, Confident (if easy), Frustrated (if complex), Supported (if help is available), Eager to succeed.

* Upon Success: Satisfied, Empowered, "This was easier than I thought!"

  • Pain Points:

* Confusing or overwhelming setup process.

* Lack of clear instructions or guidance.

* Difficulty finding help when needed.

* Product doesn't meet initial expectations.

* Slow or unhelpful customer support.

  • Optimization Opportunities:

* Intuitive Onboarding Flows: Design step-by-step guides, interactive tours, and personalized welcome sequences.

* Proactive Support: Anticipate common questions and provide answers in a readily accessible knowledge base or FAQs.

* Dedicated Onboarding Specialists: For complex products/services, offer personalized setup assistance.

* First Value Delivery: Guide customers to achieve their "aha!" moment quickly, demonstrating immediate value.

* Feedback Loops: Integrate in-app surveys or feedback mechanisms to identify and address onboarding issues promptly.


Stage 5: Retention/Loyalty – Sustained Engagement & Growth

The customer is now an active user, and the focus shifts to ensuring continued satisfaction, encouraging deeper engagement, and preventing churn.

  • Customer Goal: To continue deriving value, explore advanced features, and feel valued by the brand.
  • Customer Questions: "How can I get more out of this?" "What's new?" "Are they listening to my feedback?"
  • Touchpoints:

* Digital: Usage Notifications, Feature Updates, Personalized Recommendations, Customer Success Manager Check-ins, Loyalty Programs, Email Newsletters, Community Forums, Surveys, Support Tickets.

* Offline: In-person Events, Exclusive Workshops.

  • Customer Thoughts/Emotions:

* During Engagement: Satisfied, Loyal, Disappointed (if issues arise), Appreciated, Valued, Trusting.

* Upon Renewal/Upgrade: Confident in choice, "This is worth it."

  • Pain Points:

* Lack of new features or perceived stagnation.

* Unresolved ongoing issues.

* Feeling like "just another customer."

* Competitors offering new incentives.

* Difficulty upgrading or modifying subscriptions.

  • Optimization Opportunities:

* Proactive Customer Success: Regularly check in with customers, offer tips, and address potential issues before they escalate.

* Personalized Communication: Send tailored content, offers, and product updates based on usage patterns and preferences.

* Loyalty Programs: Reward long-term customers with exclusive benefits, discounts, or early access to new features.

* Continuous Improvement: Actively solicit and implement customer feedback for product/service enhancements.

* Easy Upgrade/Renewal Paths: Make it simple for customers to expand their usage or renew their subscriptions.


Stage 6: Advocacy – Turning Customers into Champions

In this final stage, highly satisfied and loyal customers become brand advocates, actively promoting your product or service to others.

  • Customer Goal: To share positive experiences and help others discover a great solution.
  • Customer Questions: "How can I tell others about this?" "Can I get rewarded for sharing?"
  • Touchpoints:

* Digital: Referral Programs, Social Media Mentions/Shares, Online Reviews, Testimonial Requests, Case Study Participation, Brand Hashtags, Community Moderation.

* Offline: Word-of-Mouth, Brand Ambassador Programs.

  • Customer Thoughts/Emotions:

* During Advocacy: Proud, Enthusiastic, Helpful, Connected, Empowered, Rewarded.

* Upon Sharing: "I love this product, and I want others to experience it too!"

  • Pain Points:

* Lack of easy ways to share feedback or refer others.

* Feeling unacknowledged for their support.

* Complex referral processes.

  • Optimization Opportunities:

* Referral Programs: Implement attractive and easy-to-use referral programs with clear incentives for both referrer and referee.

* Solicit Reviews & Testimonials: Proactively ask happy customers for reviews on relevant platforms and feature their testimonials prominently.

* Social Sharing Buttons: Make it easy for customers to share positive experiences on social media.

* Community Building: Create exclusive online communities where advocates can connect, share, and feel part of something bigger.

* Recognize & Reward: Publicly acknowledge advocates and offer exclusive perks or early access as a token of appreciation.


Key Takeaways & Actionable Insights

  • Empathy is Paramount: Understanding customer emotions at each stage is crucial for designing effective interventions.
  • Seamless Transitions: Gaps between stages (e.g., from consideration to purchase, or purchase to onboarding) are high-risk areas for churn. Focus on smooth handoffs.
  • Data-Driven Refinement: This map is a living document. Continuously gather data from analytics, surveys, and support interactions to validate assumptions and uncover new insights.
  • Cross-Functional Collaboration: Optimizing the customer journey requires alignment across marketing, sales, product, and customer service teams. Each touchpoint impacts the overall experience.
  • Focus on Value Realization: From the first interaction, consistently demonstrate how your product/service solves problems and delivers tangible benefits.

Next Steps: Bringing Your Journey Map to Life

Call to Action:

This Customer Journey Map provides a powerful lens through which to view your customer's experience. To maximize its impact, we recommend the following:

  1. Validate & Customize: Let's schedule a dedicated session to review this map, integrate your specific customer data, and tailor it to your unique business context and target personas.
  2. Prioritize Opportunities: Identify the 2-3 most impactful optimization opportunities from this map that align with your current business goals.
  3. Develop Action Plans: For each prioritized opportunity, let's collaborate to define concrete actions, assign responsibilities, and set measurable KPIs for success.
  4. **Implement & Iterate
gemini Output

Customer Journey Map: From Awareness to Advocacy

This document presents a comprehensive Customer Journey Map, detailing the end-to-end experience of a typical customer interacting with your product/service. It identifies key touchpoints, emotional states, pain points, and strategic opportunities for optimization across all stages, from initial awareness to becoming a loyal advocate.


1. Executive Summary

This Customer Journey Map provides a detailed visualization of the customer's path, highlighting critical moments that shape their perception and loyalty. We've identified five key stages: Awareness, Consideration, Decision/Purchase, Usage/Service, and Loyalty/Advocacy. For each stage, we map customer goals, actions, touchpoints, emotions, pain points, and actionable optimization opportunities. The overarching goal is to foster a seamless, positive, and value-driven experience that not only meets but exceeds customer expectations, driving satisfaction, retention, and organic growth.


2. Introduction: Understanding the Customer Journey

A Customer Journey Map is a powerful tool designed to understand and improve the customer experience. By stepping into the customer's shoes, we gain invaluable insights into their motivations, needs, and frustrations at every interaction point. This map is not merely a descriptive tool; it's a strategic framework for identifying areas of friction, uncovering unmet needs, and prioritizing initiatives that enhance customer satisfaction and business outcomes.

Benefits of this Map:

  • Customer-Centricity: Fosters a deeper understanding of customer needs and behaviors.
  • Identify Pain Points: Pinpoints specific areas where customers struggle or feel frustrated.
  • Uncover Opportunities: Reveals new avenues for product/service improvement, marketing, and support.
  • Align Teams: Provides a shared vision across departments (marketing, sales, product, support) for a unified customer experience.
  • Drive Innovation: Inspires new features, services, and communication strategies.

3. Methodology

This Customer Journey Map was developed by synthesizing best practices in customer experience mapping, leveraging typical customer behavior patterns, and incorporating common touchpoints across various industries. While specific customer data was not provided for this generic output, the map is designed to be highly adaptable and serves as a robust foundational framework. It can be further refined with your specific customer research, analytics, and feedback.


4. Customer Persona Snapshot: "Sarah, The Aspiring Learner"

To ground our journey, we've considered a representative customer persona:

  • Name: Sarah, The Aspiring Learner
  • Demographics: 32-year-old Marketing Specialist, lives in an urban area, tech-savvy.
  • Goals: Wants to acquire new digital marketing skills (e.g., advanced analytics, SEO) to advance her career, stay competitive, and potentially transition into a management role. Values efficiency, practical application, and measurable results.
  • Pain Points: Limited free time, overwhelmed by the vast number of online courses available, concerned about the quality and ROI of courses, difficulty staying motivated to complete long programs.
  • Motivations: Career growth, personal development, gaining confidence, staying relevant in a fast-evolving industry.

5. The Customer Journey Map

Stage 1: Awareness

Description: The customer recognizes a need or problem and becomes aware of potential solutions, including your brand.

  • Customer Goal: Recognize a need/problem; discover potential solutions.
  • Customer Actions:

* Experiences a challenge (e.g., feels stagnant in career, lacks a specific skill).

* Starts passive research (e.g., searches general terms on Google, reads industry blogs, talks to colleagues).

* Encounters brand mentions in various contexts.

  • Touchpoints:

* Search Engines (Google, Bing)

* Social Media (LinkedIn, Facebook, Instagram ads)

* Industry Blogs/Publications

* Word-of-Mouth/Referrals

* Online Forums/Communities (Reddit, Quora)

* Podcasts/Webinars

* Display Ads

  • Thoughts & Feelings:

(Problem Recognition)* "I need to learn something new to get ahead." "There must be a better way to do X."

(Discovery)* "What options are out there?" "Who offers solutions for this?" "This brand seems relevant."

(Initial Impression)* Curiosity, mild interest, skepticism, overwhelmed by choices.

  • Pain Points:

* Information Overload: Too many options, difficulty distinguishing credible sources.

* Irrelevant Ads: Annoyed by generic or untargeted advertising.

* Lack of Clarity: Unsure if a solution truly addresses their specific need.

  • Optimization Opportunities:

* SEO & Content Marketing: Develop high-quality, problem-solution oriented content (blog posts, guides, infographics) for target keywords.

* Targeted Advertising: Implement highly segmented social media and search ads based on persona demographics, interests, and search intent.

* Thought Leadership: Publish articles/webinars on industry challenges and solutions to establish authority.

* Referral Programs: Encourage existing customers to share their positive experiences.

* Clear Value Proposition: Ensure initial brand messaging clearly articulates the core problem solved and benefits.


Stage 2: Consideration

Description: The customer actively researches and evaluates different solutions, comparing features, benefits, and pricing.

  • Customer Goal: Understand available options; compare alternatives; determine suitability.
  • Customer Actions:

* Visits your website/landing pages.

* Reads product descriptions, feature lists, pricing pages.

* Watches demo videos, reads case studies, reviews.

* Subscribes to newsletters, downloads free resources (eBooks, templates).

* Compares your offering with competitors.

* May interact with chatbots or basic FAQs.

  • Touchpoints:

* Your Website (Product pages, Pricing, About Us, Blog)

* Competitor Websites

* Review Sites (G2, Capterra, Trustpilot, industry-specific forums)

* Comparison Articles/Videos

* Email Marketing (lead nurturing)

* Webinars/Online Demos

* Customer Support Chatbot/FAQs

  • Thoughts & Feelings:

(Evaluation)* "Does this meet my specific needs?" "How does it compare to X?" "Is it worth the price?"

(Skepticism)* "Are these reviews authentic?" "Is this too good to be true?"

(Hope/Frustration)* Hopeful for a solution, but frustrated by complex pricing or unclear benefits.

  • Pain Points:

* Information Gaps: Missing crucial details, unclear pricing structures.

* Trust Issues: Skepticism about claims, lack of social proof.

* Difficulty Comparing: Hard to directly compare features/benefits with competitors.

* Overwhelming Options: Too many choices within your own product tiers.

  • Optimization Opportunities:

* Transparent Pricing: Clear, easy-to-understand pricing plans with feature comparisons.

* Social Proof: Prominently display testimonials, case studies, user reviews, and trust badges.

* Detailed Product Pages: Rich content including videos, screenshots, specific use cases, and FAQs.

* Comparison Tools: Provide an easy way for customers to compare your offerings with competitors (e.g., "Why choose us" page).

* Lead Nurturing: Personalized email sequences offering valuable content and addressing common objections.

* Interactive Demos/Free Trials: Allow customers to experience the product firsthand.


Stage 3: Decision/Purchase

Description: The customer makes a final decision and completes the purchase or sign-up process.

  • Customer Goal: Make an informed decision; successfully complete the transaction.
  • Customer Actions:

* Adds product/service to cart or selects a plan.

* Provides personal and payment information.

* Reviews order details.

* Confirms purchase.

* Receives confirmation email.

  • Touchpoints:

* Shopping Cart/Checkout Page

* Payment Gateway

* Order Confirmation Page

* Confirmation Email

* Sales Representative (for complex B2B or high-value B2C)

* Terms & Conditions/Privacy Policy

  • Thoughts & Feelings:

(Anticipation)* "I hope this is the right choice." "Excited to start!"

(Anxiety)* "Is my payment secure?" "Did I make a mistake?" "What if it doesn't work out?"

(Relief/Satisfaction)* After successful purchase.

  • Pain Points:

* Complex Checkout: Too many steps, confusing forms.

* Hidden Fees: Unexpected costs added at checkout.

* Payment Issues: Declined payments, lack of preferred payment methods.

* Security Concerns: Worries about data privacy.

* Lack of Support: No easy way to get help during checkout.

* Cart Abandonment: Distractions or second thoughts leading to incomplete purchases.

  • Optimization Opportunities:

* Streamlined Checkout: Single-page or multi-step checkout with clear progress indicators.

* Guest Checkout Option: Allow purchases without requiring account creation.

* Multiple Payment Options: Offer popular and secure payment gateways.

* Clear Security Badges: Display trust seals and security certifications prominently.

* Exit-Intent Pop-ups: Offer incentives or support for abandoning carts.

* Post-Purchase Nurturing: Immediate, personalized confirmation emails with next steps and welcome guides.

* Live Chat Support: Offer real-time assistance during the checkout process.


Stage 4: Usage/Service

Description: The customer uses the product/service and interacts with customer support as needed.

  • Customer Goal: Successfully onboard; achieve desired outcomes; resolve issues efficiently.
  • Customer Actions:

* Onboards to the product/service.

* Uses features, explores functionalities.

* Seeks help from support documentation or customer service.

* Receives updates/notifications.

* Provides feedback (surveys, reviews).

  • Touchpoints:

* Product Interface/Dashboard

* Onboarding Tutorials/Walkthroughs

* Knowledge Base/FAQs

* Customer Support (Email, Chat, Phone, Ticketing System)

* User Community/Forum

* Email Notifications (tips, updates)

* In-App Messaging

* Billing/Account Management Portal

  • Thoughts & Feelings:

(Learning)* "How do I do X?" "This is intuitive/confusing."

(Progress/Frustration)* "I'm getting value!" or "This isn't working as expected."

(Relief/Gratitude)* When problems are solved quickly.

(Empowerment)* Feeling proficient and successful with the product.

  • Pain Points:

* Complex Onboarding: Difficulty getting started, steep learning curve.

* Bugs/Glitches: Product not functioning as expected.

* Slow/Ineffective Support: Long wait times, unresolved issues, repetitive explanations.

* Lack of Features: Missing critical functionality.

* Poor UX/UI: Confusing navigation, cluttered interface.

* Irrelevant Communications: Receiving too many or unhelpful emails.

  • Optimization Opportunities:

* Intuitive Onboarding Flows: Interactive tutorials, personalized welcome emails, progress tracking.

* Robust Knowledge Base: Comprehensive, searchable, and up-to-date self-help resources.

* Multi-Channel Support: Offer various support options (chat, email, phone) with clear SLAs.

* Proactive Support: Monitor usage, identify common issues, and offer help before customers ask.

* Regular Feature Updates: Based on user feedback and market needs.

* User Experience (UX) Enhancements: Continuous testing and iteration on product usability.

* Personalized In-App Messaging: Contextual tips, feature announcements, and usage-based prompts.

* Feedback Mechanisms: Easy ways for users to submit feedback within the product.


Stage 5: Loyalty/Advocacy

Description: The customer becomes a loyal user, potentially renewing their subscription, upgrading, and actively recommending the product/service to others.

  • Customer Goal: Continue receiving value; feel part of a community; share positive experiences.
  • Customer Actions:

* Continues using the product/service regularly.

* Renews subscription or upgrades to a higher tier.

* Refers friends/colleagues.

* Leaves positive reviews/testimonials.

* Participates in user communities, beta programs.

* Defends the brand online.

  • Touchpoints:

* Product Interface (continued usage)

* Customer Success Manager (for high-value accounts)

* Loyalty Programs/Exclusive Offers

* Referral Program Platform

* Community Forums/Social Media Groups

* NPS/CSAT Surveys

* Email Marketing (exclusive content, updates)

* Event Invitations (webinars, conferences)

  • Thoughts & Feelings:

(Satisfaction)* "This product consistently delivers value."

(Trust)* "I rely on this brand."

(Belonging)* "I'm part of this community."

(Pride)* "I helped someone by recommending this."

(Delight)* When surprised by new features or exceptional service.

  • Pain Points:

* Feeling Undervalued: Lack of recognition for loyalty.

* Stagnation: Product doesn't evolve, no new value.

* Complex Renewal Process: Unclear terms, unexpected price changes.

* Lack of Community: Feeling isolated as a user.

* Poor Handling of Feedback: Suggestions are ignored.

  • Optimization Opportunities:

* Customer Success Programs: Proactive engagement, value realization support, strategic partnerships.

* Loyalty & Referral Programs: Incentivize continued use and advocacy (discounts, exclusive content, early access).

* Community Building: Host forums, user groups, online events to foster connection.

* Personalized Communication: Share relevant tips, advanced use cases, and success stories.

* Feedback Loop Integration: Actively solicit and visibly act on customer feedback, showcasing improvements.

* Surprise & Delight: Occasional unexpected gestures of appreciation (e.g., small gifts, exclusive content).

* Easy Renewal/Upgrade Paths: Streamlined processes with clear benefits of continued engagement.

* Brand Ambassador Programs: Empower

customer_journey_map.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' import './index.css' ReactDOM.createRoot(document.getElementById('root')!).render( ) "); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react' import './App.css' function App(){ return(

"+slugTitle(pn)+"

Built with PantheraHive BOS

) } export default App "); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e} .app{min-height:100vh;display:flex;flex-direction:column} .app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px} h1{font-size:2.5rem;font-weight:700} "); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` ## Open in IDE Open the project folder in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{ "name": "'+pn+'", "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc -b && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.5.13", "vue-router": "^4.4.5", "pinia": "^2.3.0", "axios": "^1.7.9" }, "devDependencies": { "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.7.3", "vite": "^6.0.5", "vue-tsc": "^2.2.0" } } '); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname,'src') } } }) "); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]} '); zip.file(folder+"tsconfig.app.json",'{ "compilerOptions":{ "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"], "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true, "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue", "strict":true,"paths":{"@/*":["./src/*"]} }, "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"] } '); zip.file(folder+"env.d.ts","/// "); zip.file(folder+"index.html"," "+slugTitle(pn)+"
"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import './assets/main.css' const app = createApp(App) app.use(createPinia()) app.mount('#app') "); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue"," "); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547} "); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` Open in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{ "name": "'+pn+'", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test" }, "dependencies": { "@angular/animations": "^19.0.0", "@angular/common": "^19.0.0", "@angular/compiler": "^19.0.0", "@angular/core": "^19.0.0", "@angular/forms": "^19.0.0", "@angular/platform-browser": "^19.0.0", "@angular/platform-browser-dynamic": "^19.0.0", "@angular/router": "^19.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" }, "devDependencies": { "@angular-devkit/build-angular": "^19.0.0", "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "typescript": "~5.6.0" } } '); zip.file(folder+"angular.json",'{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "'+pn+'": { "projectType": "application", "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:application", "options": { "outputPath": "dist/'+pn+'", "index": "src/index.html", "browser": "src/main.ts", "tsConfig": "tsconfig.app.json", "styles": ["src/styles.css"], "scripts": [] } }, "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"} } } } } '); zip.file(folder+"tsconfig.json",'{ "compileOnSave": false, "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]}, "references":[{"path":"./tsconfig.app.json"}] } '); zip.file(folder+"tsconfig.app.json",'{ "extends":"./tsconfig.json", "compilerOptions":{"outDir":"./dist/out-tsc","types":[]}, "files":["src/main.ts"], "include":["src/**/*.d.ts"] } '); zip.file(folder+"src/index.html"," "+slugTitle(pn)+" "); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser'; import { appConfig } from './app/app.config'; import { AppComponent } from './app/app.component'; bootstrapApplication(AppComponent, appConfig) .catch(err => console.error(err)); "); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; } "); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = '"+pn+"'; } "); zip.file(folder+"src/app/app.component.html","

"+slugTitle(pn)+"

Built with PantheraHive BOS

"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1} "); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { providers: [ provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes) ] }; "); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router'; export const routes: Routes = []; "); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+" Generated by PantheraHive BOS. ## Setup ```bash npm install ng serve # or: npm start ``` ## Build ```bash ng build ``` Open in VS Code with Angular Language Service extension. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local .angular/ "); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join(" "):"# add dependencies here "; zip.file(folder+"main.py",src||"# "+title+" # Generated by PantheraHive BOS print(title+" loaded") "); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash python3 -m venv .venv source .venv/bin/activate pip install -r requirements.txt ``` ## Run ```bash python main.py ``` "); zip.file(folder+".gitignore",".venv/ __pycache__/ *.pyc .env .DS_Store "); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+" "; zip.file(folder+"package.json",pkgJson); var fallback="const express=require("express"); const app=express(); app.use(express.json()); app.get("/",(req,res)=>{ res.json({message:""+title+" API"}); }); const PORT=process.env.PORT||3000; app.listen(PORT,()=>console.log("Server on port "+PORT)); "; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000 "); zip.file(folder+".gitignore","node_modules/ .env .DS_Store "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash npm install ``` ## Run ```bash npm run dev ``` "); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:" "+title+" "+code+" "; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */ *{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e} "); zip.file(folder+"script.js","/* "+title+" — scripts */ "); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Open Double-click `index.html` in your browser. Or serve locally: ```bash npx serve . # or python3 -m http.server 3000 ``` "); zip.file(folder+".gitignore",".DS_Store node_modules/ .env "); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/**(.+?)**/g,"$1"); hc=hc.replace(/ {2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. Files: - "+app+".md (Markdown) - "+app+".html (styled HTML) "); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); }function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}