| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="topBar" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 | <stop offset="0%" stop-color="#1A3A5C" /> |
| 5 | <stop offset="100%" stop-color="#2D8A4E" /> |
| 6 | </linearGradient> |
| 7 | <linearGradient id="coreGrad" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 8 | <stop offset="0%" stop-color="#1A3A5C" /> |
| 9 | <stop offset="100%" stop-color="#2D8A4E" /> |
| 10 | </linearGradient> |
| 11 | <filter id="coreShadow"> |
| 12 | <feGaussianBlur in="SourceAlpha" stdDeviation="8" /> |
| 13 | <feOffset dx="0" dy="4" /> |
| 14 | <feComponentTransfer><feFuncA type="linear" slope="0.15" /></feComponentTransfer> |
| 15 | <feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge> |
| 16 | </filter> |
| 17 | <filter id="nodeShadow"> |
| 18 | <feGaussianBlur in="SourceAlpha" stdDeviation="4" /> |
| 19 | <feOffset dx="0" dy="2" /> |
| 20 | <feComponentTransfer><feFuncA type="linear" slope="0.1" /></feComponentTransfer> |
| 21 | <feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge> |
| 22 | </filter> |
| 23 | </defs> |
| 24 | |
| 25 | |
| 26 | <rect width="1280" height="720" fill="#FFFFFF" /> |
| 27 | <rect x="0" y="0" width="1280" height="6" fill="url(#topBar)" /> |
| 28 | |
| 29 | |
| 30 | <circle cx="640" cy="380" r="320" fill="#1A3A5C" fill-opacity="0.015" /> |
| 31 | <circle cx="640" cy="380" r="220" fill="#1A3A5C" fill-opacity="0.02" /> |
| 32 | |
| 33 | |
| 34 | <text x="60" y="58" font-family="'Helvetica Neue', Arial, sans-serif" font-size="30" font-weight="bold" fill="#1A3A5C"> |
| 35 | A Four-Pillar Framework to Transform Customer Relationships |
| 36 | </text> |
| 37 | |
| 38 | |
| 39 | <text x="60" y="85" font-family="Georgia, 'Times New Roman', serif" font-size="16" fill="#5D6D7E" font-style="italic"> |
| 40 | From transactional sales to enduring loyalty — a strategic architecture for Kimsoong Europe |
| 41 | </text> |
| 42 | |
| 43 | |
| 44 | |
| 45 | <line x1="640" y1="380" x2="260" y2="260" stroke="#1A3A5C" stroke-width="2" stroke-opacity="0.2" stroke-dasharray="6,4" /> |
| 46 | <line x1="640" y1="380" x2="1020" y2="260" stroke="#E8A838" stroke-width="2" stroke-opacity="0.2" stroke-dasharray="6,4" /> |
| 47 | <line x1="640" y1="380" x2="260" y2="520" stroke="#2D8A4E" stroke-width="2" stroke-opacity="0.2" stroke-dasharray="6,4" /> |
| 48 | <line x1="640" y1="380" x2="1020" y2="520" stroke="#1A3A5C" stroke-width="2" stroke-opacity="0.2" stroke-dasharray="6,4" /> |
| 49 | |
| 50 | |
| 51 | <circle cx="640" cy="380" r="80" fill="url(#coreGrad)" filter="url(#coreShadow)" /> |
| 52 | |
| 53 | <g transform="translate(616.0, 340.0) scale(2.0)" fill="#FFFFFF"> |
| 54 | <path d="M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z" /> |
| 55 | </g> |
| 56 | <text x="640" y="410" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" font-weight="bold" fill="#FFFFFF">Customer</text> |
| 57 | <text x="640" y="428" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" font-weight="bold" fill="#FFFFFF">Loyalty</text> |
| 58 | <text x="640" y="446" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="12" fill="#FFFFFF" fill-opacity="0.8">Programme</text> |
| 59 | |
| 60 | |
| 61 | <circle cx="260" cy="260" r="55" fill="#FFFFFF" stroke="#1A3A5C" stroke-width="3" filter="url(#nodeShadow)" /> |
| 62 | |
| 63 | <g transform="translate(238.0, 228.0) scale(1.8333333333333333)" fill="#1A3A5C"> |
| 64 | <path d="M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 2.66a1 1 0 0 0 -1 1a3 3 0 1 0 0 6v2a1.024 1.024 0 0 1 -.866 -.398l-.068 -.101a1 1 0 0 0 -1.732 .998a3 3 0 0 0 2.505 1.5h.161a1 1 0 0 0 .883 .994l.117 .007a1 1 0 0 0 1 -1l.176 -.005a3 3 0 0 0 -.176 -5.995v-2c.358 -.012 .671 .14 .866 .398l.068 .101a1 1 0 0 0 1.732 -.998a3 3 0 0 0 -2.505 -1.501h-.161a1 1 0 0 0 -1 -1zm1 7a1 1 0 0 1 0 2v-2zm-2 -4v2a1 1 0 0 1 0 -2z" /> |
| 65 | </g> |
| 66 | <text x="260" y="295" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="11" font-weight="bold" fill="#1A3A5C">RELATIONSHIPS</text> |
| 67 | |
| 68 | <text x="260" y="335" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#1A3A5C">Build Long-term</text> |
| 69 | <text x="260" y="355" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#1A3A5C">Relationships</text> |
| 70 | <text x="260" y="375" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#5D6D7E">→ Increase profits</text> |
| 71 | |
| 72 | |
| 73 | <circle cx="1020" cy="260" r="55" fill="#FFFFFF" stroke="#E8A838" stroke-width="3" filter="url(#nodeShadow)" /> |
| 74 | |
| 75 | <g transform="translate(998.0, 228.0) scale(1.8333333333333333)" fill="#E8A838"> |
| 76 | <path d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944z" /> |
| 77 | </g> |
| 78 | <text x="1020" y="295" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="11" font-weight="bold" fill="#E8A838">LOYALTY</text> |
| 79 | |
| 80 | <text x="1020" y="335" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#E8A838">Increase Customer</text> |
| 81 | <text x="1020" y="355" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#E8A838">Loyalty</text> |
| 82 | <text x="1020" y="375" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#5D6D7E">15% → 30%+ repeat rate</text> |
| 83 | |
| 84 | |
| 85 | <circle cx="260" cy="520" r="55" fill="#FFFFFF" stroke="#2D8A4E" stroke-width="3" filter="url(#nodeShadow)" /> |
| 86 | |
| 87 | <g transform="translate(238.0, 488.0) scale(1.8333333333333333)" fill="#2D8A4E"> |
| 88 | <path d="M9.883 2.207a1.9 1.9 0 0 1 2.087 1.522l.025 .167l.005 .104v7a1 1 0 0 0 .883 .993l.117 .007h6.8a2 2 0 0 1 2 2a1 1 0 0 1 -.026 .226a10 10 0 1 1 -12.27 -11.933l.27 -.067l.11 -.02z" /> |
| 89 | <path d="M14 3.5v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 .943 -1.332a10 10 0 0 0 -6.11 -6.111a1 1 0 0 0 -1.333 .943z" /> |
| 90 | </g> |
| 91 | <text x="260" y="555" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="11" font-weight="bold" fill="#2D8A4E">PROFILING</text> |
| 92 | |
| 93 | <text x="260" y="595" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#2D8A4E">Accurate Buyer</text> |
| 94 | <text x="260" y="615" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#2D8A4E">Profiling</text> |
| 95 | <text x="260" y="635" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#5D6D7E">→ Data-driven decisions</text> |
| 96 | |
| 97 | |
| 98 | <circle cx="1020" cy="520" r="55" fill="#FFFFFF" stroke="#1A3A5C" stroke-width="3" filter="url(#nodeShadow)" /> |
| 99 | |
| 100 | <g transform="translate(998.0, 488.0) scale(1.8333333333333333)" fill="#1A3A5C"> |
| 101 | <path d="M12 2a5 5 0 1 1 -5 5l.005 -.217a5 5 0 0 1 4.995 -4.783z" /> |
| 102 | <path d="M14 14a5 5 0 0 1 5 5v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1a5 5 0 0 1 5 -5h4z" /> |
| 103 | </g> |
| 104 | <text x="1020" y="555" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="11" font-weight="bold" fill="#1A3A5C">ENGAGEMENT</text> |
| 105 | |
| 106 | <text x="1020" y="595" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#1A3A5C">Staff</text> |
| 107 | <text x="1020" y="615" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" font-weight="bold" fill="#1A3A5C">Engagement</text> |
| 108 | <text x="1020" y="635" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#5D6D7E">→ Service excellence</text> |
| 109 | |
| 110 | |
| 111 | <path fill="#F4F6F8" stroke="#D5DDE5" stroke-width="1" d="M498,550 H782 A18,18 0 0 1 800,568 V568 A18,18 0 0 1 782,586 H498 A18,18 0 0 1 480,568 V568 A18,18 0 0 1 498,550 Z" /> |
| 112 | |
| 113 | <g transform="translate(495.0, 557.0) scale(0.8333333333333334)" fill="#E8A838"> |
| 114 | <path d="M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 2.66a1 1 0 0 0 -1 1a3 3 0 1 0 0 6v2a1.024 1.024 0 0 1 -.866 -.398l-.068 -.101a1 1 0 0 0 -1.732 .998a3 3 0 0 0 2.505 1.5h.161a1 1 0 0 0 .883 .994l.117 .007a1 1 0 0 0 1 -1l.176 -.005a3 3 0 0 0 -.176 -5.995v-2c.358 -.012 .671 .14 .866 .398l.068 .101a1 1 0 0 0 1.732 -.998a3 3 0 0 0 -2.505 -1.501h-.161a1 1 0 0 0 -1 -1zm1 7a1 1 0 0 1 0 2v-2zm-2 -4v2a1 1 0 0 1 0 -2z" /> |
| 115 | </g> |
| 116 | <text x="525" y="573" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#2C3E50">Cost model: </text> |
| 117 | <text x="612" y="573" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" font-weight="bold" fill="#1A3A5C">50/50 shared with head office</text> |
| 118 | |
| 119 | |
| 120 | <line x1="60" y1="690" x2="1220" y2="690" stroke="#D5DDE5" stroke-width="0.5" /> |
| 121 | <text x="60" y="710" font-family="'Helvetica Neue', Arial, sans-serif" font-size="11" fill="#95A5A6">Source: Kimsoong Customer Services Department — Strategic Framework</text> |
| 122 | <text x="1100" y="710" font-family="'Helvetica Neue', Arial, sans-serif" font-size="10" fill="#95A5A6">CONFIDENTIAL</text> |
| 123 | <text x="1220" y="710" text-anchor="end" font-family="'Helvetica Neue', Arial, sans-serif" font-size="11" fill="#95A5A6">7</text> |
| 124 | </svg> |