Source of Truth

SMKarier Knowledge Bank

Dokumentasi inti untuk seluruh tim: developer, product, design, marketing, CS, copywriter, dan AI agents. Dibuat agar keputusan produk, copy, visual, dan teknis tetap sinkron.

Mulai dari peran Buka handbook teknis

MaintainerImam Najmudin

AudienceSeluruh Tim

StatusLiving Document

ModeInternal

BrandSMKarierEkosistem Karier Vokasi Indonesia

TaglineDari Vokasi, Menuju IndustriUniversal brand line

LegalPT SMKarier Inovasi DigitalKBLI 63122

StackLaravel + Filament + LivewireStatic pages migrasi ke Blade

Reading Paths

Mulai dari kebutuhan kerja hari ini.

Knowledge Bank bukan untuk dibaca linear setiap saat. Pilih jalur yang paling dekat dengan tugas Anda.

01Anggota BaruCompany overview, filosofi, roadmap, dan positioning. 02Marketing & CSBrand voice, tone per segment, copy rules, dan data yang boleh dipakai. 03Product TeamSuite, personas, pricing strategy, dan metrics. 04Engineer & AI TeamStack, conventions, deployment, agent routing, dan operational rules.

01 Company Overview

Siapa SMKarier dan kenapa ini dibangun.

SMKarier membangun ekosistem karier vokasi yang menghubungkan lulusan SMK, BKK, perusahaan, LPK, dan agency dalam satu platform terintegrasi.

IdentityPerusahaan

Nama Legal: PT SMKarier Inovasi Digital
Website: smkarier.co.id
Status: Pre-launch, target Juni 2026
KBLI: 63122 - Portal Web dan/atau Platform Digital

PhilosophyHybrid Intelligence

AI digunakan di balik layar untuk efisiensi dan akurasi. Wajah platform tetap manusiawi: hangat, mudah, personal, dan membumi.

AI behind the scenesHuman-first experience

2026Vokasi Indonesia: job matching, BKK, employer.

2027Upskilling dan career development layer.

2028-2029Entrepreneurship dan inkubator bisnis.

2030+Ekspansi regional ke Asia Tenggara.

02 Brand Voice

Teman yang paham industri, bukan guru yang menggurui.

Copy SMKarier harus hangat, percaya diri, praktis, membumi, dan progresif. AI tidak menjadi wajah brand utama.

GunakanFrasa resmi

Ekosistem Karier Vokasi Indonesia
Dari Vokasi, Menuju Industri
Hybrid Intelligence
Terverifikasi, terintegrasi, bersama, komunitas
Tanpa biaya perantara, gratis selamanya

HindariFrasa yang dilarang

Career Operating System
Platform AI #1
AI-powered sebagai identitas utama
Disrupsi, revolusi, terbaik tanpa bukti
Jargon teknis yang mengintimidasi kandidat

Tone per Segment

Segment	Tone	Fokus	Sapaan
Perusahaan / HR	Profesional, data-driven	ROI, efisiensi, kualitas kandidat	Anda
BKK Sekolah	Kolaboratif, supportive	Laporan, alumni terlacak, kemudahan	Anda / kamu
Kandidat	Hangat, encouraging	Harapan, akses, kemudahan	Kamu
LPK	Partnership, profesional	Placement, program, sertifikasi	Anda
Agency	Bisnis, efisien	Volume, dashboard, profesionalisme	Anda

03 Product Architecture

Lima suite, satu ekosistem vokasi.

Platform dibagi menjadi Employer, Candidate, BKK, LPK, dan Agency Suite. Setiap suite punya persona, workflow, dan strategi monetisasi yang berbeda.

architecture.txt

SMKarier Platform
├── Employer Suite  : ATS Trilogy, talent pipeline
├── Candidate Suite : Profil HTML, job matching, career coaching
├── BKK Suite       : Dashboard alumni, monetisasi VA, laporan Dinas
├── LPK Suite       : Program, sertifikasi, placement
└── Agency Suite    : Kelola kandidat klien, apply kolektif

EmployerATS Lite / Middle / Advanced

Posting lowongan, dashboard rekrutmen, kandidat terverifikasi, filter jurusan, status tracking.

CandidateZero PDF Policy

CV kandidat menjadi HTML profile page yang terstruktur, searchable, dan selalu up-to-date.

BKKDashboard Alumni

Tracking status kerja, laporan Dinas, distribusi lowongan, dan monetisasi VA Midtrans.

LPKTraining to Placement

Manajemen program, tracking peserta, sertifikasi, dan placement analytics.

AgencyApply Kolektif

Kelola kandidat klien, apply ke multiple lowongan, tracking status, laporan klien.

04 Design System

Industrial-premium, modern, hangat.

Desain SMKarier memakai teal, emerald, amber, headline Sora, body Plus Jakarta Sans, dan layout bersih dengan whitespace cukup.

Teal#0d9488

Emerald#10b981

Amber#f59e0b

Ink#0f172a

TypographyScale

Sora untuk heading kuat

Plus Jakarta Sans untuk body panjang yang tetap mudah dibaca oleh kandidat, HR, BKK, dan tim internal.

MotionGSAP Guidelines

Fade up 34px ke 0, durasi 0.9s
Hover card translateY(-6px)
Respect prefers-reduced-motion
Animasi tidak boleh menutup konten

05 Developer Handbook

Konvensi teknis agar tim bergerak konsisten.

Handbook berisi stack, naming, Laravel patterns, deployment, red lines, dan command harian. Detail sensitif tetap mengikuti dokumen sumber internal.

Platform Stack

Layer	Technology	Version
Backend CMS	Laravel + Filament	13 + v5
Frontend	Laravel + Livewire + Tailwind + Alpine.js	12 + v3 + v4
Mobile	Flutter Android + Kotlin	Latest
Database	MySQL	8
Cache / Queue	Redis + Laravel Worker	7
Payment	Midtrans	VA, GoPay, QRIS

Red LinesJangan pernah

docker compose down pada service penting
rm -rf tanpa backup
Expose port database ke publik
Push langsung ke main
Deploy tanpa testing

useful-commands.sh

docker logs [container] --since 30m -f
php artisan tinker
php artisan queue:work --tries=3
php artisan optimize:clear

06 AI Agents Playbook

AI bekerja di belakang layar, manusia tetap di depan.

Arsitektur AI memakai Hermes untuk agent personal/memory, OpenClaw untuk volume/CS, n8n untuk automation, Baileys untuk WA, dan OpenWebUI untuk workspace diskusi.

LiveAISyah

Sekretaris pribadi CEO di Hermes.

Config readyMang AI

Asisten teknis dan DevOps.

Pending WAAIna

CS 24/7 untuk HR dan kandidat.

PendingAIrlangga

Career coach untuk kandidat.

PendingAIda

Designer automation via n8n dan Canva API.

agent-architecture.txt

NODE BKK
├── Hermes Agent     : AISyah, Mang AI, AInun, AIrlangga
├── OpenClaw         : AIna, AIman, AIdil
├── n8n              : AIda automation layer
├── Baileys Gateway  : WhatsApp OTP & notification
└── OpenWebUI        : SMKarier-Talk & Think