Rizal OS
3D OfficeCase StudiesProjectsLab SistemExperience
Lihat di 3D Office
Product/SaaSAIProduction Live & Monorepo

Employr — Career Workspace & ATS-Friendly CV Builder Platform

PeranProduct & Full-Stack System Architect
Periode2025 — 2026
Status RilisProduction Live & Monorepo
Peringkat DampakTop Tier #3
Demo Alur Kerja Terpadu Platform EmployrInteractive Demo

Rekaman demo showcase landing page ("Satu alur rapi, langsung terasa bedanya") — penyusunan CV ATS dan manajemen lamaran.

01. Ringkasan Eksekutif & Konteks

Employr adalah ekosistem karir terpadu yang dirancang bagi talenta muda Indonesia (lulusan SMA, SMK, dan Mahasiswa) untuk menyusun CV berstandar ATS, memantau puluhan proses lamaran kerja di satu papan Kanban, serta mengeksplorasi loker terverifikasi.

Pencari kerja pemula di Indonesia kerap mengalami penolakan otomatis dari sistem ATS perusahaan akibat tata letak CV yang salah format, sekaligus kesulitan melacak status pengiriman lamaran yang tercecer di berbagai job portal.

02. Masalah Operasional & Kendala Teknis

Akar Masalah yang Dihadapi:

Platform CV maker yang ada mengenakan biaya langganan bulanan mahal (subscription model), menggunakan server-side PDF generator (Puppeteer) yang memakan RAM server sangat tinggi, dan membatasi jumlah lamaran yang dapat dipantau pengguna gratis.

Batasan & Hambatan Proyek:

  • ⚠Infrastruktur backend dibatasi anggaran RAM VPS 8GB (PostgreSQL, Redis, PgBouncer, SeaweedFS, pure Node worker). Server-side headless browser dilarang keras.
  • ⚠Copywriting antarmuka ramah pengguna lokal (Bahasa Indonesia kasual santun, tanpa istilah AI/LLM/Prompt/Subscription yang membingungkan).

03. Target & Sasaran Eksekusi

Target 01

Menghadirkan model Lifetime Membership sekali bayar selamanya (bukan langganan bulanan) dengan harga terjangkau mulai Rp19.000.

Target 02

Mengembangkan arsitektur client-side rendering (JSON -> React -> HTML Preview -> Print PDF Ctrl+P) yang hemat memori server dan zero CPU server overhead.

Target 03

Menyediakan fitur Job Tracker tanpa batas (unlimited applications) untuk semua pengguna serta integrasi portal loker informasional.

04. Tanggung Jawab & Kolaborasi Tim

Tanggung Jawab Utama PM:

  • →Merancang arsitektur monorepo Turborepo + pnpm workspaces yang memisahkan aplikasi web, dashboard, portal-loker, admin, dan package bersama.
  • →Mengimplementasikan tRPC v11 untuk type-safe API routing, Better Auth untuk session cookie lintas subdomain, dan Prisma ORM dengan PostgreSQL.
  • →Membangun komponen preview CV ramah cetak (print.css) dengan validasi margin, typography Geist/Inter, dan struktur ATS terverifikasi.

Stakeholder & Tim Terkait:

  • •1 Product & Full-Stack System Architect (Rizal)
  • •2 Full-Stack Developers & 1 UI/UX Designer
  • •Career Mentors, Early-Career Job Seekers & Partner Recruiters

05. Keputusan Arsitektur & Trade-Offs

Keputusan #1:Client-side PDF generation via native browser print engine (Ctrl+P / window.print) dengan CSS print stylesheet khusus.
Rasionalisasi: Mengeliminasi kebutuhan Headless Chrome / Puppeteer di server VPS yang biasanya memakan 1-2GB RAM per concurrent render.
Trade-off: Tata letak cetak harus dikontrol ketat melalui CSS media print dan page-break rules.
Keputusan #2:Model bisnis Lifetime Member sekali bayar, tanpa subscription bulanan atau tahunan.
Rasionalisasi: Sesuai dengan daya beli kelompok usia 16-24 tahun di Indonesia yang enggan terikat tagihan berulang.
Trade-off: Monetisasi bertumpu pada volume akuisisi pengguna baru dan penawaran paket optimasi karir lanjutan.

06. Roadmap Eksekusi & Hasil per Fase

FaseFase 1: Fondasi Monorepo & Kontrak Data
DeliverableSetup Turborepo, schema Prisma PostgreSQL, dan tRPC routers
HasilFondasi type-safe siap pakai di seluruh aplikasi web, dashboard, dan admin.
FaseFase 2: CV Builder & Job Tracker Kanban
DeliverableEditor CV real-time, print engine CSS, dan Kanban board lamaran
HasilPengguna dapat membuat CV ATS dalam 5 menit dan memantau status lamaran.
FaseFase 3: Multi-Subdomain Auth & Midtrans Payment
DeliverableBetter Auth cross-subdomain cookie dan integrasi webhook Midtrans
HasilPengalaman login mulus dari landing page ke dashboard dengan transaksi otomatis.

07. Hasil Terverifikasi & Dampak Nyata

✓

Menghasilkan platform CV builder ramah ATS dengan efisiensi resource server tertinggi (berjalan mulus pada VPS RAM 8GB).

✓

Memproses ribuan lamaran yang dipantau melalui fitur Tracker tanpa batas secara rapi oleh para job seeker muda.

✓

Arsitektur monorepo modular memfasilitasi penambahan modul karir dan pembelajaran di masa depan secara independen.

08. Retrospektif & Pembelajaran

  • 💡Memanfaatkan kemampuan native browser seperti CSS Print Engine jauh lebih handal, murah, dan scalable dibanding menjalankan instance headless browser di server.

09. Bukti Visual & Tangkapan Layar

Employr ATS CV Studio & Application Tracker
Employr ATS CV Studio & Application TrackerPenyusunan CV ramah ATS berbasis client-side print rendering tanpa Puppeteer.

10. Bukti Terverifikasi & Artefak Sistem

video

Video Demo Showcase Alur Kerja Employr

Demonstrasi alur pembuatan CV ramah ATS dan Kanban Tracker dari landing page resmi ("Satu alur rapi, langsung terasa bedanya").

  • ✓Format: MP4 Video (H.264)
  • ✓Alur: Buat CV ATS -> Preview -> Kanban Tracker
  • ✓Satu alur rapi, langsung terasa bedanya
link

Live Platform Employr

Landing page dan ekosistem karir Employr live di internet.

  • ✓Business Model: Lifetime Member (Sekali Bayar)
  • ✓Architecture: Next.js 15 App Router + Turborepo Monorepo
  • ✓Database: Self-Hosted PostgreSQL + PgBouncer + Prisma
diagram

Client-Side Print PDF Architecture

Alur JSON State -> React Component Preview -> Native Browser Print PDF Engine.

  • ✓Server CPU: 0% PDF Overhead
  • ✓Zero Puppeteer / Chrome Server Dependency
← Kembali ke Semua Studi KasusBuka Kasus Ini di 3D Virtual Office↗