{"id":18281,"date":"2025-10-14T04:52:41","date_gmt":"2025-10-14T04:52:41","guid":{"rendered":"https:\/\/hucle-consulting.com\/?page_id=18281"},"modified":"2025-10-14T05:00:43","modified_gmt":"2025-10-14T05:00:43","slug":"sistem-remunerasi-struktur-gaji-tunjangan-dan-insentif","status":"publish","type":"page","link":"https:\/\/hucle-consulting.com\/?page_id=18281","title":{"rendered":"SISTEM REMUNERASI (STRUKTUR GAJI, TUNJANGAN, DAN INSENTIF)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18281\" class=\"elementor elementor-18281\">\n\t\t\t\t<div class=\"no-position  elementor-element elementor-element-39a534d e-flex e-con-boxed e-con e-parent\" data-id=\"39a534d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"no-position  elementor-element elementor-element-23e4f96 e-flex e-con-boxed e-con e-parent\" data-id=\"23e4f96\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c339a70 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"c339a70\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"remuneration-container\">\n    <style>\n        .remuneration-container {\n            background: #ffffff;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            line-height: 1.6;\n            width: 100%;\n        }\n        \n        .remuneration-container * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .gradient-bg {\n            background: linear-gradient(135deg, #fef3c7 0%, #fbbf24 100%);\n            padding: 4rem 1rem;\n            text-align: center;\n        }\n        \n        .hero-icon {\n            width: 120px;\n            height: 120px;\n            margin: 0 auto 2rem;\n            background: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 4px solid #f59e0b;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n            animation: pulse-anim 2s infinite;\n        }\n        \n        @keyframes pulse-anim {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n        }\n        \n        .hero-icon svg {\n            width: 60px;\n            height: 60px;\n            fill: #f59e0b;\n        }\n        \n        .hero-title {\n            font-size: 2.5rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 1rem;\n        }\n        \n        .hero-subtitle {\n            font-size: 1.25rem;\n            color: #374151;\n            font-weight: 500;\n        }\n        \n        .content-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 3rem 1rem;\n        }\n        \n        .intro-box {\n            background: #fffbeb;\n            border-radius: 1rem;\n            padding: 2rem;\n            margin-bottom: 3rem;\n            border-left: 8px solid #fbbf24;\n            display: flex;\n            gap: 1.5rem;\n            align-items: flex-start;\n        }\n        \n        .intro-icon {\n            flex-shrink: 0;\n            width: 64px;\n            height: 64px;\n        }\n        \n        .intro-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: #d97706;\n        }\n        \n        .intro-content h2 {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 1rem;\n        }\n        \n        .intro-content p {\n            color: #374151;\n            margin-bottom: 1rem;\n            line-height: 1.8;\n        }\n        \n        .section-title {\n            font-size: 2rem;\n            font-weight: bold;\n            color: #1f2937;\n            text-align: center;\n            margin-bottom: 2rem;\n        }\n        \n        .component-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 1.5rem;\n            margin-bottom: 3rem;\n        }\n        \n        .component-card {\n            background: white;\n            border-radius: 1rem;\n            padding: 2rem;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n            border: 2px solid #fde68a;\n            text-align: center;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .component-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px rgba(0,0,0,0.15);\n        }\n        \n        .component-icon {\n            width: 64px;\n            height: 64px;\n            margin: 0 auto 1rem;\n        }\n        \n        .component-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: #d97706;\n        }\n        \n        .component-card h3 {\n            font-size: 1.25rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 0.75rem;\n        }\n        \n        .component-card p {\n            color: #6b7280;\n            font-size: 0.95rem;\n        }\n        \n        .key-message {\n            background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n            border-radius: 1rem;\n            padding: 2rem;\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n        \n        .key-message-icon {\n            width: 80px;\n            height: 80px;\n            margin: 0 auto 1rem;\n        }\n        \n        .key-message-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: #b45309;\n        }\n        \n        .key-message h3 {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: #1f2937;\n            margin-bottom: 1rem;\n        }\n        \n        .key-message p {\n            font-size: 1.1rem;\n            color: #374151;\n            max-width: 900px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n        \n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 1.5rem;\n            margin-bottom: 3rem;\n        }\n        \n        .service-card {\n            background: white;\n            border-radius: 1rem;\n            padding: 1.5rem;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            border-left: 4px solid #fbbf24;\n            transition: box-shadow 0.3s ease;\n        }\n        \n        .service-card:hover {\n            box-shadow: 0 8px 16px rgba(0,0,0,0.15);\n        }\n        \n        .service-header {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            margin-bottom: 0.75rem;\n        }\n        \n        .service-label {\n            background: #fef3c7;\n            color: #92400e;\n            font-weight: bold;\n            font-size: 0.875rem;\n            padding: 0.25rem 0.75rem;\n            border-radius: 9999px;\n            flex-shrink: 0;\n        }\n        \n        .service-header h4 {\n            font-weight: 600;\n            color: #1f2937;\n            font-size: 1rem;\n        }\n        \n        .service-card p {\n            color: #6b7280;\n            font-size: 0.875rem;\n            line-height: 1.6;\n        }\n        \n        .cta-box {\n            background: linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);\n            border-radius: 1rem;\n            padding: 3rem 2rem;\n            text-align: center;\n        }\n        \n        .cta-icon {\n            width: 64px;\n            height: 64px;\n            margin: 0 auto 1rem;\n        }\n        \n        .cta-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: white;\n        }\n        \n        .cta-box h3 {\n            font-size: 1.75rem;\n            font-weight: bold;\n            color: white;\n            margin-bottom: 1rem;\n        }\n        \n        .cta-box p {\n            font-size: 1.1rem;\n            color: white;\n            margin-bottom: 1.5rem;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .cta-button {\n            background: white;\n            color: #d97706;\n            font-weight: bold;\n            padding: 0.875rem 2rem;\n            border-radius: 9999px;\n            border: none;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: background 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }\n        \n        .cta-button:hover {\n            background: #f9fafb;\n        }\n        \n        @media (max-width: 768px) {\n            .hero-title {\n                font-size: 2rem;\n            }\n            \n            .hero-subtitle {\n                font-size: 1rem;\n            }\n            \n            .intro-box {\n                flex-direction: column;\n            }\n            \n            .component-grid,\n            .services-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n\n    <!-- Hero Section -->\n    <div class=\"gradient-bg\">\n        <div class=\"hero-icon\">\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z\"\/>\n            <\/svg>\n        <\/div>\n        \n        <h1 class=\"hero-title\">SISTEM REMUNERASI<\/h1>\n        <p class=\"hero-subtitle\">STRUKTUR GAJI, TUNJANGAN, DAN INSENTIF<\/p>\n    <\/div>\n\n    <!-- Main Content -->\n    <div class=\"content-wrapper\">\n        <!-- Introduction Section -->\n        <div class=\"intro-box\">\n            <div class=\"intro-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"intro-content\">\n                <h2>Tujuan Sistem Remunerasi Efektif<\/h2>\n                <p>\n                    Dalam sebuah Sistem SDM yang efektif, setiap elemen didesain untuk mampu memaksimalkan kualitas SDM organisasi. Sistem penggajian atau remunerasi sebagai salah satu elemen sistem SDM harus menunjukkan efektivitas dan kontribusinya terhadap organisasi, yakni dalam hal: <strong>menarik, mempertahankan, dan memotivasi SDM<\/strong> untuk mencapai kinerja tinggi.\n                <\/p>\n                <p>\n                    Selain dari kenyataan diatas bahwa pengelolaan kompensasi mempunyai dampak bisnis yang besar, terdapat aspek lain yang tidak kalah penting. <strong>Aspek legal<\/strong> atau yang terkait dengan perundang-undangan adalah alasan lain mengapa sistem manajemen kompensasi mutlak ditangani dengan benar.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Komponen Sistem Section -->\n        <h2 class=\"section-title\">Komponen Sistem Remunerasi<\/h2>\n        <div class=\"component-grid\">\n            <!-- Gaji Pokok -->\n            <div class=\"component-card\">\n                <div class=\"component-icon\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z\"\/>\n                    <\/svg>\n                <\/div>\n                <h3>Gaji Pokok<\/h3>\n                <p>Komponen tetap berdasarkan jabatan dan tanggung jawab (Pay for Job)<\/p>\n            <\/div>\n\n            <!-- Tunjangan -->\n            <div class=\"component-card\">\n                <div class=\"component-icon\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n                    <\/svg>\n                <\/div>\n                <h3>Tunjangan<\/h3>\n                <p>Benefit tambahan seperti kesehatan, transportasi, dan fasilitas lainnya<\/p>\n            <\/div>\n\n            <!-- Insentif -->\n            <div class=\"component-card\">\n                <div class=\"component-icon\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z\"\/>\n                    <\/svg>\n                <\/div>\n                <h3>Insentif & Bonus<\/h3>\n                <p>Komponen variabel berdasarkan kinerja (Pay for Performance)<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Key Message -->\n        <div class=\"key-message\">\n            <div class=\"key-message-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/>\n                <\/svg>\n            <\/div>\n            <h3>Pentingnya Komposisi yang Tepat<\/h3>\n            <p>\n                Penentuan komposisi yang tepat akan efektif meningkatkan motivasi kerja, sebaliknya komposisi yang tidak tepat akan berdampak pada demotivasi atau frustasi karyawan. Walaupun sangat kompleks karena mempertimbangkan banyak hal, membangun sistem penggajian yang efektif merupakan keniscayaan.\n            <\/p>\n        <\/div>\n\n        <!-- Services Section -->\n        <h2 class=\"section-title\">Layanan Konsultasi Kami<\/h2>\n        <div class=\"services-grid\">\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">A<\/span>\n                    <h4>Komposisi Gaji<\/h4>\n                <\/div>\n                <p>Menentukan komposisi gaji (gaji pokok, tunjangan, insentif & bonus)<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">B<\/span>\n                    <h4>Struktur Gaji<\/h4>\n                <\/div>\n                <p>Menentukan sistem struktur gaji yang sesuai organisasi<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">C<\/span>\n                    <h4>Tingkatan Nilai Gaji<\/h4>\n                <\/div>\n                <p>Menentukan tingkatan nilai gaji (spread, compa ratio, progression)<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">D<\/span>\n                    <h4>Benchmarking<\/h4>\n                <\/div>\n                <p>Kebijakan tingkat gaji dengan mempertimbangkan nilai pasar<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">E<\/span>\n                    <h4>Sistem Insentif<\/h4>\n                <\/div>\n                <p>Merancang sistem dan besaran insentif untuk meningkatkan motivasi<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">F<\/span>\n                    <h4>Penyesuaian Gaji<\/h4>\n                <\/div>\n                <p>Penyesuaian gaji akibat kenaikan UMK dan perbedaan kinerja<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">G<\/span>\n                    <h4>Kalkulasi Total Gaji<\/h4>\n                <\/div>\n                <p>Menghitung total gaji yang harus ditanggung organisasi<\/p>\n            <\/div>\n\n            <div class=\"service-card\">\n                <div class=\"service-header\">\n                    <span class=\"service-label\">H<\/span>\n                    <h4>Implementasi<\/h4>\n                <\/div>\n                <p>Pendampingan dalam mengimplementasikan sistem remunerasi<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Call to Action -->\n        <div class=\"cta-box\">\n            <div class=\"cta-icon\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n                <\/svg>\n            <\/div>\n            <h3>Siap Membangun Sistem Remunerasi yang Efektif?<\/h3>\n            <p>\n                Kami siap memandu, memberikan rekomendasi, dan mengevaluasi sistem penggajian yang sesuai dengan kebutuhan organisasi Anda.\n            <\/p>\n            <button class=\"cta-button\">Konsultasi Sekarang<\/button>\n        <\/div>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>SISTEM REMUNERASI STRUKTUR GAJI, TUNJANGAN, DAN INSENTIF Tujuan Sistem Remunerasi Efektif Dalam sebuah Sistem SDM yang efektif, setiap elemen didesain untuk mampu memaksimalkan kualitas SDM organisasi. Sistem penggajian atau remunerasi sebagai salah satu elemen sistem SDM harus menunjukkan efektivitas dan kontribusinya terhadap organisasi, yakni dalam hal: menarik, mempertahankan, dan memotivasi SDM untuk mencapai kinerja tinggi&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18281","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages\/18281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18281"}],"version-history":[{"count":10,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages\/18281\/revisions"}],"predecessor-version":[{"id":18292,"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=\/wp\/v2\/pages\/18281\/revisions\/18292"}],"wp:attachment":[{"href":"https:\/\/hucle-consulting.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}