{"id":79,"date":"2026-01-27T13:59:05","date_gmt":"2026-01-27T13:59:05","guid":{"rendered":"https:\/\/savvyscopemedia.co.ke\/?page_id=79"},"modified":"2026-02-09T16:51:05","modified_gmt":"2026-02-09T16:51:05","slug":"our-process-for-digital-marketing-projects","status":"publish","type":"page","link":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/","title":{"rendered":"How We Work"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n How We Work | Savvyscope Media Solutions<\/title>\n \n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n \/* CSS Reset and Base Styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n line-height: 1.6;\n color: #07172d;\n background-color: #ffffff;\n overflow-x: hidden;\n font-size: 16px; \/* Base font size set to 16px *\/\n }\n\n \/* ===== HOW WE WORK SECTION ===== *\/\n .process-section {\n padding: 3rem 1rem; \/* Reduced from 5rem *\/\n background-color: #ffffff;\n position: relative;\n overflow: hidden;\n }\n\n \/* Background elements *\/\n .process-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n z-index: 1;\n }\n\n .process-shape {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(3, 196, 161, 0.03) 0%, transparent 70%);\n filter: blur(40px);\n }\n\n .process-shape-1 {\n width: 300px; \/* Reduced *\/\n height: 300px; \/* Reduced *\/\n top: -150px; \/* Reduced *\/\n left: -100px; \/* Reduced *\/\n }\n\n .process-shape-2 {\n width: 250px; \/* Reduced *\/\n height: 250px; \/* Reduced *\/\n bottom: -125px; \/* Reduced *\/\n right: -80px; \/* Reduced *\/\n }\n\n \/* Main container *\/\n .process-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* Section header *\/\n .process-header {\n text-align: center;\n margin-bottom: 3rem; \/* Reduced from 5rem *\/\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .process-subtitle {\n font-family: 'Inter', sans-serif;\n font-weight: 500;\n color: #03c4a1;\n font-size: 0.875rem; \/* ~14px *\/\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 0.8rem;\n display: inline-block;\n position: relative;\n padding: 0.3rem 1rem; \/* Reduced *\/\n background: rgba(3, 196, 161, 0.1);\n border-radius: 12px; \/* Reduced *\/\n border: 1px solid rgba(3, 196, 161, 0.15);\n }\n\n .process-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.8rem, 4vw, 2.5rem); \/* Reduced *\/\n line-height: 1.2;\n margin-bottom: 1rem; \/* Reduced *\/\n }\n\n .process-intro {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* Set to 16px *\/\n line-height: 1.6; \/* Reduced from 1.7 *\/\n }\n\n \/* Process Diagram *\/\n .process-diagram {\n position: relative;\n margin-bottom: 4rem; \/* Reduced from 6rem *\/\n }\n\n \/* Connection lines *\/\n .process-connection {\n position: absolute;\n height: 2px;\n background: linear-gradient(90deg, rgba(3, 196, 161, 0.2), rgba(3, 196, 161, 0.8), rgba(3, 196, 161, 0.2));\n top: 70px; \/* Adjusted for smaller size *\/\n left: 10%;\n right: 10%;\n z-index: 1;\n display: none;\n }\n\n .process-connection::before,\n .process-connection::after {\n content: '';\n position: absolute;\n width: 10px; \/* Reduced *\/\n height: 10px; \/* Reduced *\/\n background-color: #03c4a1;\n border-radius: 50%;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .process-connection::before {\n left: 0;\n }\n\n .process-connection::after {\n right: 0;\n }\n\n \/* Steps grid *\/\n .process-steps {\n display: flex;\n flex-direction: column;\n gap: 2rem; \/* Reduced from 3rem *\/\n position: relative;\n z-index: 2;\n }\n\n \/* Individual step *\/\n .process-step {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.6s ease;\n }\n\n .process-step.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .step-number-container {\n width: 70px; \/* Reduced from 80px *\/\n height: 70px; \/* Reduced from 80px *\/\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.1), rgba(3, 196, 161, 0.05));\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.2rem; \/* Reduced from 1.5rem *\/\n position: relative;\n box-shadow: 0 8px 25px rgba(3, 196, 161, 0.1); \/* Reduced *\/\n border: 1px solid rgba(3, 196, 161, 0.15);\n transition: all 0.4s ease;\n }\n\n .process-step:hover .step-number-container {\n transform: scale(1.05);\n box-shadow: 0 12px 30px rgba(3, 196, 161, 0.2); \/* Reduced *\/\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.15), rgba(3, 196, 161, 0.1));\n }\n\n .step-number {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n font-size: 1.5rem; \/* Reduced from 1.8rem *\/\n color: #03c4a1;\n position: relative;\n }\n\n .step-icon {\n position: absolute;\n bottom: -4px; \/* Adjusted *\/\n right: -4px; \/* Adjusted *\/\n width: 25px; \/* Reduced *\/\n height: 25px; \/* Reduced *\/\n border-radius: 6px; \/* Reduced *\/\n background-color: #07172d;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 0.8rem; \/* Reduced *\/\n }\n\n .step-content {\n max-width: 280px; \/* Reduced *\/\n }\n\n .step-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: 1.2rem; \/* Adjusted *\/\n margin-bottom: 0.6rem; \/* Reduced *\/\n line-height: 1.3;\n }\n\n .step-description {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n line-height: 1.5; \/* Reduced *\/\n }\n\n \/* Full process details *\/\n .process-details {\n margin-top: 3.5rem; \/* Reduced from 5rem *\/\n }\n\n .details-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.4rem, 2.5vw, 1.8rem); \/* Reduced *\/\n text-align: center;\n margin-bottom: 2.5rem; \/* Reduced from 3rem *\/\n }\n\n .details-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem; \/* Reduced from 2.5rem *\/\n }\n\n .detail-card {\n background: #f8fafc;\n border-radius: 12px; \/* Reduced *\/\n padding: 2rem; \/* Reduced from 2.5rem *\/\n border-left: 4px solid #03c4a1;\n transition: all 0.4s ease;\n }\n\n .detail-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(7, 23, 45, 0.08); \/* Reduced *\/\n background: white;\n }\n\n .detail-step {\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n color: #03c4a1;\n font-size: 0.85rem; \/* ~13.6px *\/\n text-transform: uppercase;\n letter-spacing: 0.8px;\n margin-bottom: 0.8rem; \/* Reduced *\/\n display: flex;\n align-items: center;\n gap: 0.4rem; \/* Reduced *\/\n }\n\n .detail-step i {\n font-size: 0.9rem; \/* Reduced *\/\n }\n\n .detail-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: 1.2rem; \/* Adjusted *\/\n margin-bottom: 1rem; \/* Reduced from 1.2rem *\/\n line-height: 1.3;\n }\n\n .detail-content {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* Set to 16px *\/\n line-height: 1.6; \/* Reduced from 1.7 *\/\n }\n\n .detail-list {\n list-style: none;\n margin-top: 1rem; \/* Reduced from 1.2rem *\/\n }\n\n .detail-list li {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n line-height: 1.5; \/* Reduced *\/\n margin-bottom: 0.6rem; \/* Reduced *\/\n padding-left: 1.5rem; \/* Reduced *\/\n position: relative;\n }\n\n .detail-list li::before {\n content: '\u2022';\n position: absolute;\n left: 0;\n color: #03c4a1;\n font-weight: 600;\n font-size: 1rem; \/* Reduced *\/\n }\n\n \/* What to Expect Section *\/\n .expectations-section {\n background: linear-gradient(135deg, #07172d 0%, #0a1f3a 100%);\n border-radius: 16px; \/* Reduced *\/\n padding: 3rem 1.5rem; \/* Reduced *\/\n margin-top: 3.5rem; \/* Reduced from 5rem *\/\n position: relative;\n overflow: hidden;\n }\n\n .expectations-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 Q250,80 500,0 T1000,0 V100 H0 Z\" fill=\"%2303c4a1\" opacity=\"0.05\"\/><\/svg>');\n background-size: 100% 80px; \/* Reduced *\/\n background-position: top;\n background-repeat: no-repeat;\n }\n\n .expectations-header {\n text-align: center;\n margin-bottom: 2.5rem; \/* Reduced from 3rem *\/\n position: relative;\n z-index: 2;\n }\n\n .expectations-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #ffffff;\n font-size: clamp(1.4rem, 2.5vw, 1.8rem); \/* Reduced *\/\n line-height: 1.2;\n margin-bottom: 0.8rem; \/* Reduced *\/\n }\n\n .expectations-subtitle {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* Set to 16px *\/\n line-height: 1.5; \/* Reduced *\/\n max-width: 600px;\n margin: 0 auto;\n }\n\n .expectations-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.2rem; \/* Reduced from 1.5rem *\/\n position: relative;\n z-index: 2;\n }\n\n .expectation-card {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 12px; \/* Reduced *\/\n padding: 1.5rem; \/* Reduced from 2rem *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.4s ease;\n }\n\n .expectation-card:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(3, 196, 161, 0.3);\n transform: translateY(-5px);\n }\n\n .expectation-icon {\n width: 45px; \/* Reduced *\/\n height: 45px; \/* Reduced *\/\n border-radius: 10px; \/* Reduced *\/\n background: rgba(3, 196, 161, 0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1rem; \/* Reduced from 1.2rem *\/\n }\n\n .expectation-icon i {\n color: #03c4a1;\n font-size: 1.2rem; \/* Reduced *\/\n }\n\n .expectation-text {\n color: #d1e7ff;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 0.95rem; \/* ~15.2px *\/\n line-height: 1.5; \/* Reduced *\/\n }\n\n \/* CTA Section *\/\n .process-cta {\n text-align: center;\n margin-top: 3.5rem; \/* Reduced from 5rem *\/\n padding: 3rem 1.5rem; \/* Reduced *\/\n background: linear-gradient(135deg, rgba(3, 196, 161, 0.05) 0%, rgba(3, 196, 161, 0.02) 100%);\n border-radius: 16px; \/* Reduced *\/\n border: 1px solid rgba(3, 196, 161, 0.1);\n }\n\n .cta-title {\n font-family: 'Merriweather', serif;\n font-weight: 700;\n color: #07172d;\n font-size: clamp(1.4rem, 2.5vw, 1.8rem); \/* Reduced *\/\n line-height: 1.2;\n margin-bottom: 1.2rem; \/* Reduced *\/\n }\n\n .cta-description {\n color: #4a5568;\n font-family: 'Inter', sans-serif;\n font-weight: 300;\n font-size: 1rem; \/* Set to 16px *\/\n line-height: 1.5; \/* Reduced *\/\n max-width: 700px;\n margin: 0 auto 2rem; \/* Reduced from 2.5rem *\/\n }\n\n .cta-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.8rem; \/* Reduced from 1rem *\/\n justify-content: center;\n align-items: center;\n }\n\n .cta-btn {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem; \/* Reduced *\/\n padding: 1rem 2rem; \/* Reduced *\/\n border-radius: 8px; \/* Reduced *\/\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.95rem; \/* ~15.2px *\/\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n border: none;\n position: relative;\n overflow: hidden;\n }\n\n .cta-primary {\n background: linear-gradient(135deg, #03c4a1, #02a98b);\n color: #07172d;\n box-shadow: 0 8px 20px rgba(3, 196, 161, 0.25); \/* Reduced *\/\n }\n\n .cta-secondary {\n background: transparent;\n color: #07172d;\n border: 2px solid #03c4a1;\n }\n\n .cta-btn:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 25px rgba(3, 196, 161, 0.3); \/* Reduced *\/\n }\n\n \/* Responsive Design *\/\n @media screen and (min-width: 768px) {\n .process-section {\n padding: 4rem 1.5rem; \/* Reduced from 6rem *\/\n }\n\n .process-connection {\n display: block;\n }\n\n .process-steps {\n flex-direction: row;\n justify-content: space-between;\n gap: 0;\n }\n\n .process-step {\n flex: 1;\n max-width: 160px; \/* Reduced from 180px *\/\n }\n\n .details-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem; \/* Reduced from 2.5rem *\/\n }\n\n .expectations-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem; \/* Reduced from 2rem *\/\n }\n\n .cta-buttons {\n flex-direction: row;\n gap: 1.2rem; \/* Reduced from 1.5rem *\/\n }\n }\n\n @media screen and (min-width: 1024px) {\n .process-section {\n padding: 5rem 2rem; \/* Reduced from 8rem *\/\n }\n\n .details-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .detail-card:nth-child(4),\n .detail-card:nth-child(5) {\n grid-column: span 1.5;\n }\n\n .expectations-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n \/* Staggered animation for steps *\/\n .process-step:nth-child(1).visible { transition-delay: 0.1s; }\n .process-step:nth-child(2).visible { transition-delay: 0.2s; }\n .process-step:nth-child(3).visible { transition-delay: 0.3s; }\n .process-step:nth-child(4).visible { transition-delay: 0.4s; }\n .process-step:nth-child(5).visible { transition-delay: 0.5s; }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n .process-step,\n .detail-card,\n .expectation-card,\n .cta-btn {\n transition: none;\n animation: none;\n }\n \n .process-step.visible,\n .detail-card:hover,\n .expectation-card:hover,\n .cta-btn:hover {\n opacity: 1;\n transform: none;\n }\n }\n\n \/* Focus states *\/\n .process-step:focus-within,\n .detail-card:focus-within,\n .cta-btn:focus {\n outline: 3px solid rgba(3, 196, 161, 0.8);\n outline-offset: 3px;\n }\n <\/style>\n<\/head>\n<body>\n <!-- How We Work Section -->\n <section class=\"process-section\" id=\"how-we-work\" aria-label=\"How We Work\">\n <!-- Background elements -->\n <div class=\"process-bg\">\n <div class=\"process-shape process-shape-1\"><\/div>\n <div class=\"process-shape process-shape-2\"><\/div>\n <\/div>\n \n <div class=\"process-container\">\n <!-- Section Header -->\n <div class=\"process-header\">\n <div class=\"process-subtitle\">Our Methodology<\/div>\n <h1 class=\"process-title\">How We Work<\/h1>\n <p class=\"process-intro\">\n A clear, collaborative, results-driven process. At Savvyscope Media Solutions, \n we believe great results come from clarity, collaboration, and purpose. Our process \n is designed to make working with us simple, transparent, and effective\u2014so you can \n focus on your mission while we handle your communication and digital needs.\n <\/p>\n <\/div>\n \n <!-- Process Diagram -->\n <div class=\"process-diagram\">\n <div class=\"process-connection\"><\/div>\n \n <div class=\"process-steps\">\n <!-- Step 1 -->\n <div class=\"process-step\">\n <div class=\"step-number-container\">\n <span class=\"step-number\">01<\/span>\n <div class=\"step-icon\">\n <i class=\"fas fa-ear-listen\"><\/i>\n <\/div>\n <\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Understand Your Goals<\/h3>\n <p class=\"step-description\">We listen, assess needs, and clarify objectives.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 2 -->\n <div class=\"process-step\">\n <div class=\"step-number-container\">\n <span class=\"step-number\">02<\/span>\n <div class=\"step-icon\">\n <i class=\"fas fa-sitemap\"><\/i>\n <\/div>\n <\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Strategy & Planning<\/h3>\n <p class=\"step-description\">We define scope, timelines, and communication direction.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 3 -->\n <div class=\"process-step\">\n <div class=\"step-number-container\">\n <span class=\"step-number\">03<\/span>\n <div class=\"step-icon\">\n <i class=\"fas fa-pen-fancy\"><\/i>\n <\/div>\n <\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Design & Execution<\/h3>\n <p class=\"step-description\">We design, create, and deliver high-quality content.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 4 -->\n <div class=\"process-step\">\n <div class=\"step-number-container\">\n <span class=\"step-number\">04<\/span>\n <div class=\"step-icon\">\n <i class=\"fas fa-rocket\"><\/i>\n <\/div>\n <\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Review & Launch<\/h3>\n <p class=\"step-description\">We refine, finalize, and prepare for launch.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 5 -->\n <div class=\"process-step\">\n <div class=\"step-number-container\">\n <span class=\"step-number\">05<\/span>\n <div class=\"step-icon\">\n <i class=\"fas fa-sync-alt\"><\/i>\n <\/div>\n <\/div>\n <div class=\"step-content\">\n <h3 class=\"step-title\">Support & Improvement<\/h3>\n <p class=\"step-description\">We provide ongoing support and continuous improvement.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Detailed Process Steps -->\n <div class=\"process-details\">\n <h2 class=\"details-title\">Our Detailed Process<\/h2>\n \n <div class=\"details-grid\">\n <!-- Step 1 Detail -->\n <div class=\"detail-card\">\n <div class=\"detail-step\">\n <i class=\"fas fa-circle\"><\/i>\n Step 1: Understand Your Goals\n <\/div>\n <h3 class=\"detail-title\">Every project begins with listening.<\/h3>\n <div class=\"detail-content\">\n <p>We take time to understand:<\/p>\n <ul class=\"detail-list\">\n <li>Your organization or business goals<\/li>\n <li>Your audience and stakeholders<\/li>\n <li>Your challenges, timelines, and budget<\/li>\n <li>The impact you want to achieve<\/li>\n <\/ul>\n <p>This ensures every solution we design aligns with your mission and delivers real value.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 2 Detail -->\n <div class=\"detail-card\">\n <div class=\"detail-step\">\n <i class=\"fas fa-circle\"><\/i>\n Step 2: Strategy & Planning\n <\/div>\n <h3 class=\"detail-title\">Translate needs into a clear plan.<\/h3>\n <div class=\"detail-content\">\n <p>At this stage, we:<\/p>\n <ul class=\"detail-list\">\n <li>Define project scope and deliverables<\/li>\n <li>Develop messaging and content direction<\/li>\n <li>Recommend the most effective platforms and formats<\/li>\n <li>Agree on timelines and milestones<\/li>\n <\/ul>\n <p>You receive a structured plan before any production begins\u2014no surprises.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 3 Detail -->\n <div class=\"detail-card\">\n <div class=\"detail-step\">\n <i class=\"fas fa-circle\"><\/i>\n Step 3: Design & Execution\n <\/div>\n <h3 class=\"detail-title\">Where ideas come to life.<\/h3>\n <div class=\"detail-content\">\n <p>Our team delivers:<\/p>\n <ul class=\"detail-list\">\n <li>Professional design and development<\/li>\n <li>Clear, consistent, and audience-focused content<\/li>\n <li>High-quality visuals, layouts, and media<\/li>\n <li>Regular progress updates and review checkpoints<\/li>\n <\/ul>\n <p>We work collaboratively, incorporating feedback to ensure the final output meets your expectations.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 4 Detail -->\n <div class=\"detail-card\">\n <div class=\"detail-step\">\n <i class=\"fas fa-circle\"><\/i>\n Step 4: Review, Refine & Launch\n <\/div>\n <h3 class=\"detail-title\">Refine everything carefully.<\/h3>\n <div class=\"detail-content\">\n <p>We:<\/p>\n <ul class=\"detail-list\">\n <li>Review all outputs for quality and accuracy<\/li>\n <li>Make agreed revisions<\/li>\n <li>Ensure consistency across platforms<\/li>\n <li>Prepare content for launch or handover<\/li>\n <\/ul>\n <p>Nothing is published or delivered without your approval.<\/p>\n <\/div>\n <\/div>\n \n <!-- Step 5 Detail -->\n <div class=\"detail-card\">\n <div class=\"detail-step\">\n <i class=\"fas fa-circle\"><\/i>\n Step 5: Ongoing Support & Improvement\n <\/div>\n <h3 class=\"detail-title\">Our relationship doesn't end at delivery.<\/h3>\n <div class=\"detail-content\">\n <p>Where needed, we:<\/p>\n <ul class=\"detail-list\">\n <li>Provide ongoing content and platform support<\/li>\n <li>Monitor performance and engagement<\/li>\n <li>Recommend improvements and updates<\/li>\n <li>Support long-term communication and branding goals<\/li>\n <\/ul>\n <p>We aim to be a reliable partner, not just a service provider.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- What to Expect Section -->\n <div class=\"expectations-section\">\n <div class=\"expectations-header\">\n <h2 class=\"expectations-title\">What You Can Expect When Working With Us<\/h2>\n <p class=\"expectations-subtitle\">\n Our commitment to excellence and partnership ensures a seamless experience from start to finish.\n <\/p>\n <\/div>\n \n <div class=\"expectations-grid\">\n <div class=\"expectation-card\">\n <div class=\"expectation-icon\">\n <i class=\"fas fa-comments\"><\/i>\n <\/div>\n <p class=\"expectation-text\">Clear communication at every stage<\/p>\n <\/div>\n \n <div class=\"expectation-card\">\n <div class=\"expectation-icon\">\n <i class=\"fas fa-calendar-check\"><\/i>\n <\/div>\n <p class=\"expectation-text\">Structured timelines and accountability<\/p>\n <\/div>\n \n <div class=\"expectation-card\">\n <div class=\"expectation-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <p class=\"expectation-text\">Ethical, impact-focused storytelling<\/p>\n <\/div>\n \n <div class=\"expectation-card\">\n <div class=\"expectation-icon\">\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"expectation-text\">Professional quality and attention to detail<\/p>\n <\/div>\n \n <div class=\"expectation-card\">\n <div class=\"expectation-icon\">\n <i class=\"fas fa-handshake\"><\/i>\n <\/div>\n <p class=\"expectation-text\">Respect for budgets and deadlines<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- CTA Section -->\n <div class=\"process-cta\">\n <h2 class=\"cta-title\">Let's Work Together<\/h2>\n <p class=\"cta-description\">\n Whether you need a one-time project or ongoing support, our process is designed \n to deliver clarity, consistency, and results. Ready to get started?\n <\/p>\n \n <div class=\"cta-buttons\">\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/free-strategy-call\/\" class=\"cta-btn cta-primary\">\n <i class=\"fas fa-file-alt\"><\/i> Request a Proposal\n <\/a>\n <a href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/contact-savvyscope-media-solutions\/\" class=\"cta-btn cta-secondary\">\n <i class=\"fas fa-envelope\"><\/i> Contact Us\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Scroll animations for process steps\n document.addEventListener('DOMContentLoaded', function() {\n const processSteps = document.querySelectorAll('.process-step');\n const detailCards = document.querySelectorAll('.detail-card');\n const expectationCards = document.querySelectorAll('.expectation-card');\n \n \/\/ Create Intersection Observer for process steps\n const stepsObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n const delay = (index % 5) * 150;\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, delay);\n }\n });\n }, {\n threshold: 0.2,\n rootMargin: '0px 0px -50px 0px'\n });\n \n \/\/ Observe each process step\n processSteps.forEach(step => {\n stepsObserver.observe(step);\n });\n \n \/\/ Create Intersection Observer for detail cards\n const detailsObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n const delay = (index % 5) * 100;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, delay);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n \/\/ Add initial styles for detail cards\n detailCards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n detailsObserver.observe(card);\n });\n \n \/\/ Create Intersection Observer for expectation cards\n const expectationsObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n const delay = (index % 5) * 100;\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }, delay);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n });\n \n \/\/ Add initial styles for expectation cards\n expectationCards.forEach(card => {\n card.style.opacity = '0';\n card.style.transform = 'translateY(20px)';\n card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n expectationsObserver.observe(card);\n });\n \n \/\/ Hover effects for step number containers\n const stepContainers = document.querySelectorAll('.step-number-container');\n stepContainers.forEach(container => {\n container.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.05)';\n this.style.boxShadow = '0 12px 30px rgba(3, 196, 161, 0.2)';\n });\n \n container.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1)';\n this.style.boxShadow = '0 8px 25px rgba(3, 196, 161, 0.1)';\n });\n });\n \n \/\/ CTA button interactions\n const ctaButtons = document.querySelectorAll('.cta-btn');\n ctaButtons.forEach(button => {\n button.addEventListener('click', function(e) {\n e.preventDefault();\n \/\/ In a real implementation, this would link to contact\/booking forms\n alert('This would open a contact form or proposal request in a complete website.');\n });\n });\n \n \/\/ Mobile-specific adjustments\n function handleMobileLayout() {\n const processDiagram = document.querySelector('.process-diagram');\n const connectionLine = document.querySelector('.process-connection');\n \n if (window.innerWidth < 768) {\n \/\/ Hide connection line on mobile\n if (connectionLine) {\n connectionLine.style.display = 'none';\n }\n } else {\n \/\/ Show connection line on desktop\/tablet\n if (connectionLine) {\n connectionLine.style.display = 'block';\n }\n }\n }\n \n \/\/ Initial check\n handleMobileLayout();\n \n \/\/ Update on resize\n window.addEventListener('resize', handleMobileLayout);\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>How We Work | Savvyscope Media Solutions Our Methodology How We Work A clear, collaborative, results-driven process. At Savvyscope Media […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Our Process for Digital Marketing Projects - Savvyscope Media Solutions<\/title>\n<meta name=\"description\" content=\"Learn how we work through our process for digital marketing projects\u2014from discovery and strategy to execution, optimization, and reporting.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our Process for Digital Marketing Projects - Savvyscope Media Solutions\" \/>\n<meta property=\"og:description\" content=\"Learn how we work through our process for digital marketing projects\u2014from discovery and strategy to execution, optimization, and reporting.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/\" \/>\n<meta property=\"og:site_name\" content=\"Savvyscope Media Solutions\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-09T16:51:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/our-process-for-digital-marketing-projects\\\/\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/our-process-for-digital-marketing-projects\\\/\",\"name\":\"Our Process for Digital Marketing Projects - Savvyscope Media Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\"},\"datePublished\":\"2026-01-27T13:59:05+00:00\",\"dateModified\":\"2026-02-09T16:51:05+00:00\",\"description\":\"Learn how we work through our process for digital marketing projects\u2014from discovery and strategy to execution, optimization, and reporting.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/our-process-for-digital-marketing-projects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/our-process-for-digital-marketing-projects\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/index.php\\\/our-process-for-digital-marketing-projects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How We Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/\",\"name\":\"Savvyscope Media Solutions\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopemedia.co.ke\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Our Process for Digital Marketing Projects - Savvyscope Media Solutions","description":"Learn how we work through our process for digital marketing projects\u2014from discovery and strategy to execution, optimization, and reporting.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/","og_locale":"en_US","og_type":"article","og_title":"Our Process for Digital Marketing Projects - Savvyscope Media Solutions","og_description":"Learn how we work through our process for digital marketing projects\u2014from discovery and strategy to execution, optimization, and reporting.","og_url":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/","og_site_name":"Savvyscope Media Solutions","article_modified_time":"2026-02-09T16:51:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/","url":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/","name":"Our Process for Digital Marketing Projects - Savvyscope Media Solutions","isPartOf":{"@id":"https:\/\/savvyscopemedia.co.ke\/#website"},"datePublished":"2026-01-27T13:59:05+00:00","dateModified":"2026-02-09T16:51:05+00:00","description":"Learn how we work through our process for digital marketing projects\u2014from discovery and strategy to execution, optimization, and reporting.","breadcrumb":{"@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopemedia.co.ke\/index.php\/our-process-for-digital-marketing-projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopemedia.co.ke\/"},{"@type":"ListItem","position":2,"name":"How We Work"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopemedia.co.ke\/#website","url":"https:\/\/savvyscopemedia.co.ke\/","name":"Savvyscope Media Solutions","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopemedia.co.ke\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopemedia.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}