Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas UI/UX Vibe Coding: Bikin Website Pemesanan Tiket Experience
Kelas Online
UI/UX Vibe Coding: Bikin Website Pemesanan Tiket Experience
Released date September 2025
Last updated March 2026
Member
34 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
36 lessons (4.37 hours)
Develop Your Skills
Bikin website pemesanan tiket yang beneran bisa dipakai dan punya desain kece? Bisa banget, bahkan kalau kamu bukan coder!
Kelas UI/UX + Vibe Coding: Bikin Website Pemesanan Tiket Experience ini dirancang khusus untuk kamu yang ingin belajar dari nol sampai jadi — mulai dari desain antarmuka yang menarik, pengembangan tampilan yang interaktif, hingga integrasi sistem pembayaran dan database layaknya website profesional.
Di sini, kamu nggak akan cuma duduk diam dengerin teori. Kamu akan langsung mendesain, mengembangkan, dan me-launch website pemesanan tiket kamu sendiri. Materinya dirancang agar mudah dipahami, fun, dan langsung relevan ke dunia nyata.
Kamu akan dibimbing untuk:
- Mendesain tampilan UI yang engaging dan friendly untuk pengguna
- Menggunakan tools modern untuk membuat prototipe desain
- Mengembangkan website menggunakan Lovable AI & teknologi web builder
- Menyambungkan sistem pembayaran menggunakan Stripe dan Link
- Membuat struktur database untuk menyimpan data pemesanan tiket
- Mengintegrasikan semuanya menjadi sebuah website yang fungsional dan siap digunakan
Semua prosesnya kamu jalani sambil mengerjakan 1 real project: yaitu membangun sebuah website pemesanan tiket dengan pengalaman pengguna yang lovable — mulai dari pilih destinasi hingga bayar tiket.
Dan jangan khawatir, kamu nggak sendirian. Di kelas ini kamu juga akan dibantu oleh Lovable AI, partner otomatis yang bisa bantu kamu meng-convert desain jadi kode secara instan.
Website yang kamu buat di kelas ini bisa kamu pakai untuk:
- Portfolio profesional
- Prototype startup kamu sendiri
- Atau bahkan langsung launching sebagai produk digital
Jadi, kalau kamu ingin punya project nyata, belajar UI/UX sekaligus implementasinya, dan pengen ngerasain serunya bikin produk digital dari awal sampai akhir — kelas ini untuk kamu.
Sneak Peek
Key Points
UI/UX Design Practice Belajar merancang tampilan website yang engaging dan intuitif dengan pendekatan user-centered.
Design to Development Convert desain jadi website beneran dengan tool no-code & low-code, dibantu AI Lovable.
Payment Integration Implementasi pembayaran dengan Stripe & Link untuk pengalaman checkout yang smooth.
Database Setup Simpan data pemesanan tiket secara aman dan terstruktur.
Real Project-Based Learning Kamu bakal bikin website pemesanan tiket (bukan cuma dummy).
Lovable AI Assistant Boost produktivitas kamu dengan bantuan AI yang siap convert desain ke website.
Designed For
Pemula yang ingin masuk ke dunia UI/UX dan web development
Mahasiswa atau fresh grad yang butuh project nyata untuk portfolio
Kreator atau entrepreneur yang pengen bikin website pemesanan tiket sendiri
Siapa pun yang ingin belajar dari nol hingga publishable website, dengan pendekatan santai & menyenangkan
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Franz
Full-Stack Developer
(13.3K)
Dhimas Prio
Product Designer
(56.8K)
Shofiyyah
UX Designer
Penjelasan materi di kursus ini sangat jelas dan runtut, bahan materi juga sudah disediakan jadi sangat membantu dan memudahkan. Terimakasih tim BWA read more
11 Jan 2026
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software
Supabase
Software
Lovable
Software
Builder Io
Software
Stripe
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 320,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
(1,238)
Full Stack Laravel 12 Developer: SaaS Website Nonton Drama
Rp
2,650,000
Rp
128,000
(202)
NestJS & AWS Serverless Mastery: Web Jual Beli Produk Digital
Rp
690,000
Rp
149,000
(64)
Source Code Microservice NestJS & n8n AI Automation: Web Booking Kosan
Rp
1,250,000
Rp
198,000
(0)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
UI/UX Vibe Coding: Bikin Website Pemesanan Tiket Experience
Videos language: Bahasa Indonesia (Auto-translation available)
-
Introduction Flow UI UX DesignVideo 3 minutes -
Brainstorming Page NeededVideo 7 minutes
-
Collecting Reference, Color and FontVideo 6 minutes
-
Basic Introduction FigmaVideo 17 minutes
-
Introduction Auto LayoutVideo 10 minutes
-
Figma Playground Auto LayoutVideo 13 minutes
-
Import Design AssetVideo 1 minutes
-
Authentication UI ScreenVideo 13 minutes
-
Hero Section Home UI ScreenVideo 11 minutes
-
Destination Card Home UI ScreenVideo 19 minutes
-
Finishing Home UI ScreenVideo 7 minutes
-
Overview and Booking Details UI ScreenVideo 20 minutes
-
Benefit and Search Booking Details UIVideo 9 minutes
-
Form UI ScreenVideo 10 minutes
-
Checkout UI ScreenVideo 12 minutes
-
Success Booking UI ScreenVideo 5 minutes
-
Booking List UI ScreenVideo 9 minutes
-
Ticket Details UI ScreenVideo 12 minutes
-
Create State Progress All ScreenVideo 5 minutes
-
Connecting All ScreenVideo 4 minutes
-
3 Ways Design Handoff to DeveloperVideo 4 minutes
-
Demo ProgramVideo 6 minutes
-
Create Account LovableVideo 1 minutes
-
Create Account StripeVideo 3 minutes
-
Convert HomepageVideo 3 minutes
-
Database Integration (Supabase)Video 2 minutes
-
Login and RegisterVideo 9 minutes
-
Flow Booking and Stripe IntegrationVideo 9 minutes
-
Adjustment My BookingVideo 5 minutes
-
Adjustment My Booking DetailsVideo 4 minutes
-
Adjustment Booking CompleteVideo 3 minutes
-
Adjustmen Booking Form SummaryVideo 3 minutes
-
Adjustment Trip Detail - BannerVideo 3 minutes
-
Adjustment Trip - DescriptionVideo 6 minutes
-
CRUD Supabase Trip DestinasiVideo 6 minutes
-
Publish WebsiteVideo 2 minutes
Member
34
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Bikin website pemesanan tiket yang beneran bisa dipakai dan punya desain kece? Bisa banget, bahkan kalau kamu bukan coder!
Kelas UI/UX + Vibe Coding: Bikin Website Pemesanan Tiket Experience ini dirancang khusus untuk kamu yang ingin belajar dari nol sampai jadi — mulai dari desain antarmuka yang menarik, pengembangan tampilan yang interaktif, hingga integrasi sistem pembayaran dan database layaknya website profesional.
Di sini, kamu nggak akan cuma duduk diam dengerin teori. Kamu akan langsung mendesain, mengembangkan, dan me-launch website pemesanan tiket kamu sendiri. Materinya dirancang agar mudah dipahami, fun, dan langsung relevan ke dunia nyata.
Kamu akan dibimbing untuk:
- Mendesain tampilan UI yang engaging dan friendly untuk pengguna
- Menggunakan tools modern untuk membuat prototipe desain
- Mengembangkan website menggunakan Lovable AI & teknologi web builder
- Menyambungkan sistem pembayaran menggunakan Stripe dan Link
- Membuat struktur database untuk menyimpan data pemesanan tiket
- Mengintegrasikan semuanya menjadi sebuah website yang fungsional dan siap digunakan
Semua prosesnya kamu jalani sambil mengerjakan 1 real project: yaitu membangun sebuah website pemesanan tiket dengan pengalaman pengguna yang lovable — mulai dari pilih destinasi hingga bayar tiket.
Dan jangan khawatir, kamu nggak sendirian. Di kelas ini kamu juga akan dibantu oleh Lovable AI, partner otomatis yang bisa bantu kamu meng-convert desain jadi kode secara instan.
Website yang kamu buat di kelas ini bisa kamu pakai untuk:
- Portfolio profesional
- Prototype startup kamu sendiri
- Atau bahkan langsung launching sebagai produk digital
Jadi, kalau kamu ingin punya project nyata, belajar UI/UX sekaligus implementasinya, dan pengen ngerasain serunya bikin produk digital dari awal sampai akhir — kelas ini untuk kamu.
read more
Learn With Expert
Key Points
-
UI/UX Design Practice Belajar merancang tampilan website yang engaging dan intuitif dengan pendekatan user-centered.
-
Design to Development Convert desain jadi website beneran dengan tool no-code & low-code, dibantu AI Lovable.
-
Payment Integration Implementasi pembayaran dengan Stripe & Link untuk pengalaman checkout yang smooth.
-
Database Setup Simpan data pemesanan tiket secara aman dan terstruktur.
-
Real Project-Based Learning Kamu bakal bikin website pemesanan tiket (bukan cuma dummy).
-
Lovable AI Assistant Boost produktivitas kamu dengan bantuan AI yang siap convert desain ke website.
Created For
-
Pemula yang ingin masuk ke dunia UI/UX dan web development
-
Mahasiswa atau fresh grad yang butuh project nyata untuk portfolio
-
Kreator atau entrepreneur yang pengen bikin website pemesanan tiket sendiri
-
Siapa pun yang ingin belajar dari nol hingga publishable website, dengan pendekatan santai & menyenangkan
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
34
Happy Students
Happy Students
Shofiyyah
UX Designer
Penjelasan materi di kursus ini sangat jelas dan runtut, bahan materi juga sudah disediakan jadi sangat membantu dan memudahkan. Terimakasih tim BWA
11 Jan 2026
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
