{"id":12091,"date":"2026-08-31T13:48:44","date_gmt":"2026-08-31T06:48:44","guid":{"rendered":"https:\/\/lagikreatif.com\/?page_id=12091"},"modified":"2026-09-04T16:28:32","modified_gmt":"2026-09-04T09:28:32","slug":"case-study-dkst-itb","status":"publish","type":"page","link":"https:\/\/lagikreatif.com\/en\/case-study-dkst-itb\/","title":{"rendered":"Case Study DKST ITB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12091\" class=\"elementor elementor-12091\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-669f2b5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"669f2b5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03c6959\" data-id=\"03c6959\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54cd19f elementor-widget elementor-widget-html\" data-id=\"54cd19f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SYSTEM: CUSTOM PRELOADER WITH LOGO & BOUNCING\/SWINGING LOADING BAR -->\r\n<style>\r\n    #lk-global-preloader {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background-color: #ffffff; \/* Latar belakang putih bersih *\/\r\n        z-index: 99999999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: opacity 0.4s ease-out, visibility 0.4s ease-out;\r\n    }\r\n\r\n    \/* Styling untuk Logo dari Image URL *\/\r\n    .lk-preloader-logo {\r\n        width: 120px; \/* Sesuaikan lebar logo sesuai kebutuhan *\/\r\n        height: auto;\r\n        object-fit: contain;\r\n        margin-bottom: 24px; \/* Jarak antara logo dan loading bar di bawahnya *\/\r\n        animation: lk-pulse 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes lk-pulse {\r\n        0%, 100% { transform: scale(1); opacity: 1; }\r\n        50% { transform: scale(0.95); opacity: 0.8; }\r\n    }\r\n\r\n    \/* Container untuk Loading Bar Bolak-Balik (Bouncing\/Swinging) *\/\r\n    .lk-loader-track {\r\n        width: 140px;\r\n        height: 4px;\r\n        background-color: #e2e8f0; \/* Warna trek abu-abu muda *\/\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Elemen Bar yang Bergerak Bolak-Balik *\/\r\n    .lk-loader-bar {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100%;\r\n        width: 40%; \/* Lebar batang bergerak *\/\r\n        background-color: #2563eb; \/* Warna biru aksen Anda *\/\r\n        border-radius: 4px;\r\n        animation: lk-bounce-bar 1.2s ease-in-out infinite alternate;\r\n    }\r\n\r\n    @keyframes lk-bounce-bar {\r\n        0% { left: 0%; width: 30%; }\r\n        50% { width: 50%; }\r\n        100% { left: 70%; width: 30%; }\r\n    }\r\n\r\n    \/* Pengaman warna agar tidak tertimpa tema Elementor *\/\r\n    .bg-accent, [class*=\"bg-accent\"] { background-color: #2563eb !important; }\r\n    .text-accent, [class*=\"text-accent\"] { color: #2563eb !important; }\r\n    .border-accent, [class*=\"border-accent\"] { border-color: #2563eb !important; }\r\n<\/style>\r\n\r\n<div id=\"lk-global-preloader\">\r\n    <!-- Ganti URL di bawah dengan link gambar logo Anda dari Media Library WordPress -->\r\n    <img decoding=\"async\" src=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png\" alt=\"Lagi Kreatif Logo\" class=\"lk-preloader-logo\">\r\n    \r\n    <!-- Animasi Loading Bar Bolak-Balik di Bawah Logo -->\r\n    <div class=\"lk-loader-track\">\r\n        <div class=\"lk-loader-bar\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    window.addEventListener('load', function() {\r\n        const preloader = document.getElementById('lk-global-preloader');\r\n        if (preloader) {\r\n            setTimeout(function() {\r\n                preloader.style.opacity = '0';\r\n                preloader.style.visibility = 'hidden';\r\n                setTimeout(function() {\r\n                    preloader.remove();\r\n                }, 400);\r\n            }, 300); \/\/ Jeda singkat agar animasi bar terlihat mulus saat pertama terbuka\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c549e98 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c549e98\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b7f56f8\" data-id=\"b7f56f8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c00adee elementor-widget elementor-widget-html\" data-id=\"c00adee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"fixed top-0 w-full z-50 bg-white\/80 backdrop-blur-md border-b border-neutral-border transition-all duration-300\" id=\"navbar\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"flex justify-between items-center h-20\">\n            <a href=\"#\" class=\"flex items-center\">\n                <!-- Ganti URL_LOGO_ANDA_DI_SINI.png dengan link gambar logo Anda dari Media Library WordPress -->\n                <img decoding=\"async\" src=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png\" alt=\"Lagi Kreatif Logo\" class=\"h-10 w-auto object-contain\">\n            <\/a>\n            <nav class=\"hidden md:flex gap-8 items-center text-sm font-medium\">\n                <a href=\"https:\/\/lagikreatif.com\/website\/\" class=\"hover:text-accent transition-colors\"><i class=\"fa-solid fa-arrow-left mr-2\"><\/i> Kembali ke Beranda<\/a>\n            <\/nav>\n            <div class=\"hidden md:flex items-center gap-4\">\n                <button onclick=\"openModal()\" class=\"btn-glare relative overflow-hidden bg-accent hover:bg-accent-hover text-white px-5 py-2.5 rounded-lg font-semibold text-sm transition-all hover:scale-[1.02] active:scale-95 shadow-sm\">\n                    Konsultasi Gratis\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/header>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2dbfec elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f2dbfec\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-aafcb59\" data-id=\"aafcb59\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1fa9d8 elementor-widget elementor-widget-html\" data-id=\"d1fa9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"relative h-screen min-h-[600px] flex items-end pb-24 pt-32 w-full\">\n    <div class=\"absolute inset-0 z-0 bg-primary-dark\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?auto=format&fit=crop&q=80\" alt=\"ITB Innovation Park Hero\" class=\"w-full h-full object-cover opacity-40\">\n        <div class=\"absolute inset-0 bg-gradient-to-t from-primary-dark via-primary-dark\/70 to-transparent\"><\/div>\n    <\/div>\n    \n    <div class=\"relative z-10 px-4 md:px-8 max-w-7xl mx-auto w-full\">\n        <div class=\"max-w-4xl\">\n            <span class=\"inline-block py-1.5 px-4 rounded-full bg-blue-500\/20 text-blue-300 text-sm font-semibold mb-6 border border-blue-500\/30 backdrop-blur-sm uppercase tracking-widest\">\n                Case Study\n            <\/span>\n            <h1 class=\"text-white text-5xl md:text-6xl lg:text-[72px] font-extrabold tracking-tight leading-[1.1] mb-2\">\n                DKST ITB\n            <\/h1>\n            <h2 class=\"text-white\/90 text-3xl md:text-4xl lg:text-[42px] font-bold tracking-tight mb-6\">\n                (ITB Innovation Park)\n            <\/h2>\n            <p class=\"text-white\/80 text-xl md:text-2xl font-normal max-w-2xl mb-12 leading-relaxed\">\n                Branding, Marketing Communication & Digital Strategy\n            <\/p>\n            \n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 border-t border-white\/20 pt-8\">\n                <div>\n                    <div class=\"text-white\/50 text-sm font-semibold uppercase tracking-wider mb-2\">Client<\/div>\n                    <div class=\"text-white font-medium\">DKST ITB<\/div>\n                <\/div>\n                <div>\n                    <div class=\"text-white\/50 text-sm font-semibold uppercase tracking-wider mb-2\">Sektor<\/div>\n                    <div class=\"text-white font-medium\">Pendidikan, Riset & Teknologi<\/div>\n                <\/div>\n                <div class=\"col-span-2\">\n                    <div class=\"text-white\/50 text-sm font-semibold uppercase tracking-wider mb-2\">Peran<\/div>\n                    <div class=\"text-white font-medium\">Brand Strategy, Marketing & Corp. Comm, Campaign Planning<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dd4dfcf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dd4dfcf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7ec7c2\" data-id=\"c7ec7c2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61873c9 elementor-widget elementor-widget-html\" data-id=\"61873c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-white w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16\">\n            <div>\n                <div class=\"flex items-center gap-3 mb-6\">\n                    <div class=\"w-12 h-12 bg-red-50 text-red-500 rounded-xl flex items-center justify-center text-xl\"><i class=\"fa-solid fa-mountain\"><\/i><\/div>\n                    <h2 class=\"text-3xl font-bold text-neutral-dark\">Tantangan<\/h2>\n                <\/div>\n                <p class=\"text-lg font-medium text-neutral-dark mb-4\">Menjembatani bahasa akademis dengan dunia industri riil.<\/p>\n                <p class=\"text-neutral-body leading-relaxed mb-6\">\n                    Sebagai garda depan Institut Teknologi Bandung, DKST ITB memegang peran krusial sebagai katalisator hilirisasi teknologi. Namun, kami menemukan beberapa hambatan komunikasi:\n                <\/p>\n                <ul class=\"space-y-4\">\n                    <li class=\"flex items-start gap-3\">\n                        <i class=\"fa-solid fa-circle-exclamation text-red-400 mt-1\"><\/i>\n                        <div>\n                            <strong class=\"text-neutral-dark block\">Kompleksitas Komunikasi Sains<\/strong>\n                            <span class=\"text-neutral-body text-sm\">Narasi riset dan inovasi sering kali dipersepsikan terlalu teknis, sehingga butuh pendekatan pesan yang lebih mudah dipahami industri dan investor.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-3\">\n                        <i class=\"fa-solid fa-clone text-red-400 mt-1\"><\/i>\n                        <div>\n                            <strong class=\"text-neutral-dark block\">Penguatan Brand Equity<\/strong>\n                            <span class=\"text-neutral-body text-sm\">Diperlukan positioning yang kuat agar <em>ITB Innovation Park<\/em> dikenal sebagai pusat ekosistem inovasi kelas dunia, bukan sekadar fasilitas fisik.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-3\">\n                        <i class=\"fa-solid fa-scale-balanced text-red-400 mt-1\"><\/i>\n                        <div>\n                            <strong class=\"text-neutral-dark block\">Integrasi Multi-Stakeholder<\/strong>\n                            <span class=\"text-neutral-body text-sm\">Tantangan menjangkau audiens yang beragam (akademisi, startup binaan, korporasi, hingga pembuat kebijakan) melalui pesan yang terpadu.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div>\n                <div class=\"flex items-center gap-3 mb-6\">\n                    <div class=\"w-12 h-12 bg-blue-50 text-accent rounded-xl flex items-center justify-center text-xl\"><i class=\"fa-regular fa-lightbulb\"><\/i><\/div>\n                    <h2 class=\"text-3xl font-bold text-neutral-dark\">Insight & Pendekatan<\/h2>\n                <\/div>\n                <div class=\"bg-primary-light p-8 rounded-2xl border border-neutral-border h-full\">\n                    <p class=\"text-neutral-body leading-relaxed mb-6 italic\">\n                        \"Bagaimana merancang arsitektur komunikasi yang mampu mengubah riset laboratorium yang rumit menjadi peluang bisnis yang menjanjikan bagi industri?\"\n                    <\/p>\n                    <p class=\"text-neutral-dark font-medium leading-relaxed mb-4\">\n                        Perancangan strategi merek dan komunikasi komprehensif disusun untuk mempertegas identitas DKST ITB sebagai penggerak utama komersialisasi riset.\n                    <\/p>\n                    <p class=\"text-neutral-body text-sm mb-4\">Fokus pendekatan komunikasi kami terpusat pada tiga pilar:<\/p>\n                    <div class=\"flex flex-wrap gap-3\">\n                        <span class=\"bg-white border border-neutral-border px-4 py-2 rounded-lg text-sm font-semibold text-accent shadow-sm\"><i class=\"fa-solid fa-handshake-angle mr-2\"><\/i>Collaborative Hub<\/span>\n                        <span class=\"bg-white border border-neutral-border px-4 py-2 rounded-lg text-sm font-semibold text-accent shadow-sm\"><i class=\"fa-solid fa-chart-line mr-2\"><\/i>Business & Impact<\/span>\n                        <span class=\"bg-white border border-neutral-border px-4 py-2 rounded-lg text-sm font-semibold text-accent shadow-sm\"><i class=\"fa-solid fa-lightbulb mr-2\"><\/i>Thought Leadership<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc9b3d1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fc9b3d1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c3babc\" data-id=\"3c3babc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b7a8d99 elementor-widget elementor-widget-html\" data-id=\"b7a8d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-light border-y border-neutral-border w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-16\">\n            <div class=\"lg:col-span-1\">\n                <h2 class=\"text-3xl font-bold text-neutral-dark mb-4\">Ruang Lingkup<\/h2>\n                <p class=\"text-neutral-body leading-relaxed mb-8\">\n                    Kami menyusun landasan strategi komprehensif mulai dari pemosisian merek hingga eksekusi kampanye digital.\n                <\/p>\n                <div class=\"bg-white p-6 rounded-xl border border-neutral-border shadow-sm\">\n                    <h4 class=\"font-bold text-neutral-dark mb-4 uppercase tracking-widest text-sm text-accent\">Deliverables<\/h4>\n                    <ul class=\"space-y-4 text-neutral-body font-medium\">\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-bezier-curve text-accent text-lg\"><\/i> Branding Strategy & Positioning<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-bullhorn text-accent text-lg\"><\/i> Marketing Communication Strategy<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-building-user text-accent text-lg\"><\/i> Corporate Communication<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-mobile-screen text-accent text-lg\"><\/i> Content & Social Media Strategy<\/li>\n                        <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-rocket text-accent text-lg\"><\/i> Digital Campaign Planning<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-2\">\n                <h2 class=\"text-3xl font-bold text-neutral-dark mb-4\">Pengembangan Strategi<\/h2>\n                <p class=\"text-neutral-body leading-relaxed mb-10 text-lg\">\n                    Menerjemahkan <em>value proposition<\/em> menjadi ekosistem komunikasi dua arah untuk B2B dan segmen publik\/komunitas.\n                <\/p>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Brand Repositioning<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Merumuskan proposisi nilai baru sebagai jembatan strategis riset unggulan. Deliverables:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Arsitektur Merek<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Brand Persona<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Narasi Merek<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Corporate & Marketing Comm.<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Materi komunikasi kemitraan untuk menarik investor dan mitra industri:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Company Profile<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Collaboration Deck<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Standar Rilis Media<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Content & Social Media<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Pendekatan <em>storytelling<\/em> inovasi untuk edukasi publik dan mahasiswa:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Content Pillar<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Success Story Hilirisasi<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Profil Inovator<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"border-l-2 border-accent pl-6\">\n                        <h4 class=\"font-bold text-xl mb-2\">Digital Campaign & Assets<\/h4>\n                        <p class=\"text-neutral-body text-sm mb-2\">Kampanye terarah untuk program akselerasi startup dan pameran inovasi:<\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Banner Promosi<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Feed Templates<\/span>\n                            <span class=\"bg-gray-100 text-gray-600 text-xs px-2 py-1 rounded\">Newsletter & Media Kit<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-567e19d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"567e19d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0011022\" data-id=\"0011022\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c11374a elementor-widget elementor-widget-html\" data-id=\"c11374a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-dark w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"text-center mb-16 max-w-3xl mx-auto\">\n            <h2 class=\"text-white text-3xl md:text-5xl font-bold mb-6\">Hasil & <span class=\"text-accent\">Dampak<\/span><\/h2>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n            <div>\n                <h3 class=\"text-white text-2xl font-semibold mb-6\">Strategic Impact<\/h3>\n                <ul class=\"space-y-4 text-white\/80 text-lg\">\n                    <li class=\"flex items-start gap-4\">\n                        <i class=\"fa-solid fa-check mt-1.5 text-accent\"><\/i> \n                        <div>\n                            <strong class=\"text-white block mb-1\">Penguatan Reputasi Institusi<\/strong>\n                            <span class=\"text-sm\">Meningkatnya <em>brand awareness<\/em> dan kredibilitas DKST ITB sebagai episentrum inovasi, riset, dan inkubasi bisnis teknologi terdepan di Indonesia.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <i class=\"fa-solid fa-check mt-1.5 text-accent\"><\/i> \n                        <div>\n                            <strong class=\"text-white block mb-1\">Komunikasi yang Terstruktur & Adaptif<\/strong>\n                            <span class=\"text-sm\">Informasi mengenai riset kompleks dan produk hilirisasi tersampaikan dengan lebih komunikatif, menarik, dan relevan bagi berbagai tingkatan pemangku kepentingan.<\/span>\n                        <\/div>\n                    <\/li>\n                    <li class=\"flex items-start gap-4\">\n                        <i class=\"fa-solid fa-check mt-1.5 text-accent\"><\/i> \n                        <div>\n                            <strong class=\"text-white block mb-1\">Optimalisasi Kolaborasi Digital<\/strong>\n                            <span class=\"text-sm\">Meningkatnya <em>engagement<\/em> pada platform digital institusi yang berdampak positif pada terjalinnya kemitraan strategis baru antara akademisi dan sektor industri.<\/span>\n                        <\/div>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6\">\n                <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 backdrop-blur-sm text-center transform hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"text-5xl font-extrabold text-blue-400 mb-2\">100%<\/div>\n                    <div class=\"text-white\/70 font-medium\">Narasi Terintegrasi<\/div>\n                <\/div>\n                <div class=\"bg-white\/5 border border-white\/10 rounded-2xl p-8 backdrop-blur-sm text-center transform hover:-translate-y-2 transition-transform duration-300\">\n                    <div class=\"text-5xl font-extrabold text-blue-400 mb-2\">50+<\/div>\n                    <div class=\"text-white\/70 font-medium\">Aset Kampanye & Konten Edukasi<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3e3d9b2 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"3e3d9b2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8ec0038\" data-id=\"8ec0038\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1fe29c elementor-widget elementor-widget-html\" data-id=\"a1fe29c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-white w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <h2 class=\"text-3xl font-bold text-neutral-dark mb-12 text-center\">Brand & Communication Gallery<\/h2>\n        \n        <div class=\"columns-1 sm:columns-2 lg:columns-3 gap-4 space-y-4 mb-24\">\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&q=80\" alt=\"Brand Strategy Document\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Brand Narrative & Strategy<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744094-24638eff58bb?auto=format&fit=crop&q=80\" alt=\"Collaboration Deck\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Collaboration Deck<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?auto=format&fit=crop&q=80\" alt=\"Company Profile\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Corporate Profile Book<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162616305-c69b3fa7fbe0?auto=format&fit=crop&q=80\" alt=\"Social Media Templates\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Social Media Content Strategy<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&q=80\" alt=\"Digital Campaign\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Digital Campaign Analytics<\/span><\/div>\n            <\/div>\n            <div class=\"break-inside-avoid group relative overflow-hidden rounded-xl\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&q=80\" alt=\"Innovation Showcase\" class=\"w-full h-auto transform group-hover:scale-105 transition-transform duration-500\">\n                <div class=\"absolute inset-0 bg-black\/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center\"><span class=\"text-white font-bold\">Innovation Event Campaign<\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section class=\"py-24 bg-primary-light border-t border-neutral-border w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <div class=\"flex flex-col md:flex-row justify-between items-end mb-12 gap-4\">\n            <div>\n                <h2 class=\"text-3xl font-bold text-neutral-dark mb-4\">Proses Konsultasi<\/h2>\n                <p class=\"text-neutral-body text-lg max-w-2xl\">Pendekatan kami mengutamakan diskusi intensif dengan peneliti, ahli inkubasi, dan pimpinan untuk menyelaraskan visi sains dengan kebutuhan komersial industri.<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n            <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531498860502-7c67cf02f657?auto=format&fit=crop&q=80\" alt=\"Brainstorming\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n            <\/div>\n            <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80\" alt=\"Meeting\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n            <\/div>\n            <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&q=80\" alt=\"Strategy Planning\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n            <\/div>\n            <div class=\"aspect-square rounded-xl overflow-hidden bg-gray-200\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80\" alt=\"Presentation\" class=\"w-full h-full object-cover filter grayscale hover:grayscale-0 transition-all duration-500\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ccc3ca elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8ccc3ca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c40d18e\" data-id=\"c40d18e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce332ce elementor-widget elementor-widget-html\" data-id=\"ce332ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-white w-full\">\n    <div class=\"max-w-4xl mx-auto px-4 text-center\">\n        <i class=\"fa-solid fa-quote-left text-5xl text-accent\/20 mb-6\"><\/i>\n        <h3 class=\"text-2xl md:text-3xl font-medium text-neutral-dark leading-relaxed mb-10 italic\">\n            \"Pendekatan strategi komunikasi dari Lagi Kreatif sangat membantu kami menerjemahkan bahasa riset yang teknis menjadi narasi inovasi yang menarik bagi industri dan investor. Kini, ITB Innovation Park memiliki positioning yang jauh lebih relevan sebagai pusat kolaborasi bisnis-akademik.\"\n        <\/h3>\n    <\/div>\n<\/section>\n\n<section class=\"py-24 bg-primary-dark relative overflow-hidden w-full\">\n    <div class=\"absolute top-0 right-0 w-96 h-96 bg-accent rounded-full mix-blend-multiply filter blur-[128px] opacity-30\"><\/div>\n    <div class=\"absolute bottom-0 left-0 w-96 h-96 bg-blue-400 rounded-full mix-blend-multiply filter blur-[128px] opacity-20\"><\/div>\n    \n    <div class=\"max-w-4xl mx-auto px-4 relative z-10 text-center\">\n        <h2 class=\"text-4xl md:text-5xl font-extrabold text-white mb-6 leading-tight\">\n            Ready to Build Something <span class=\"text-blue-400\">Meaningful?<\/span>\n        <\/h2>\n        <p class=\"text-white\/80 text-lg md:text-xl mb-10 max-w-2xl mx-auto\">\n            Mari diskusikan bagaimana strategi komunikasi dan *branding* yang tepat dapat membantu institusi pendidikan, riset, atau startup Anda terhubung dengan ekosistem yang lebih luas.\n        <\/p>\n        <div class=\"flex justify-center\">\n            <button onclick=\"openModal()\" class=\"btn-expand-ring ring-accent w-full sm:w-auto bg-accent hover:bg-accent-hover text-white px-8 py-4 rounded-lg font-bold text-lg transition-all duration-150 shadow-lg hover:shadow-accent\/40 hover:scale-[1.02] active:scale-95 flex items-center justify-center\">\n                Schedule Consultation\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9cd583 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"f9cd583\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3651e38\" data-id=\"3651e38\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-90ea1d5 elementor-widget elementor-widget-html\" data-id=\"90ea1d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"py-24 bg-primary-light w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n        <h2 class=\"text-3xl font-bold text-neutral-dark mb-12 text-center\">Related Projects<\/h2>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n            <a href=\"https:\/\/lagikreatif.com\/case-study-dinkes\/\" class=\"block group bg-white rounded-xl border border-neutral-border overflow-hidden hover:shadow-xl transition-all duration-300 flex flex-col h-full cursor-pointer\">\n                <div class=\"relative w-full aspect-video overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/lagikreatif.com\/wp-content\/uploads\/2026\/08\/Dinkes-BDG.jpg\" alt=\"Dinkes Bandung\" class=\"w-full h-full object-cover transform group-hover:scale-[1.03] transition-transform duration-500\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-grow\">\n                    <div class=\"mb-4\">\n                        <span class=\"inline-block bg-gray-100 text-neutral-body text-[12px] font-medium uppercase tracking-[0.05em] px-2 py-1 rounded\">Government<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl md:text-2xl font-semibold mb-3 group-hover:text-blue-600 transition-colors\">Dinas Kesehatan Bandung<\/h3>\n                    <p class=\"text-neutral-body text-sm mb-6 flex-grow\">Public relations dan kampanye sosial kesehatan terpadu tingkat kota.<\/p>\n                    <div class=\"flex items-center text-blue-600 font-semibold text-sm mt-auto\">\n                        View Case Study <i class=\"fa-solid fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"https:\/\/lagikreatif.com\/case-study-innovillage\/\" class=\"block group bg-white rounded-xl border border-neutral-border overflow-hidden hover:shadow-xl transition-all duration-300 flex flex-col h-full cursor-pointer\">\n                <div class=\"relative w-full aspect-video overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/innovillage.jpg\" alt=\"Innovillage\" class=\"w-full h-full object-cover transform group-hover:scale-[1.03] transition-transform duration-500\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-grow\">\n                    <div class=\"mb-4\">\n                        <span class=\"inline-block bg-gray-100 text-neutral-body text-[12px] font-medium uppercase tracking-[0.05em] px-2 py-1 rounded\">Technology \/ CSR<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl md:text-2xl font-semibold mb-3 group-hover:text-blue-600 transition-colors\">Innovillage Telkom<\/h3>\n                    <p class=\"text-neutral-body text-sm mb-6 flex-grow\">Pendampingan strategi komunikasi dan amplifikasi program social impact di ratusan desa seluruh Indonesia.<\/p>\n                    <div class=\"flex items-center text-blue-600 font-semibold text-sm mt-auto\">\n                        View Case Study <i class=\"fa-solid fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <div class=\"group bg-white rounded-xl border border-neutral-border overflow-hidden hover:shadow-xl transition-all duration-300 flex flex-col h-full cursor-pointer\">\n                <div class=\"relative w-full aspect-video overflow-hidden bg-gray-200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&q=80\" alt=\"Bank Indonesia\" class=\"w-full h-full object-cover transform group-hover:scale-[1.03] transition-transform duration-500\">\n                <\/div>\n                <div class=\"p-6 flex flex-col flex-grow\">\n                    <div class=\"mb-4\">\n                        <span class=\"inline-block bg-gray-100 text-neutral-body text-[12px] font-medium uppercase tracking-[0.05em] px-2 py-1 rounded\">Government<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3 group-hover:text-accent transition-colors\">Bank Indonesia<\/h3>\n                    <p class=\"text-neutral-body text-sm mb-6 flex-grow\">Event activation & digital campaign untuk literasi keuangan digital.<\/p>\n                    <div class=\"flex items-center text-accent font-semibold text-sm mt-auto\">\n                        Read Case Study <i class=\"fa-solid fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f1537a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6f1537a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e841f25\" data-id=\"e841f25\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ceb4cd4 elementor-widget elementor-widget-html\" data-id=\"ceb4cd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- MODUL 15: CONTACT MODAL & SYSTEM SCRIPTS -->\r\n\r\n<!-- Contact Modal (Tersembunyi secara default) -->\r\n<div id=\"contact-modal\" class=\"fixed inset-0 z-[100] hidden flex items-center justify-center px-4\">\r\n    <div class=\"absolute inset-0 bg-primary-dark\/80 backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\n    <div class=\"bg-white w-full max-w-lg rounded-2xl p-8 relative z-10 shadow-2xl transform scale-95 opacity-0 transition-all duration-300\" id=\"modal-content\">\r\n        <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-neutral-body hover:text-neutral-dark text-xl\">\r\n            <i class=\"fa-solid fa-xmark\"><\/i>\r\n        <\/button>\r\n        <h3 class=\"text-2xl font-bold text-neutral-dark mb-2\">Jadwalkan Diskusi<\/h3>\r\n        <p class=\"text-neutral-body text-sm mb-6\">Isi form di bawah ini untuk terhubung langsung dengan tim kami via WhatsApp.<\/p>\r\n        \r\n        <form id=\"wa-form\" onsubmit=\"submitForm(event)\" class=\"space-y-4\">\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Nama Lengkap<\/label>\r\n                <input type=\"text\" id=\"form-name\" required class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors\" placeholder=\"John Doe\">\r\n            <\/div>\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Perusahaan \/ Instansi<\/label>\r\n                <input type=\"text\" id=\"form-company\" required class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors\" placeholder=\"PT Nama Perusahaan\">\r\n            <\/div>\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Minat Layanan<\/label>\r\n                <select id=\"form-service\" class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors bg-white\">\r\n                    <option value=\"Brand Strategy\">Brand Strategy<\/option>\r\n                    <option value=\"Communication & Campaign\">Communication & Campaign<\/option>\r\n                    <option value=\"Content & Digital Management\">Content & Digital Management<\/option>\r\n                    <option value=\"Experience & Impact\">Experience & Impact<\/option>\r\n                    <option value=\"Lainnya\">Lainnya \/ Belum Yakin<\/option>\r\n                <\/select>\r\n            <\/div>\r\n            <div>\r\n                <label class=\"block text-sm font-medium text-neutral-dark mb-1\">Pesan Singkat<\/label>\r\n                <textarea id=\"form-message\" rows=\"3\" required class=\"w-full px-4 py-2.5 border border-neutral-border rounded-lg focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600 transition-colors\" placeholder=\"Ceritakan singkat tantangan bisnis Anda...\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"submit\" id=\"btnSubmitForm\" class=\"w-full bg-blue-600 hover:bg-blue-700 text-white py-3 rounded-lg font-bold transition-all shadow-md mt-4 flex items-center justify-center gap-2 hover:scale-[1.02] active:scale-95\" style=\"background-color: #2563eb !important; color: #ffffff !important;\">\r\n                <i class=\"fa-brands fa-whatsapp text-lg\"><\/i> Kirim & Lanjutkan ke WA\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Scripts -->\r\n<script>\r\n    \/\/ 1. Mobile Menu Toggle\r\n    const mobileBtn = document.getElementById('mobile-menu-btn');\r\n    const mobileMenu = document.getElementById('mobile-menu');\r\n    \r\n    if(mobileBtn && mobileMenu) {\r\n        mobileBtn.addEventListener('click', () => {\r\n            mobileMenu.classList.toggle('hidden');\r\n            const icon = mobileBtn.querySelector('i');\r\n            if(mobileMenu.classList.contains('hidden')){\r\n                icon.classList.remove('fa-xmark');\r\n                icon.classList.add('fa-bars');\r\n            } else {\r\n                icon.classList.remove('fa-bars');\r\n                icon.classList.add('fa-xmark');\r\n            }\r\n        });\r\n\r\n        mobileMenu.querySelectorAll('a').forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                mobileMenu.classList.add('hidden');\r\n                mobileBtn.querySelector('i').classList.replace('fa-xmark', 'fa-bars');\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ 2. Sticky Header Style on Scroll\r\n    window.addEventListener('scroll', () => {\r\n        const header = document.getElementById('navbar');\r\n        if(header) {\r\n            if (window.scrollY > 20) {\r\n                header.classList.add('shadow-sm');\r\n            } else {\r\n                header.classList.remove('shadow-sm');\r\n            }\r\n        }\r\n    });\r\n\r\n    \/\/ 3. Modal Logic\r\n    const modal = document.getElementById('contact-modal');\r\n    const modalContent = document.getElementById('modal-content');\r\n\r\n    window.openModal = function() {\r\n        if(modal && modalContent) {\r\n            modal.classList.remove('hidden');\r\n            setTimeout(() => {\r\n                modalContent.classList.remove('scale-95', 'opacity-0');\r\n                modalContent.classList.add('scale-100', 'opacity-100');\r\n            }, 10);\r\n        }\r\n    }\r\n\r\n    window.closeModal = function() {\r\n        if(modal && modalContent) {\r\n            modalContent.classList.remove('scale-100', 'opacity-100');\r\n            modalContent.classList.add('scale-95', 'opacity-0');\r\n            setTimeout(() => {\r\n                modal.classList.add('hidden');\r\n            }, 300);\r\n        }\r\n    }\r\n\r\n    \/\/ 4. Form Submit Logic (Database Sheets + WhatsApp API)\r\n    window.submitForm = async function(e) {\r\n        e.preventDefault();\r\n        \r\n        const btnSubmit = document.getElementById('btnSubmitForm');\r\n        const originalText = btnSubmit.innerHTML;\r\n        \r\n        \/\/ Ubah state tombol menjadi loading\r\n        btnSubmit.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> Memproses...';\r\n        btnSubmit.disabled = true;\r\n        btnSubmit.classList.add('opacity-75', 'cursor-not-allowed');\r\n        \r\n        const name = document.getElementById('form-name').value;\r\n        const company = document.getElementById('form-company').value;\r\n        const service = document.getElementById('form-service').value;\r\n        const message = document.getElementById('form-message').value;\r\n        \r\n        \/\/ Payload untuk dikirim ke Google Sheets (Apps Script)\r\n        const payloadData = {\r\n            nama: name,\r\n            instansi: company,\r\n            layanan: service,\r\n            pesan: message\r\n        };\r\n\r\n        \/\/ GANTI INI DENGAN URL APLIKASI WEB GOOGLE APPS SCRIPT ANDA\r\n        const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwP_LgWu0bVRRoUrtyozrfBHawih8JGQ0pd-tKhIYWTx47aEL-rWMLrTxvfbhFVLzve\/exec'; \r\n        const waNumber = \"628112205550\"; \/\/ Nomor WhatsApp PRD\r\n        \r\n        try {\r\n            \/\/ 1. Eksekusi pengiriman data ke backend (Google Sheets)\r\n            \/\/ Menggunakan method POST dengan body stringify. \r\n            \/\/ Browser biasanya akan otomatis menangani preflight CORS untuk payload sederhana ini.\r\n            await fetch(scriptURL, {\r\n                method: 'POST',\r\n                body: JSON.stringify(payloadData) \r\n            });\r\n\r\n            \/\/ 2. Jika fetch selesai\/sukses, format teks & eksekusi redirect WhatsApp\r\n            const textWa = `Halo tim Lagi Kreatif, saya tertarik untuk berdiskusi lebih lanjut.\\n\\n*Nama:* ${name}\\n*Perusahaan:* ${company}\\n*Layanan Diminati:* ${service}\\n*Pesan:* ${message}\\n\\nTerima kasih.`;\r\n            const encodedText = encodeURIComponent(textWa);\r\n            \r\n            \/\/ Buka WhatsApp di tab baru\r\n            window.open(`https:\/\/wa.me\/${waNumber}?text=${encodedText}`, '_blank');\r\n            \r\n            \/\/ Reset form dan tutup modal\r\n            document.getElementById('wa-form').reset();\r\n            closeModal();\r\n\r\n        } catch (error) {\r\n            console.error('Koneksi terputus:', error);\r\n            alert('Terjadi kendala jaringan saat merekam data. Mohon coba beberapa saat lagi.');\r\n        } finally {\r\n            \/\/ Kembalikan tombol ke kondisi semula jika terjadi error atau setelah eksekusi\r\n            btnSubmit.innerHTML = originalText;\r\n            btnSubmit.disabled = false;\r\n            btnSubmit.classList.remove('opacity-75', 'cursor-not-allowed');\r\n        }\r\n    }\r\n\r\n    \/\/ 5. Intersection Observer untuk Animasi Garis & Tahapan (Section Cara Kerja)\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const processSection = document.getElementById('process');\r\n        const processLine = document.getElementById('process-line');\r\n        const processSteps = document.querySelectorAll('.process-step');\r\n\r\n        if(processSection && processLine && processSteps.length > 0) {\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        processLine.classList.remove('scale-x-0');\r\n                        processLine.classList.add('scale-x-100');\r\n\r\n                        processSteps.forEach(step => {\r\n                            step.classList.remove('opacity-0', 'translate-y-8');\r\n                            step.classList.add('opacity-100', 'translate-y-0');\r\n                        });\r\n\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.4 }); \r\n\r\n            observer.observe(processSection);\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-956c33d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"956c33d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d4de19\" data-id=\"1d4de19\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d7d672d elementor-widget elementor-widget-html\" data-id=\"d7d672d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<footer class=\"bg-primary-dark pt-20 pb-10 border-t border-white\/10 text-white\/70 w-full\">\n    <div class=\"max-w-7xl mx-auto px-4 md:px-8 text-center md:text-left\">\n        <div class=\"flex flex-col md:flex-row justify-between items-center md:items-start gap-8\">\n            <div>\n                <a href=\"index.html\" class=\"block mb-4\">\n                    <!-- Ganti URL_LOGO_ANDA_DI_SINI_WHITE.png dengan link gambar logo versi putih -->\n                    <img decoding=\"async\" src=\"https:\/\/lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-light-white2.png\" alt=\"Lagi Kreatif Logo\" class=\"h-10 w-auto object-contain mx-auto md:mx-0\">\n                <\/a>\n                <p class=\"text-sm max-w-sm\">Strategic Communication Partner for Growth & Impact.<\/p>\n            <\/div>\n            <div class=\"text-sm text-white\/50 pt-4 md:pt-0\">\n                &copy; 2026 PT Lalakon Digital Kreatif. All rights reserved.\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication &#038; Digital Strategy Client DKST ITB Sektor Pendidikan, Riset &#038; Teknologi Peran Brand Strategy, Marketing &#038; Corp. Comm, Campaign Planning Tantangan Menjembatani bahasa akademis dengan dunia industri riil. Sebagai garda depan Institut Teknologi Bandung, DKST ITB memegang peran krusial sebagai [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-12091","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Case Study DKST ITB - Lagi Kreatif<\/title>\n<meta name=\"description\" content=\"Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication &amp; Digital Strategy Client DKST ITB Sektor\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lagikreatif.com\/en\/case-study-dkst-itb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study DKST ITB - Lagi Kreatif\" \/>\n<meta property=\"og:description\" content=\"Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication &amp; Digital Strategy Client DKST ITB Sektor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lagikreatif.com\/en\/case-study-dkst-itb\/\" \/>\n<meta property=\"og:site_name\" content=\"Lagi Kreatif\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T09:28:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/\",\"url\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/\",\"name\":\"Case Study DKST ITB - Lagi Kreatif\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/layanan.lagikreatif.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo-LK-biru.png\",\"datePublished\":\"2026-08-31T06:48:44+00:00\",\"dateModified\":\"2026-09-04T09:28:32+00:00\",\"description\":\"Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication & Digital Strategy Client DKST ITB Sektor\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/#primaryimage\",\"url\":\"http:\\\/\\\/layanan.lagikreatif.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo-LK-biru.png\",\"contentUrl\":\"http:\\\/\\\/layanan.lagikreatif.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo-LK-biru.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/case-study-dkst-itb\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lagikreatif.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study DKST ITB\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#website\",\"url\":\"https:\\\/\\\/lagikreatif.com\\\/\",\"name\":\"Lagi Kreatif\",\"description\":\"Your Digital Marketing Partner\",\"publisher\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#\\\/schema\\\/person\\\/be044f199e30f25931461bd323e4f27e\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lagikreatif.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/#\\\/schema\\\/person\\\/be044f199e30f25931461bd323e4f27e\",\"name\":\"Lagi Kreatif\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\",\"url\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\",\"contentUrl\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\",\"width\":123,\"height\":47,\"caption\":\"Lagi Kreatif\"},\"logo\":{\"@id\":\"https:\\\/\\\/lagikreatif.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/Logo-Lagikreatif.png\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study DKST ITB - Lagi Kreatif","description":"Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication & Digital Strategy Client DKST ITB Sektor","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:\/\/lagikreatif.com\/en\/case-study-dkst-itb\/","og_locale":"en_US","og_type":"article","og_title":"Case Study DKST ITB - Lagi Kreatif","og_description":"Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication & Digital Strategy Client DKST ITB Sektor","og_url":"https:\/\/lagikreatif.com\/en\/case-study-dkst-itb\/","og_site_name":"Lagi Kreatif","article_modified_time":"2026-09-04T09:28:32+00:00","og_image":[{"url":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/","url":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/","name":"Case Study DKST ITB - Lagi Kreatif","isPartOf":{"@id":"https:\/\/lagikreatif.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/#primaryimage"},"image":{"@id":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/#primaryimage"},"thumbnailUrl":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png","datePublished":"2026-08-31T06:48:44+00:00","dateModified":"2026-09-04T09:28:32+00:00","description":"Kembali ke Beranda Konsultasi Gratis Case Study DKST ITB (ITB Innovation Park) Branding, Marketing Communication & Digital Strategy Client DKST ITB Sektor","breadcrumb":{"@id":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lagikreatif.com\/case-study-dkst-itb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/#primaryimage","url":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png","contentUrl":"http:\/\/layanan.lagikreatif.com\/wp-content\/uploads\/2026\/08\/logo-LK-biru.png"},{"@type":"BreadcrumbList","@id":"https:\/\/lagikreatif.com\/case-study-dkst-itb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lagikreatif.com\/"},{"@type":"ListItem","position":2,"name":"Case Study DKST ITB"}]},{"@type":"WebSite","@id":"https:\/\/lagikreatif.com\/#website","url":"https:\/\/lagikreatif.com\/","name":"Lagi Kreatif","description":"Your Digital Marketing Partner","publisher":{"@id":"https:\/\/lagikreatif.com\/#\/schema\/person\/be044f199e30f25931461bd323e4f27e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lagikreatif.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/lagikreatif.com\/#\/schema\/person\/be044f199e30f25931461bd323e4f27e","name":"Lagi Kreatif","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png","url":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png","contentUrl":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png","width":123,"height":47,"caption":"Lagi Kreatif"},"logo":{"@id":"https:\/\/lagikreatif.com\/wp-content\/uploads\/2022\/04\/Logo-Lagikreatif.png"}}]}},"_links":{"self":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages\/12091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/comments?post=12091"}],"version-history":[{"count":37,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages\/12091\/revisions"}],"predecessor-version":[{"id":12231,"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/pages\/12091\/revisions\/12231"}],"wp:attachment":[{"href":"https:\/\/lagikreatif.com\/en\/wp-json\/wp\/v2\/media?parent=12091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}