https://markkoh.com/services/ Recent content in Services on Mark Koh Hugo en https://markkoh.com/services/web-design/ Mon, 01 Jan 0001 00:00:00 +0000 https://markkoh.com/services/web-design/ <div class="service-hero"> <p>A website that looks dated costs you customers before they ever speak to you. I rebuild yours so it works properly on a phone, loads fast, and shows up when people search.</p> </div> <div class="service-illustration"> <svg viewBox="0 0 400 140" width="100%" xmlns="http://www.w3.org/2000/svg" aria-label="An outdated website rebuilt into a responsive one"> <text x="62" y="20" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">Today</text> <rect x="20" y="34" width="84" height="66" rx="4" fill="none" stroke="currentColor" stroke-width="2" opacity="0.55"/> <line x1="20" y1="46" x2="104" y2="46" stroke="currentColor" stroke-width="1.5" opacity="0.35"/> <line x1="30" y1="60" x2="80" y2="60" stroke="currentColor" stroke-width="4" opacity="0.28"/> <line x1="30" y1="72" x2="94" y2="72" stroke="currentColor" stroke-width="3" opacity="0.22"/> <line x1="30" y1="82" x2="70" y2="82" stroke="currentColor" stroke-width="3" opacity="0.22"/> <text x="62" y="118" text-anchor="middle" font-family="system-ui,sans-serif" font-size="9" fill="#999">not mobile friendly</text> <line x1="126" y1="67" x2="176" y2="67" stroke="#0055cc" stroke-width="2" stroke-dasharray="7,5"/> <polygon points="176,61 190,67 176,73" fill="#0055cc"/> <circle cx="130" cy="67" r="3" fill="#0055cc"> <animate attributeName="cx" from="130" to="176" dur="2.4s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.8;0.8;0" dur="2.4s" repeatCount="indefinite"/> </circle> <text x="268" y="20" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">After</text> <rect x="206" y="34" width="124" height="80" rx="6" fill="none" stroke="currentColor" stroke-width="2"/> <line x1="206" y1="48" x2="330" y2="48" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <circle cx="216" cy="41" r="2.2" fill="#0055cc" opacity="0.5"/> <circle cx="224" cy="41" r="2.2" fill="#0055cc" opacity="0.5"/> <rect x="216" y="58" width="52" height="8" rx="4" fill="#0055cc" opacity="0.75"/> <rect x="216" y="72" width="78" height="5" rx="2.5" fill="#0055cc" opacity="0.3"/> <rect x="216" y="82" width="64" height="5" rx="2.5" fill="#0055cc" opacity="0.3"/> <rect x="216" y="94" width="38" height="12" rx="6" fill="#0055cc"/> <rect x="300" y="58" width="22" height="48" rx="3" fill="#0055cc" opacity="0.15"/> <rect x="344" y="52" width="34" height="62" rx="6" fill="none" stroke="currentColor" stroke-width="2"/> <rect x="350" y="64" width="22" height="6" rx="3" fill="#0055cc" opacity="0.75"/> <rect x="350" y="76" width="22" height="4" rx="2" fill="#0055cc" opacity="0.3"/> <rect x="350" y="85" width="16" height="4" rx="2" fill="#0055cc" opacity="0.3"/> <rect x="350" y="96" width="20" height="8" rx="4" fill="#0055cc"/> </svg> </div> <h2 id="the-problem">The Problem</h2> <p>Most small business websites were built once and never touched again. Yours might still be working — but if it was built more than a few years ago, your customers are running into this:</p> https://markkoh.com/services/whatsapp-chatbot/ Mon, 01 Jan 0001 00:00:00 +0000 https://markkoh.com/services/whatsapp-chatbot/ <div class="service-hero"> <p>Your customers are already on WhatsApp. Answer every enquiry in seconds — 24/7, in their language — without hiring more staff.</p> </div> <div class="service-illustration"> <svg viewBox="0 0 400 140" width="100%" xmlns="http://www.w3.org/2000/svg" aria-label="AI WhatsApp chatbot illustration"> <!-- Customer phone --> <text x="55" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">Customer</text> <rect x="30" y="30" width="50" height="88" rx="8" fill="none" stroke="currentColor" stroke-width="2"/> <line x1="48" y1="38" x2="62" y2="38" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <rect x="37" y="46" width="26" height="10" rx="3" fill="#0055cc" opacity="0.25"/> <rect x="47" y="61" width="26" height="10" rx="3" fill="#0055cc" opacity="0.5"/> <rect x="37" y="76" width="22" height="10" rx="3" fill="#0055cc" opacity="0.25"/> <circle cx="55" cy="108" r="3" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <!-- WhatsApp conversation: question to bot --> <text x="127" y="50" text-anchor="middle" font-family="system-ui,sans-serif" font-size="10" fill="#666">WhatsApp</text> <line x1="90" y1="62" x2="163" y2="62" stroke="#0055cc" stroke-width="1.5" stroke-dasharray="6,5"/> <polygon points="163,58 171,62 163,66" fill="#0055cc"/> <rect x="90" y="57" width="12" height="9" rx="3" fill="#0055cc" opacity="0.5"> <animate attributeName="x" from="90" to="158" dur="2.2s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.6;0.6;0" dur="2.2s" repeatCount="indefinite"/> </rect> <!-- Answer back to customer --> <line x1="171" y1="88" x2="98" y2="88" stroke="#0055cc" stroke-width="1.5" stroke-dasharray="6,5"/> <polygon points="98,84 90,88 98,92" fill="#0055cc"/> <rect x="155" y="83" width="12" height="9" rx="3" fill="#0055cc" opacity="0.5"> <animate attributeName="x" from="158" to="90" dur="2.2s" begin="1.1s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.6;0.6;0" dur="2.2s" begin="1.1s" repeatCount="indefinite"/> </rect> <!-- AI bot --> <text x="203" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">AI Bot</text> <line x1="203" y1="48" x2="203" y2="38" stroke="currentColor" stroke-width="1.5"/> <circle cx="203" cy="35" r="3.5" fill="#0055cc"> <animate attributeName="opacity" values="1;0.3;1" dur="1.6s" repeatCount="indefinite"/> </circle> <rect x="175" y="48" width="56" height="44" rx="10" fill="none" stroke="currentColor" stroke-width="2"/> <circle cx="192" cy="66" r="4" fill="#0055cc"/> <circle cx="214" cy="66" r="4" fill="#0055cc"/> <line x1="192" y1="80" x2="214" y2="80" stroke="currentColor" stroke-width="1.5" opacity="0.5"/> <rect x="185" y="100" width="36" height="16" rx="8" fill="#0055cc"/> <text x="203" y="112" text-anchor="middle" font-family="system-ui,sans-serif" font-size="9.5" fill="#fff">24/7</text> <!-- Link to business knowledge --> <line x1="240" y1="70" x2="316" y2="70" stroke="currentColor" stroke-width="1.5" stroke-dasharray="4,4" opacity="0.5"/> <circle cx="240" cy="70" r="3" fill="#0055cc"> <animate attributeName="cx" from="240" to="316" dur="3s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.7;0.7;0" dur="3s" repeatCount="indefinite"/> </circle> <!-- Business knowledge base --> <text x="347" y="22" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">Your Business Info</text> <ellipse cx="347" cy="50" rx="22" ry="7" fill="none" stroke="currentColor" stroke-width="2"/> <line x1="325" y1="50" x2="325" y2="98" stroke="currentColor" stroke-width="2"/> <line x1="369" y1="50" x2="369" y2="98" stroke="currentColor" stroke-width="2"/> <path d="M325,98 A22,7 0 0 0 369,98" fill="none" stroke="currentColor" stroke-width="2"/> <path d="M325,66 A22,7 0 0 0 369,66" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <path d="M325,82 A22,7 0 0 0 369,82" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> </svg> </div> <h2 id="the-problem">The Problem</h2> <p>Every unanswered WhatsApp message is a customer walking away. If you run a small business in Malaysia, you know how it goes:</p> https://markkoh.com/services/email-migration/ Mon, 01 Jan 0001 00:00:00 +0000 https://markkoh.com/services/email-migration/ <div class="service-hero"> <p>Switching email providers shouldn't mean losing years of important emails. I handle the entire migration so you don't have to worry about a thing.</p> </div> <div class="service-illustration"> <svg viewBox="0 0 400 140" width="400" xmlns="http://www.w3.org/2000/svg" aria-label="Email migration illustration"> <!-- Source server --> <rect x="20" y="35" width="80" height="70" rx="6" fill="none" stroke="currentColor" stroke-width="2"/> <line x1="35" y1="55" x2="85" y2="55" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <line x1="35" y1="65" x2="85" y2="65" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <line x1="35" y1="75" x2="85" y2="75" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <line x1="35" y1="85" x2="85" y2="85" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <circle cx="45" cy="55" r="3" fill="#0055cc" opacity="0.6"/> <circle cx="45" cy="65" r="3" fill="#0055cc" opacity="0.6"/> <circle cx="45" cy="75" r="3" fill="#0055cc" opacity="0.6"/> <!-- Envelope icon on source --> <path d="M40,42 L60,42 L60,52 L50,48 L40,52 Z" fill="none" stroke="currentColor" stroke-width="1.5"/> <text x="60" y="28" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">Old Provider</text> <!-- Arrow with data packets --> <line x1="120" y1="70" x2="270" y2="70" stroke="#0055cc" stroke-width="2" stroke-dasharray="8,6"/> <polygon points="270,63 285,70 270,77" fill="#0055cc"/> <!-- Flowing packets --> <rect x="145" y="64" width="14" height="12" rx="2" fill="#0055cc" opacity="0.25"> <animate attributeName="x" from="120" to="270" dur="2.5s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.5;0.5;0" dur="2.5s" repeatCount="indefinite"/> </rect> <rect x="175" y="64" width="14" height="12" rx="2" fill="#0055cc" opacity="0.45"> <animate attributeName="x" from="120" to="270" dur="2.5s" begin="0.8s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.5;0.5;0" dur="2.5s" begin="0.8s" repeatCount="indefinite"/> </rect> <rect x="205" y="64" width="14" height="12" rx="2" fill="#0055cc" opacity="0.35"> <animate attributeName="x" from="120" to="270" dur="2.5s" begin="1.6s" repeatCount="indefinite"/> <animate attributeName="opacity" values="0;0.5;0.5;0" dur="2.5s" begin="1.6s" repeatCount="indefinite"/> </rect> <!-- Destination server --> <rect x="300" y="35" width="80" height="70" rx="6" fill="none" stroke="currentColor" stroke-width="2"/> <line x1="315" y1="55" x2="365" y2="55" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <line x1="315" y1="65" x2="365" y2="65" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <line x1="315" y1="75" x2="365" y2="75" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <line x1="315" y1="85" x2="365" y2="85" stroke="currentColor" stroke-width="1.5" opacity="0.4"/> <circle cx="325" cy="55" r="3" fill="#0055cc" opacity="0.6"/> <circle cx="325" cy="65" r="3" fill="#0055cc" opacity="0.6"/> <circle cx="325" cy="75" r="3" fill="#0055cc" opacity="0.6"/> <circle cx="325" cy="85" r="3" fill="#0055cc" opacity="0.6"/> <!-- Envelope icon on destination --> <path d="M320,42 L340,42 L340,52 L330,48 L320,52 Z" fill="none" stroke="currentColor" stroke-width="1.5"/> <text x="340" y="28" text-anchor="middle" font-family="system-ui,sans-serif" font-size="11" fill="#666">New Provider</text> </svg> </div> <h2 id="the-problem">The Problem</h2> <p>Migrating email between providers is stressful. One wrong move and you could lose years of correspondence, client records, and important attachments. Most people put it off because:</p>