THE AI PRODUCT BLUEPRINT

Desain yang kuat bukan cuma soal screen yang bagus. Tapi soal keputusan yang bisa dipertanggungjawabkan. AI bisa membantu desainer bergerak lebih cepat, tapi kecepatan bukan pengganti cara berpikir

Di kelas ini, kamu akan belajar membangun blueprint desain yang punya jejak keputusan mulai dari membaca brief, mengunci asumsi, merumuskan problem, menyusun HMW, memprioritaskan solusi, melakukan reference scan, menulis PRD, sampai menerjemahkannya menjadi user flow, design system, hi-fi design, dan stakeholder deck, bukan sekadar belajar membuat UI

Kamu belajar bagaimana berpikir, memutuskan, dan menjelaskan kenapa sebuah desain layak dibangun.

Apa Yang Akan Kamu Pelajari?

Fondasi Blueprint Design: Membangun blueprint dari asumsi, reference, dan prioritas, membuat living document, FigJam board, dan PRD, menentukan tool split dan naming convention, menerjemahkan domain dari brief agar bisa divalidasi stakeholder, membuka kembali keputusan lama tanpa kehilangan decision history

Assumptions, Research & Constraints: Mengunci asumsi berdasarkan bahasa asli brief, menentukan kapan sebuah asumsi wajib diriset, menyimpan evidence, kutipan, dan sumber di living document, memastikan platform, format, bahasa, dan deliverable, push back terhadap asumsi yang berisiko tanpa kehilangan konteks

Problem Framing, HMW & Persona: Problem map, HMW, dan persona yang menjadi tulang punggung project.

Prioritas & Solution Concepts: prioritized solution concepts dan affinity map.

Hi-Fi, Domain Audit & Stakeholder Deck: hi-fi design, domain audit, dan stakeholder deck yang siap dipresentasikan.

Kenapa Harus Ikut Kelas Ini?

Karena naik level sebagai desainer bukan cuma tentang bisa membuat UI yang lebih bagus.

The Designer’s Blueprint mengajarkan sistem untuk menjawab pertanyaan-pertanyaan kompleks. AI digunakan untuk mempercepat research, eksplorasi, dan eksekusi tetapi arah, prioritas, dan keputusan tetap berasal dari designer.

Kelas Ini Cocok Untuk

• Product Designer: Yang ingin naik level dari eksekutor screen menjadi designer yang mampu memimpin proses dan keputusan desain

• UI/UX Designer: Yang ingin memahami hubungan antara research, problem framing, requirement, flow, dan interface

• Brand/Visual Designer: Yang ingin masuk lebih dalam ke product thinking dan memahami bagaimana keputusan visual terhubung dengan problem produk

• Senior Designer/Design Lead: Yang ingin punya framework untuk mendokumentasikan reasoning, mengaudit keputusan, dan berkomunikasi dengan stakeholder

• Aspiring Product Strategist: Yang ingin memahami bagaimana sebuah problem diterjemahkan menjadi requirement dan solusi produk

Apa Yang Kamu Dapatkan

• Framework lengkap dari Brief → Problem → HMW → Priority → Solution → Reference → PRD → Flow → Design System → Hi-Fi → Audit → Stakeholder Deck.

• Living Document System

• Problem & HMW Framework

• PRD Framework

• Reference Research System

• User Flow & Design System Framework

• Domain Audit Checklist

• Stakeholder Deck Framework

AI bisa menghasilkan code dalam hitungan detik. Tapi tanpa workflow yang jelas, proses development bisa berubah menjadi trial-and-error: prompt semakin panjang, context semakin berantakan, dan debugging semakin sulit

The Vibe Coding Workflow mengajarkan cara membangun aplikasi dengan AI Agents melalui workflow yang lebih terstruktur dari problem research, planning, context engineering, development, testing, hingga shipping.

Kelas lengkap dan hands-on buat frontend dev/designer yang mau naik level dari "bisa bikin demo pakai AI" jadi "bisa nge-ship produk beneran pakai AI"

Apa yang Akan Kamu Pelajari?

Understanding AI: Menggali problem asli dari sebuah brief, memisahkan requested feature dengan actual problem, memahami perbedaan model vs harness, mengenal berbagai model dan AI development tools, memilih model berdasarkan kebutuhan, bukan sekadar yang paling powerful

Specify the Build: Interview dengan LLM untuk menggali requirement, research aplikasi yang sudah ada, menentukan scope MVP, menentukan apa yang tidak akan dibangun, stress-test specification untuk menemukan edge cases, enulis prompt dan specification yang lebih presisi

Context Engineering: Context system untuk project yang bisa digunakan lintas agent

Build Anti-Slop Screens: Belajar mengontrol output melalui design tokens, typography, spacing system, components & variants, UI states

Database & Security: Database yang terhubung dengan policy per-user + security review checklist

Verification: verification workflow untuk review, test, dan debug AI-generated code.

Kenapa Harus Ikut Kelas Ini?

Because Vibe Coding Without a System Gets Messy Fast. Masalah dalam vibe coding biasanya bukan karena AI tidak bisa menulis kode.

Kelas ini mengajarkan workflow di balik AI-assisted development supaya kamu tidak hanya tahu cara meminta AI membuat sesuatu, tetapi tahu bagaimana mengarahkan, mengontrol, memeriksa, dan membawa hasilnya sampai production.

Kelas Ini Cocok Untuk

Vibe Coder: Yang sudah mencoba membangun dengan AI tetapi mulai menemukan masalah ketika project semakin kompleks.

Developer: Yang ingin mengintegrasikan AI Agents ke dalam software development workflow.

Designer yang ingin build: Yang ingin membawa design dan product idea langsung menjadi functional application.

Product Builder / Founder: Yang ingin mengubah problem dan product idea menjadi MVP yang benar-benar bisa digunakan.

Outcome Setelah Mengikuti Kelas

Satu produk beneran dari nol sampai live:

• Mulai dari nyari masalah asli

• Bikin spec

• Bangun design system + token

• Bikin UI anti-slop

• Sambungin backend yang aman

• Verifikasi dan jadiin portfolio

Di era AI, kemampuan membuat produk digital bukan lagi hanya dimiliki oleh programmer. Dengan pendekatan Vibe Coding, siapa pun kini bisa mengubah ide menjadi website, landing page, atau tools yang benar-benar berfungsi hanya dengan memanfaatkan AI secara efektif.

Di kelas modular self-paced ini, kamu bakal belajar Vibe Coding dari nol, mulai dari mengubah mindset koding manual ke intent-based development, setup tools modern (Warp & Open Claude), trik menghemat biaya token hingga 90%, sampai cara debug dan deploy aplikasi pertamamu secara otomatis.

Kelas ini cocok untuk pemula maupun profesional yang ingin meningkatkan produktivitas dengan bantuan AI.

Apa yang Akan Kamu Pelajari?

6 Modul untuk Membangun Workflow Vibe Coding dari Nol

• Fundamental Vibe Coding: Pahami cara kerja Vibe Coding sebelum mulai coding

• Tools & AI Ecosystem: Bangun environment yang siap untuk AI-assisted development.

• Project Context dengan .md: Bikin AI lebih paham project kamu.

• Token Hacks & Cost Optimization: Cost-per-task, model selection, prompt caching, structured outputs, frontier vs cheap models

• Error Solving & Debugging: Ketika AI mentok, kamu tahu harus ngapain.

• Deployment & Best Practices: Dari project lokal sampai siap di-shipping

Kenapa Harus Ikut Kelas Ini?

Banyak orang mengira Vibe Coding hanya soal meminta AI membuat kode. Padahal, kemampuan yang paling penting adalah mengetahui cara memberikan instruksi yang tepat

AI bisa membantu menulis kode lebih cepat, tapi tanpa workflow yang tepat, kamu justru bisa menghabiskan lebih banyak waktu untuk revisi, debugging, dan mengulang hal yang sama

Di kelas ini, kamu tidak hanya belajar cara memberi prompt ke AI, tetapi juga memahami cara berpikir dan workflow di baliknya mulai dari memberi konteks, membangun fitur, debugging, hingga membawa project sampai siap digunakan.

Apa yang Kamu Dapatkan Setelah Mengikuti Kelas?

• Mengubah ide menjadi technical direction

• Membangun context project yang bisa dipahami AI

• Memilih model berdasarkan kebutuhan task

• Membangun dan melakukan iterasi aplikasi dengan AI

• Menganalisis dan memperbaiki error

• Mengontrol token & biaya

• Melakukan deployment

• Menjaga project tetap maintainable

Kelas Ini Cocok Untuk

• Pemula yang ingin mulai belajar Vibe Coding.

• Freelancer yang ingin bekerja lebih cepat dengan AI.

• Digital Marketer yang ingin membuat landing page tanpa developer.

• UI/UX Designer yang ingin mengubah desain menjadi website.

• Content Creator yang ingin membangun tools sendiri.

• Business Owner dan UMKM yang ingin memanfaatkan AI untuk mengembangkan bisnis.

Tools Section yang Digunakan

• Warp: AI-native terminal & development workflow

• Open Claude: AI coding & agentic workflow

• 9router: Multi-model routing & cost optimization