VESCARE | Company Profile<\/title>\n <style>\n :root{\n --bg: #0b1220;\n --card:#111a2e;\n --muted:#9fb0d0;\n --text:#eaf1ff;\n --brand:#ffcc00;\n --brand2:#00d4ff;\n --line: rgba(255,255,255,.12);\n --shadow: 0 10px 30px rgba(0,0,0,.35);\n --radius: 16px;\n --radius2: 24px;\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;\n background: radial-gradient(1200px 700px at 20% 0%, rgba(0,212,255,.18), transparent 60%),\n radial-gradient(900px 600px at 80% 10%, rgba(255,204,0,.18), transparent 55%),\n var(--bg);\n color:var(--text);\n line-height:1.6;\n }\n a{color:inherit; text-decoration:none}\n .container{max-width:1100px; margin:0 auto; padding:24px;}\n .topbar{\n display:flex; justify-content:space-between; align-items:center;\n padding:14px 0 28px;\n border-bottom:1px solid var(--line);\n }\n .brand{\n display:flex; gap:12px; align-items:center;\n }\n .logo{\n width:44px; height:44px; border-radius:14px;\n background: linear-gradient(135deg, var(--brand2), var(--brand));\n display:grid; place-items:center;\n box-shadow: var(--shadow);\n font-weight:900;\n color:#041018;\n }\n .brand h1{font-size:16px; margin:0; letter-spacing:.3px}\n .brand p{margin:2px 0 0; color:var(--muted); font-size:12.5px}\n .nav{\n display:flex; gap:14px; flex-wrap:wrap;\n }\n .nav a{\n padding:10px 12px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--muted);\n background: rgba(255,255,255,.02);\n transition:.2s ease;\n font-size:13px;\n }\n .nav a:hover{color:var(--text); border-color: rgba(255,255,255,.25)}\n .hero{\n display:grid; grid-template-columns: 1.25fr .75fr; gap:18px; align-items:stretch;\n padding:26px 0;\n }\n @media (max-width: 900px){ .hero{grid-template-columns:1fr} }\n .hero-card{\n background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\n border:1px solid var(--line);\n border-radius: var(--radius2);\n box-shadow: var(--shadow);\n padding:22px;\n position:relative;\n overflow:hidden;\n }\n .hero-card:before{\n content:\"\";\n position:absolute; inset:-2px;\n background: radial-gradient(650px 260px at 20% 0%, rgba(255,204,0,.18), transparent 60%),\n radial-gradient(650px 260px at 80% 10%, rgba(0,212,255,.18), transparent 60%);\n pointer-events:none;\n opacity:.9;\n }\n .hero-card > *{position:relative; z-index:1}\n .badge-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px}\n .badge{\n font-size:12px;\n padding:8px 10px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--muted);\n background: rgba(255,255,255,.02);\n }\n .badge strong{color:var(--text)}\n .hero h2{margin:10px 0 8px; font-size:26px}\n .hero p{color:var(--muted); margin:0 0 14px}\n .cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}\n .btn{\n padding:12px 14px;\n border-radius:14px;\n border:1px solid var(--line);\n background: rgba(255,255,255,.03);\n color:var(--text);\n font-weight:700;\n cursor:pointer;\n transition:.2s ease;\n display:inline-flex; align-items:center; gap:10px;\n }\n .btn:hover{transform: translateY(-2px); border-color: rgba(255,255,255,.3)}\n .btn.primary{\n background: linear-gradient(135deg, rgba(0,212,255,.25), rgba(255,204,0,.22));\n border-color: rgba(255,255,255,.22);\n }\n .side-card{\n background: rgba(255,255,255,.03);\n border:1px solid var(--line);\n border-radius: var(--radius2);\n box-shadow: var(--shadow);\n padding:18px;\n display:flex; flex-direction:column; gap:12px;\n }\n .side-card h3{margin:0; font-size:16px}\n .side-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px}\n .side-item{\n border:1px solid var(--line);\n background: rgba(0,0,0,.12);\n border-radius:14px;\n padding:12px;\n display:flex; gap:10px; align-items:flex-start;\n }\n .dot{\n width:10px; height:10px; border-radius:50%;\n background: var(--brand2);\n margin-top:6px;\n box-shadow: 0 0 0 4px rgba(0,212,255,.15);\n flex:0 0 auto;\n }\n .side-item:nth-child(2) .dot{background: var(--brand); box-shadow: 0 0 0 4px rgba(255,204,0,.15)}\n .side-item:nth-child(3) .dot{background: #7c5cff; box-shadow: 0 0 0 4px rgba(124,92,255,.2)}\n .side-item strong{display:block; font-size:13.5px}\n .side-item span{color:var(--muted); font-size:13px}\n section{padding:18px 0}\n .section-title{\n display:flex; align-items:center; justify-content:space-between; gap:12px;\n margin:12px 0 14px;\n }\n .section-title h3{margin:0; font-size:18px}\n .section-title p{margin:0; color:var(--muted); font-size:13px}\n .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:14px}\n @media (max-width: 900px){ .grid-2{grid-template-columns:1fr} }\n .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}\n @media (max-width: 1100px){ .grid-3{grid-template-columns:1fr} }\n .card{\n border:1px solid var(--line);\n background: rgba(255,255,255,.02);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding:16px;\n }\n .card h4{margin:0 0 8px; font-size:15px}\n .muted{color:var(--muted)}\n ul.clean{margin:0; padding-left:18px}\n ul.clean li{margin:6px 0}\n .table{\n width:100%;\n border-collapse:collapse;\n overflow:hidden;\n border-radius:14px;\n border:1px solid var(--line);\n }\n .table th,.table td{\n padding:12px 10px;\n border-bottom:1px solid var(--line);\n vertical-align:top;\n }\n .table th{\n background: rgba(255,255,255,.04);\n text-align:left;\n color:var(--text);\n font-size:13.5px;\n }\n .table td{color:var(--muted); font-size:13.5px}\n .table tr:last-child td{border-bottom:none}\n .kpi-row{display:flex; gap:12px; flex-wrap:wrap}\n .kpi{\n flex:1;\n min-width:220px;\n border:1px solid var(--line);\n background: rgba(0,0,0,.12);\n border-radius: 16px;\n padding:14px;\n }\n .kpi strong{font-size:20px; display:block}\n .kpi span{color:var(--muted); font-size:13px}\n footer{\n padding:26px 0 40px;\n border-top:1px solid var(--line);\n margin-top:12px;\n color:var(--muted);\n font-size:13px;\n }\n .split{\n display:grid; grid-template-columns:1fr 1fr; gap:14px;\n }\n @media (max-width: 900px){ .split{grid-template-columns:1fr} }\n .diagram{\n display:flex; flex-direction:column; gap:10px;\n }\n .node{\n border:1px solid var(--line);\n border-radius: 16px;\n padding:12px;\n background: rgba(255,255,255,.02);\n position:relative;\n }\n .node .label{\n font-weight:900; font-size:14px;\n display:flex; align-items:center; gap:10px;\n margin-bottom:6px;\n }\n .chip{\n padding:6px 10px; border-radius:999px;\n border:1px solid var(--line);\n color:var(--muted);\n font-size:12.5px;\n background: rgba(255,255,255,.02);\n display:inline-flex; align-items:center; gap:8px;\n }\n .arrow{\n text-align:center; color:var(--muted); font-size:18px;\n margin:-6px 0;\n }\n .highlight{\n border:1px solid rgba(255,255,255,.22);\n background: linear-gradient(180deg, rgba(255,204,0,.10), rgba(0,212,255,.06));\n color:var(--text);\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n\n \n <header class=\"topbar\">\n <div class=\"brand\">\n <div class=\"logo\">V<\/div>\n <div>\n <h1>VESCARE<\/h1>\n <p>Company Profile \u2022 Aplikasi Mobile Hybrid<\/p>\n <\/div>\n <\/div>\n <nav class=\"nav\">\n <a href=\"#problem\">\ud83c\udfaf Masalah<\/a>\n <a href=\"#requirements\">\ud83e\udde9 Requirement<\/a>\n <a href=\"#features\">\u2728 Fitur<\/a>\n <a href=\"#architecture\">\ud83c\udfd7\ufe0f Arsitektur<\/a>\n <a href=\"#swot-bmc\">\ud83d\udcca SWOT & BMC<\/a>\n <a href=\"#audience\">\ud83d\udce3 Audience<\/a>\n <a href=\"#monetization\">\ud83d\udcb3 Monetisasi<\/a>\n <a href=\"#pricing\">\ud83d\udc8e Pricing<\/a>\n <\/nav>\n <\/header>\n\n \n <div class=\"hero\">\n <div class=\"hero-card\">\n <div class=\"badge-row\">\n <div class=\"badge\">\ud83d\udee0\ufe0f Tipe: <strong>Hybrid (Native-like)<\/strong><\/div>\n <div class=\"badge\">\ud83d\udccd Fokus: <strong>Vespa Klasik<\/strong><\/div>\n <div class=\"badge\">\ud83e\udded Use Case: <strong>Cari Bengkel + Manajemen Perawatan<\/strong><\/div>\n <\/div>\n\n <h2>VESCARE: Perancangan Aplikasi Mobile untuk Pencarian Bengkel dan Manajemen Perawatan Vespa Klasik Berbasis Hybrid<\/h2>\n <p>\n VESCARE membantu komunitas dan pemilik Vespa klasik menemukan bengkel terpercaya serta\n mengelola jadwal perawatan, catatan servis, dan rekomendasi kebutuhan agar kendaraan tetap prima.\n <\/p>\n\n <div class=\"cta-row\">\n <a class=\"btn primary\" href=\"#problem\">\n \ud83d\ude80 Lihat Ide & Penyelesaian Masalah\n <\/a>\n <a class=\"btn\" href=\"#features\">\n \u2728 Lihat Fitur Utama\n <\/a>\n <\/div>\n <\/div>\n\n <aside class=\"side-card\">\n <h3>\ud83d\udc65 Tim & Koordinasi<\/h3>\n <ul class=\"side-list\">\n <li class=\"side-item\">\n <span class=\"dot\"><\/span>\n <div>\n <strong>PIC 1: Kamal<\/strong>\n <span>Penanggung jawab bagian analisa & implementasi awal<\/span>\n <\/div>\n <\/li>\n <li class=\"side-item\">\n <span class=\"dot\"><\/span>\n <div>\n <strong>PIC 2: Vista<\/strong>\n <span>Penanggung jawab desain fitur, requirement, dan testing<\/span>\n <\/div>\n <\/li>\n <li class=\"side-item\">\n <span class=\"dot\"><\/span>\n <div>\n <strong>Deployment<\/strong>\n <span>Tool bisa manual \/ aapanel \/ vestacp \/ easypanel (sesuai server)<\/span>\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"kpi-row\">\n <div class=\"kpi\">\n <strong>Hybrid<\/strong>\n <span>Ekosistem mobile multi-platform<\/span>\n <\/div>\n <div class=\"kpi\">\n <strong>Berbasis Komunitas<\/strong>\n <span>Rating, review, dan data bengkel<\/span>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n\n \n <section id=\"problem\">\n <div class=\"section-title\">\n <h3>\ud83c\udfaf Penyelesaian Masalah<\/h3>\n <p>Ide aplikasi + dampak pengguna<\/p>\n <\/div>\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>Masalah yang diselesaikan<\/h4>\n <ul class=\"clean\">\n <li>Kesulitan menemukan bengkel Vespa klasik yang benar-benar sesuai kebutuhan.<\/li>\n <li>Info kualitas bengkel (rating\/review) belum terpusat & sulit diverifikasi.<\/li>\n <li>Pemilik sering lupa jadwal servis dan perawatan berkala.<\/li>\n <li>Catatan servis tidak rapi \u2192 menyulitkan monitoring riwayat kendaraan.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card highlight\">\n <h4>Solusi dari VESCARE<\/h4>\n <ul class=\"clean\">\n <li>Fitur pencarian bengkel + informasi kontak, lokasi, spesialisasi, dan rating.<\/li>\n <li>Manajemen perawatan: jadwal servis, pengingat, dan riwayat servis.<\/li>\n <li>Profil kendaraan & kebutuhan (oli, kampas, tune-up, dll) untuk rekomendasi.<\/li>\n <li>Transparansi lewat feedback pengguna untuk meningkatkan kepercayaan.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"requirements\">\n <div class=\"section-title\">\n <h3>\ud83e\udde9 Analisa Requirement<\/h3>\n <p>Kebutuhan sistem (fungsional & non-fungsional)<\/p>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>Functional Requirements<\/h4>\n <ul class=\"clean\">\n <li>Registrasi\/login pengguna.<\/li>\n <li>Pencarian bengkel berdasarkan lokasi (maps), kategori, dan rating.<\/li>\n <li>Detail bengkel: kontak, jam buka, layanan, dan review.<\/li>\n <li>Manajemen kendaraan: tambah model, tahun, varian, dan plat (opsional).<\/li>\n <li>Jadwal perawatan berkala + notifikasi\/pengingat.<\/li>\n <li>Riwayat servis: catatan, foto bukti, biaya, dan status pengerjaan.<\/li>\n <li>Ulasan & rating bengkel setelah servis.<\/li>\n <li>Role: User dan Bengkel (opsional untuk sistem terdaftar).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>Non-Functional Requirements<\/h4>\n <ul class=\"clean\">\n <li>Kecepatan: halaman pencarian dan detail bengkel responsif.<\/li>\n <li>Keamanan: validasi input + proteksi akun (token\/JWT).<\/li>\n <li>Reliability: penyimpanan data riwayat servis konsisten.<\/li>\n <li>Usability: antarmuka sederhana untuk pengguna komunitas.<\/li>\n <li>Availability: sistem tetap berjalan untuk kebutuhan harian.<\/li>\n <li>Compatibility: berjalan di Android (prioritas) & iOS (jika perlu).<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\">\n <div class=\"section-title\">\n <h3>\u2728 Fitur-Fitur Utama<\/h3>\n <p>Rangkuman fitur berdasarkan kebutuhan pengguna<\/p>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <h4>\ud83d\udd0e Pencarian Bengkel<\/h4>\n <ul class=\"clean\">\n <li>Lokasi berbasis peta & jarak.<\/li>\n <li>Filter layanan & spesialisasi Vespa klasik.<\/li>\n <li>Rating dan ulasan pengguna.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83d\uddd3\ufe0f Manajemen Perawatan<\/h4>\n <ul class=\"clean\">\n <li>Pengingat jadwal servis berkala.<\/li>\n <li>Checklist perawatan.<\/li>\n <li>Notifikasi (push) atau reminder in-app.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83e\uddfe Riwayat Servis<\/h4>\n <ul class=\"clean\">\n <li>Catatan servis per tanggal.<\/li>\n <li>Foto bukti dan biaya.<\/li>\n <li>Riwayat untuk evaluasi kendaraan.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"grid-2\" style=\"margin-top:14px;\">\n <div class=\"card\">\n <h4>\u2b50 Review & Feedback<\/h4>\n <ul class=\"clean\">\n <li>Ulasan bengkel setelah servis.<\/li>\n <li>Rating kualitas layanan & kecepatan pengerjaan.<\/li>\n <li>Transparansi agar pengguna makin percaya.<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h4>\ud83d\udc64 Profil Kendaraan<\/h4>\n <ul class=\"clean\">\n <li>Data kendaraan (tipe, tahun, kebutuhan rutin).<\/li>\n <li>Rekomendasi perawatan berdasarkan riwayat.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"architecture\">\n <div class=\"section-title\">\n <h3>\ud83c\udfd7\ufe0f Gambaran Arsitektur Aplikasi<\/h3>\n <p>Komponen dan alur data (tingkat tinggi)<\/p>\n <\/div>\n\n <div class=\"split\">\n <div class=\"card\">\n <h4>\ud83e\uddf1 Komponen Arsitektur<\/h4>\n <div class=\"diagram\">\n <div class=\"node\">\n <div class=\"label\">\ud83d\udcf1 <span class=\"chip\">Mobile App (Hybrid)<\/span><\/div>\n <div class=\"muted\">\n UI\/UX, pencarian bengkel, pengingat servis, input riwayat servis.\n <\/div>\n <\/div>\n <div class=\"arrow\">\u2b07\ufe0f<\/div>\n <div class=\"node\">\n <div class=\"label\">\ud83c\udf10 <span class=\"chip\">API Backend<\/span><\/div>\n <div class=\"muted\">\n Authentication, REST endpoints, manajemen data bengkel & perawatan.\n <\/div>\n <\/div>\n <div class=\"arrow\">\u2b07\ufe0f<\/div>\n <div class=\"node\">\n <div class=\"label\">\ud83d\udcbe <span class=\"chip\">Database<\/span><\/div>\n <div class=\"muted\">\n Users, Vehicles, Schedules, ServiceHistory, Bengkel, Reviews.\n <\/div>\n <\/div>\n <div class=\"arrow\">\u2b07\ufe0f<\/div>\n <div class=\"node\">\n <div class=\"label\">\ud83d\uddfa\ufe0f <span class=\"chip\">Maps & Location<\/span><\/div>\n <div class=\"muted\">\n Integrasi lokasi bengkel, pencarian berdasar jarak.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83d\udd01 Alur Proses Utama<\/h4>\n <ul class=\"clean\">\n <li><strong>Login<\/strong> \u2192 aplikasi mendapatkan token untuk akses API.<\/li>\n <li><strong>Cari bengkel<\/strong> \u2192 request ke backend \u2192 ambil data bengkel \u2192 tampilkan peta & detail.<\/li>\n <li><strong>Tambah jadwal servis<\/strong> \u2192 simpan ke database \u2192 sistem jadwalkan notifikasi.<\/li>\n <li><strong>Riwayat servis<\/strong> \u2192 user input catatan \u2192 backend menyimpan dan menampilkan riwayat.<\/li>\n <li><strong>Review<\/strong> \u2192 setelah servis \u2192 rating & komentar disimpan untuk bengkel.<\/li>\n <\/ul>\n\n <div style=\"margin-top:12px;\" class=\"muted\">\n \ud83d\udccc Implementasi hybrid dapat memakai framework seperti: <em>Ionic\/React Native\/Flutter (hybrid)<\/em> (sesuaikan pilihan kelas Anda).\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"swot-bmc\">\n <div class=\"section-title\">\n <h3>\ud83d\udcca Analisa SWOT & BMC<\/h3>\n <p>Strategi produk & model bisnis<\/p>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>\ud83e\udde0 SWOT<\/h4>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Aspek<\/th>\n <th>Isi<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <th>Strengths (Kekuatan)<\/th>\n <td>\n Fokus niche Vespa klasik, fitur perawatan terjadwal, data bengkel terpusat, adanya rating & review.\n <\/td>\n <\/tr>\n <tr>\n <th>Weaknesses (Kelemahan)<\/th>\n <td>\n Butuh konten bengkel yang cukup agar berguna; akurasi jadwal perawatan bergantung input user.\n <\/td>\n <\/tr>\n <tr>\n <th>Opportunities (Peluang)<\/th>\n <td>\n Komunitas Vespa besar, tren digitalisasi jasa bengkel, potensi kemitraan dengan bengkel & komunitas.\n <\/td>\n <\/tr>\n <tr>\n <th>Threats (Ancaman)<\/th>\n <td>\n Kompetitor marketplace bengkel, trust management (review palsu), biaya operasional notifikasi & maintenance.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83e\uddfe Business Model Canvas (BMC)<\/h4>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Blok BMC<\/th>\n <th>Rencana<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <th>Key Partners<\/th>\n <td>Bengkel Vespa, komunitas Vespa, penyedia layanan pembayaran & push notification.<\/td>\n <\/tr>\n <tr>\n <th>Key Activities<\/th>\n <td>Pengembangan aplikasi, pengelolaan data bengkel, moderasi review, manajemen jadwal perawatan.<\/td>\n <\/tr>\n <tr>\n <th>Key Resources<\/th>\n <td>Tim dev, database bengkel & user, sistem notifikasi, integrasi maps.<\/td>\n <\/tr>\n <tr>\n <th>Value Propositions<\/th>\n <td>Pencarian bengkel terpercaya + manajemen perawatan yang rapi dan terjadwal.<\/td>\n <\/tr>\n <tr>\n <th>Customer Relationships<\/th>\n <td>In-app reminder, fitur rating\/review, program promo untuk komunitas.<\/td>\n <\/tr>\n <tr>\n <th>Customer Segments<\/th>\n <td>Pemilik Vespa klasik, komunitas, pengguna yang ingin bengkel terpercaya.<\/td>\n <\/tr>\n <tr>\n <th>Channels<\/th>\n <td>Play Store\/App Store, website, komunitas offline, social media, SEO.<\/td>\n <\/tr>\n <tr>\n <th>Cost Structure<\/th>\n <td>Server\/VPS, biaya maps, biaya notifikasi, pengembangan & maintenance.<\/td>\n <\/tr>\n <tr>\n <th>Revenue Streams<\/th>\n <td>Langganan premium, iklan\/fitur promosi bengkel, komisi lead booking (jika ada).<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"audience\">\n <div class=\"section-title\">\n <h3>\ud83d\udce3 Cara Mendapatkan Audience<\/h3>\n <p>Strategi akuisisi pengguna<\/p>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>Strategi Utama<\/h4>\n <ul class=\"clean\">\n <li><strong>Komunitas Vespa<\/strong>: kolaborasi event, giveaway, dan edukasi cara input perawatan.<\/li>\n <li><strong>Konten media sosial<\/strong>: tips servis, checklist perawatan Vespa klasik.<\/li>\n <li><strong>Referral<\/strong>: bonus premium\/fitur ekstra untuk pengguna yang mengajak teman.<\/li>\n <li><strong>SEO & landing page<\/strong>: target kata kunci \u201cbengkel Vespa klasik terdekat\u201d.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>Onboarding & Retention<\/h4>\n <ul class=\"clean\">\n <li>Onboarding cepat (isi data kendaraan + jadwal awal).<\/li>\n <li>Notifikasi pengingat servis pertama untuk membangun kebiasaan.<\/li>\n <li>Gamification sederhana: progres \u201criwayat servis lengkap\u201d.<\/li>\n <li>Moderasi review dan peningkatan kualitas data bengkel.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"monetization\">\n <div class=\"section-title\">\n <h3>\ud83d\udcb3 Monetisasi<\/h3>\n <p>Bagaimana aplikasi menghasilkan pendapatan<\/p>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <h4>\ud83d\udd13 Freemium<\/h4>\n <ul class=\"clean\">\n <li>Fitur dasar gratis (pencarian, jadwal terbatas).<\/li>\n <li>Upgrade untuk fitur lengkap.<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h4>\ud83d\udce3 Promosi Bengkel<\/h4>\n <ul class=\"clean\">\n <li>Bengkel membayar untuk posisi unggulan.<\/li>\n <li>Profil bengkel lebih lengkap & prioritas tampil.<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h4>\ud83e\uddfe Komisi Lead (Opsional)<\/h4>\n <ul class=\"clean\">\n <li>Jika ada fitur booking\/klik kontak \u2192 komisi per lead.<\/li>\n <li>Atur skema agar adil dan transparan.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pricing\">\n <div class=\"section-title\">\n <h3>\ud83d\udc8e Pricing<\/h3>\n <p>Skema harga yang bisa dipakai di aplikasi<\/p>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <h4>Basic (Gratis) \ud83c\udd93<\/h4>\n <ul class=\"clean\">\n <li>Pencarian bengkel & lihat detail terbatas<\/li>\n <li>Manajemen jadwal: maksimal 2 kendaraan<\/li>\n <li>Pengingat: terbatas<\/li>\n <\/ul>\n <div class=\"muted\" style=\"margin-top:10px;\">\ud83d\udca1 Cocok untuk pengguna baru<\/div>\n <\/div>\n\n <div class=\"card highlight\">\n <h4>Premium (Bulanan) \ud83d\udc9b<\/h4>\n <ul class=\"clean\">\n <li>Pencarian bengkel lebih lengkap + filter lanjutan<\/li>\n <li>Manajemen perawatan: kendaraan tak terbatas<\/li>\n <li>Notifikasi servis + pengingat detail<\/li>\n <li>Riwayat servis lebih lengkap (termasuk foto)<\/li>\n <\/ul>\n <div style=\"margin-top:10px; font-weight:900;\">Rp 19.900 \/ bulan<\/div>\n <\/div>\n\n <div class=\"card\">\n <h4>Premium (Tahunan) \u2728<\/h4>\n <ul class=\"clean\">\n <li>Semua fitur Premium bulanan<\/li>\n <li>Diskon dibanding bulanan<\/li>\n <li>Dukungan prioritas (jika ada)<\/li>\n <\/ul>\n <div style=\"margin-top:10px; font-weight:900;\">Rp 199.000 \/ tahun<\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\" style=\"margin-top:14px;\">\n <h4>\ud83d\udccd Pricing untuk Bengkel (Bila Role Bengkel tersedia)<\/h4>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Paket<\/th>\n <th>Fitur<\/th>\n <th>Harga<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Starter<\/strong><\/td>\n <td>Profil bengkel + verifikasi dasar<\/td>\n <td>Rp 49.000 \/ bulan<\/td>\n <\/tr>\n <tr>\n <td><strong>Pro<\/strong><\/td>\n <td>Profil lengkap + unggulan lokal<\/td>\n <td>Rp 99.000 \/ bulan<\/td>\n <\/tr>\n <tr>\n <td><strong>Featured<\/strong><\/td>\n <td>Prioritas tampil + promosi event\/kupon<\/td>\n <td>Rp 199.000 \/ bulan<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <div class=\"muted\" style=\"margin-top:10px;\">\n Catatan: harga bisa disesuaikan dengan kebijakan kelas dan target pasar.\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <strong>VESCARE<\/strong> \u2014 Company Profile Tugas 2 Personal (WordPress Custom Design) \n <br\/>\n PIC: <strong>Kamal<\/strong> & <strong>Vista<\/strong> \u2022 Hosting: VPS\/Share Hosting\/Cloud (manual \/ aapanel \/ vestacp \/ easypanel)\n <br\/>\n \u00a9 <span id=\"year\"><\/span> VESCARE. All rights reserved.\n <\/footer>\n\n <\/div>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>VESCARE | Company Profile V VESCARE Company Profile \u2022 Aplikasi Mobile Hybrid \ud83c\udfaf Masalah \ud83e\udde9 Requirement \u2728 Fitur \ud83c\udfd7\ufe0f Arsitektur \ud83d\udcca SWOT & BMC \ud83d\udce3 Audience \ud83d\udcb3 Monetisasi \ud83d\udc8e Pricing \ud83d\udee0\ufe0f Tipe: Hybrid (Native-like) \ud83d\udccd Fokus: Vespa Klasik \ud83e\udded Use Case: Cari Bengkel + Manajemen Perawatan VESCARE: Perancangan Aplikasi Mobile untuk Pencarian Bengkel dan Manajemen […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-10-12T13:42:30","date_gmt":"2026-10-12T13:42:30","guid":{"rendered":"http:\/\/24080960138.tiawhizz.my.id\/?page_id=6"},"modified":"2026-10-12T14:33:12","modified_gmt":"2026-10-12T14:33:12","slug":"6-2","status":"publish","type":"page","link":"https:\/\/24080960138.tiawhizz.my.id\/","title":{"rendered":"VESCARE: Perancangan Aplikasi Mobile untuk Pencarian Bengkel dan Manajemen Perawatan Vespa Klasik Berbasis Hybrid"},"content":{"rendered":"\n\n\n\n \n \n VESCARE | Company Profile<\/title>\n <style>\n :root{\n --bg: #0b1220;\n --card:#111a2e;\n --muted:#9fb0d0;\n --text:#eaf1ff;\n --brand:#ffcc00;\n --brand2:#00d4ff;\n --line: rgba(255,255,255,.12);\n --shadow: 0 10px 30px rgba(0,0,0,.35);\n --radius: 16px;\n --radius2: 24px;\n }\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;\n background: radial-gradient(1200px 700px at 20% 0%, rgba(0,212,255,.18), transparent 60%),\n radial-gradient(900px 600px at 80% 10%, rgba(255,204,0,.18), transparent 55%),\n var(--bg);\n color:var(--text);\n line-height:1.6;\n }\n a{color:inherit; text-decoration:none}\n .container{max-width:1100px; margin:0 auto; padding:24px;}\n .topbar{\n display:flex; justify-content:space-between; align-items:center;\n padding:14px 0 28px;\n border-bottom:1px solid var(--line);\n }\n .brand{\n display:flex; gap:12px; align-items:center;\n }\n .logo{\n width:44px; height:44px; border-radius:14px;\n background: linear-gradient(135deg, var(--brand2), var(--brand));\n display:grid; place-items:center;\n box-shadow: var(--shadow);\n font-weight:900;\n color:#041018;\n }\n .brand h1{font-size:16px; margin:0; letter-spacing:.3px}\n .brand p{margin:2px 0 0; color:var(--muted); font-size:12.5px}\n .nav{\n display:flex; gap:14px; flex-wrap:wrap;\n }\n .nav a{\n padding:10px 12px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--muted);\n background: rgba(255,255,255,.02);\n transition:.2s ease;\n font-size:13px;\n }\n .nav a:hover{color:var(--text); border-color: rgba(255,255,255,.25)}\n .hero{\n display:grid; grid-template-columns: 1.25fr .75fr; gap:18px; align-items:stretch;\n padding:26px 0;\n }\n @media (max-width: 900px){ .hero{grid-template-columns:1fr} }\n .hero-card{\n background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));\n border:1px solid var(--line);\n border-radius: var(--radius2);\n box-shadow: var(--shadow);\n padding:22px;\n position:relative;\n overflow:hidden;\n }\n .hero-card:before{\n content:\"\";\n position:absolute; inset:-2px;\n background: radial-gradient(650px 260px at 20% 0%, rgba(255,204,0,.18), transparent 60%),\n radial-gradient(650px 260px at 80% 10%, rgba(0,212,255,.18), transparent 60%);\n pointer-events:none;\n opacity:.9;\n }\n .hero-card > *{position:relative; z-index:1}\n .badge-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px}\n .badge{\n font-size:12px;\n padding:8px 10px;\n border:1px solid var(--line);\n border-radius:999px;\n color:var(--muted);\n background: rgba(255,255,255,.02);\n }\n .badge strong{color:var(--text)}\n .hero h2{margin:10px 0 8px; font-size:26px}\n .hero p{color:var(--muted); margin:0 0 14px}\n .cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:14px}\n .btn{\n padding:12px 14px;\n border-radius:14px;\n border:1px solid var(--line);\n background: rgba(255,255,255,.03);\n color:var(--text);\n font-weight:700;\n cursor:pointer;\n transition:.2s ease;\n display:inline-flex; align-items:center; gap:10px;\n }\n .btn:hover{transform: translateY(-2px); border-color: rgba(255,255,255,.3)}\n .btn.primary{\n background: linear-gradient(135deg, rgba(0,212,255,.25), rgba(255,204,0,.22));\n border-color: rgba(255,255,255,.22);\n }\n .side-card{\n background: rgba(255,255,255,.03);\n border:1px solid var(--line);\n border-radius: var(--radius2);\n box-shadow: var(--shadow);\n padding:18px;\n display:flex; flex-direction:column; gap:12px;\n }\n .side-card h3{margin:0; font-size:16px}\n .side-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px}\n .side-item{\n border:1px solid var(--line);\n background: rgba(0,0,0,.12);\n border-radius:14px;\n padding:12px;\n display:flex; gap:10px; align-items:flex-start;\n }\n .dot{\n width:10px; height:10px; border-radius:50%;\n background: var(--brand2);\n margin-top:6px;\n box-shadow: 0 0 0 4px rgba(0,212,255,.15);\n flex:0 0 auto;\n }\n .side-item:nth-child(2) .dot{background: var(--brand); box-shadow: 0 0 0 4px rgba(255,204,0,.15)}\n .side-item:nth-child(3) .dot{background: #7c5cff; box-shadow: 0 0 0 4px rgba(124,92,255,.2)}\n .side-item strong{display:block; font-size:13.5px}\n .side-item span{color:var(--muted); font-size:13px}\n section{padding:18px 0}\n .section-title{\n display:flex; align-items:center; justify-content:space-between; gap:12px;\n margin:12px 0 14px;\n }\n .section-title h3{margin:0; font-size:18px}\n .section-title p{margin:0; color:var(--muted); font-size:13px}\n .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:14px}\n @media (max-width: 900px){ .grid-2{grid-template-columns:1fr} }\n .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}\n @media (max-width: 1100px){ .grid-3{grid-template-columns:1fr} }\n .card{\n border:1px solid var(--line);\n background: rgba(255,255,255,.02);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding:16px;\n }\n .card h4{margin:0 0 8px; font-size:15px}\n .muted{color:var(--muted)}\n ul.clean{margin:0; padding-left:18px}\n ul.clean li{margin:6px 0}\n .table{\n width:100%;\n border-collapse:collapse;\n overflow:hidden;\n border-radius:14px;\n border:1px solid var(--line);\n }\n .table th,.table td{\n padding:12px 10px;\n border-bottom:1px solid var(--line);\n vertical-align:top;\n }\n .table th{\n background: rgba(255,255,255,.04);\n text-align:left;\n color:var(--text);\n font-size:13.5px;\n }\n .table td{color:var(--muted); font-size:13.5px}\n .table tr:last-child td{border-bottom:none}\n .kpi-row{display:flex; gap:12px; flex-wrap:wrap}\n .kpi{\n flex:1;\n min-width:220px;\n border:1px solid var(--line);\n background: rgba(0,0,0,.12);\n border-radius: 16px;\n padding:14px;\n }\n .kpi strong{font-size:20px; display:block}\n .kpi span{color:var(--muted); font-size:13px}\n footer{\n padding:26px 0 40px;\n border-top:1px solid var(--line);\n margin-top:12px;\n color:var(--muted);\n font-size:13px;\n }\n .split{\n display:grid; grid-template-columns:1fr 1fr; gap:14px;\n }\n @media (max-width: 900px){ .split{grid-template-columns:1fr} }\n .diagram{\n display:flex; flex-direction:column; gap:10px;\n }\n .node{\n border:1px solid var(--line);\n border-radius: 16px;\n padding:12px;\n background: rgba(255,255,255,.02);\n position:relative;\n }\n .node .label{\n font-weight:900; font-size:14px;\n display:flex; align-items:center; gap:10px;\n margin-bottom:6px;\n }\n .chip{\n padding:6px 10px; border-radius:999px;\n border:1px solid var(--line);\n color:var(--muted);\n font-size:12.5px;\n background: rgba(255,255,255,.02);\n display:inline-flex; align-items:center; gap:8px;\n }\n .arrow{\n text-align:center; color:var(--muted); font-size:18px;\n margin:-6px 0;\n }\n .highlight{\n border:1px solid rgba(255,255,255,.22);\n background: linear-gradient(180deg, rgba(255,204,0,.10), rgba(0,212,255,.06));\n color:var(--text);\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n\n \n <header class=\"topbar\">\n <div class=\"brand\">\n <div class=\"logo\">V<\/div>\n <div>\n <h1>VESCARE<\/h1>\n <p>Company Profile \u2022 Aplikasi Mobile Hybrid<\/p>\n <\/div>\n <\/div>\n <nav class=\"nav\">\n <a href=\"#problem\">\ud83c\udfaf Masalah<\/a>\n <a href=\"#requirements\">\ud83e\udde9 Requirement<\/a>\n <a href=\"#features\">\u2728 Fitur<\/a>\n <a href=\"#architecture\">\ud83c\udfd7\ufe0f Arsitektur<\/a>\n <a href=\"#swot-bmc\">\ud83d\udcca SWOT & BMC<\/a>\n <a href=\"#audience\">\ud83d\udce3 Audience<\/a>\n <a href=\"#monetization\">\ud83d\udcb3 Monetisasi<\/a>\n <a href=\"#pricing\">\ud83d\udc8e Pricing<\/a>\n <\/nav>\n <\/header>\n\n \n <div class=\"hero\">\n <div class=\"hero-card\">\n <div class=\"badge-row\">\n <div class=\"badge\">\ud83d\udee0\ufe0f Tipe: <strong>Hybrid (Native-like)<\/strong><\/div>\n <div class=\"badge\">\ud83d\udccd Fokus: <strong>Vespa Klasik<\/strong><\/div>\n <div class=\"badge\">\ud83e\udded Use Case: <strong>Cari Bengkel + Manajemen Perawatan<\/strong><\/div>\n <\/div>\n\n <h2>VESCARE: Perancangan Aplikasi Mobile untuk Pencarian Bengkel dan Manajemen Perawatan Vespa Klasik Berbasis Hybrid<\/h2>\n <p>\n VESCARE membantu komunitas dan pemilik Vespa klasik menemukan bengkel terpercaya serta\n mengelola jadwal perawatan, catatan servis, dan rekomendasi kebutuhan agar kendaraan tetap prima.\n <\/p>\n\n <div class=\"cta-row\">\n <a class=\"btn primary\" href=\"#problem\">\n \ud83d\ude80 Lihat Ide & Penyelesaian Masalah\n <\/a>\n <a class=\"btn\" href=\"#features\">\n \u2728 Lihat Fitur Utama\n <\/a>\n <\/div>\n <\/div>\n\n <aside class=\"side-card\">\n <h3>\ud83d\udc65 Tim & Koordinasi<\/h3>\n <ul class=\"side-list\">\n <li class=\"side-item\">\n <span class=\"dot\"><\/span>\n <div>\n <strong>PIC 1: Kamal<\/strong>\n <span>Penanggung jawab bagian analisa & implementasi awal<\/span>\n <\/div>\n <\/li>\n <li class=\"side-item\">\n <span class=\"dot\"><\/span>\n <div>\n <strong>PIC 2: Vista<\/strong>\n <span>Penanggung jawab desain fitur, requirement, dan testing<\/span>\n <\/div>\n <\/li>\n <li class=\"side-item\">\n <span class=\"dot\"><\/span>\n <div>\n <strong>Deployment<\/strong>\n <span>Tool bisa manual \/ aapanel \/ vestacp \/ easypanel (sesuai server)<\/span>\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"kpi-row\">\n <div class=\"kpi\">\n <strong>Hybrid<\/strong>\n <span>Ekosistem mobile multi-platform<\/span>\n <\/div>\n <div class=\"kpi\">\n <strong>Berbasis Komunitas<\/strong>\n <span>Rating, review, dan data bengkel<\/span>\n <\/div>\n <\/div>\n <\/aside>\n <\/div>\n\n \n <section id=\"problem\">\n <div class=\"section-title\">\n <h3>\ud83c\udfaf Penyelesaian Masalah<\/h3>\n <p>Ide aplikasi + dampak pengguna<\/p>\n <\/div>\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>Masalah yang diselesaikan<\/h4>\n <ul class=\"clean\">\n <li>Kesulitan menemukan bengkel Vespa klasik yang benar-benar sesuai kebutuhan.<\/li>\n <li>Info kualitas bengkel (rating\/review) belum terpusat & sulit diverifikasi.<\/li>\n <li>Pemilik sering lupa jadwal servis dan perawatan berkala.<\/li>\n <li>Catatan servis tidak rapi \u2192 menyulitkan monitoring riwayat kendaraan.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card highlight\">\n <h4>Solusi dari VESCARE<\/h4>\n <ul class=\"clean\">\n <li>Fitur pencarian bengkel + informasi kontak, lokasi, spesialisasi, dan rating.<\/li>\n <li>Manajemen perawatan: jadwal servis, pengingat, dan riwayat servis.<\/li>\n <li>Profil kendaraan & kebutuhan (oli, kampas, tune-up, dll) untuk rekomendasi.<\/li>\n <li>Transparansi lewat feedback pengguna untuk meningkatkan kepercayaan.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"requirements\">\n <div class=\"section-title\">\n <h3>\ud83e\udde9 Analisa Requirement<\/h3>\n <p>Kebutuhan sistem (fungsional & non-fungsional)<\/p>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>Functional Requirements<\/h4>\n <ul class=\"clean\">\n <li>Registrasi\/login pengguna.<\/li>\n <li>Pencarian bengkel berdasarkan lokasi (maps), kategori, dan rating.<\/li>\n <li>Detail bengkel: kontak, jam buka, layanan, dan review.<\/li>\n <li>Manajemen kendaraan: tambah model, tahun, varian, dan plat (opsional).<\/li>\n <li>Jadwal perawatan berkala + notifikasi\/pengingat.<\/li>\n <li>Riwayat servis: catatan, foto bukti, biaya, dan status pengerjaan.<\/li>\n <li>Ulasan & rating bengkel setelah servis.<\/li>\n <li>Role: User dan Bengkel (opsional untuk sistem terdaftar).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>Non-Functional Requirements<\/h4>\n <ul class=\"clean\">\n <li>Kecepatan: halaman pencarian dan detail bengkel responsif.<\/li>\n <li>Keamanan: validasi input + proteksi akun (token\/JWT).<\/li>\n <li>Reliability: penyimpanan data riwayat servis konsisten.<\/li>\n <li>Usability: antarmuka sederhana untuk pengguna komunitas.<\/li>\n <li>Availability: sistem tetap berjalan untuk kebutuhan harian.<\/li>\n <li>Compatibility: berjalan di Android (prioritas) & iOS (jika perlu).<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features\">\n <div class=\"section-title\">\n <h3>\u2728 Fitur-Fitur Utama<\/h3>\n <p>Rangkuman fitur berdasarkan kebutuhan pengguna<\/p>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <h4>\ud83d\udd0e Pencarian Bengkel<\/h4>\n <ul class=\"clean\">\n <li>Lokasi berbasis peta & jarak.<\/li>\n <li>Filter layanan & spesialisasi Vespa klasik.<\/li>\n <li>Rating dan ulasan pengguna.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83d\uddd3\ufe0f Manajemen Perawatan<\/h4>\n <ul class=\"clean\">\n <li>Pengingat jadwal servis berkala.<\/li>\n <li>Checklist perawatan.<\/li>\n <li>Notifikasi (push) atau reminder in-app.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83e\uddfe Riwayat Servis<\/h4>\n <ul class=\"clean\">\n <li>Catatan servis per tanggal.<\/li>\n <li>Foto bukti dan biaya.<\/li>\n <li>Riwayat untuk evaluasi kendaraan.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"grid-2\" style=\"margin-top:14px;\">\n <div class=\"card\">\n <h4>\u2b50 Review & Feedback<\/h4>\n <ul class=\"clean\">\n <li>Ulasan bengkel setelah servis.<\/li>\n <li>Rating kualitas layanan & kecepatan pengerjaan.<\/li>\n <li>Transparansi agar pengguna makin percaya.<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h4>\ud83d\udc64 Profil Kendaraan<\/h4>\n <ul class=\"clean\">\n <li>Data kendaraan (tipe, tahun, kebutuhan rutin).<\/li>\n <li>Rekomendasi perawatan berdasarkan riwayat.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"architecture\">\n <div class=\"section-title\">\n <h3>\ud83c\udfd7\ufe0f Gambaran Arsitektur Aplikasi<\/h3>\n <p>Komponen dan alur data (tingkat tinggi)<\/p>\n <\/div>\n\n <div class=\"split\">\n <div class=\"card\">\n <h4>\ud83e\uddf1 Komponen Arsitektur<\/h4>\n <div class=\"diagram\">\n <div class=\"node\">\n <div class=\"label\">\ud83d\udcf1 <span class=\"chip\">Mobile App (Hybrid)<\/span><\/div>\n <div class=\"muted\">\n UI\/UX, pencarian bengkel, pengingat servis, input riwayat servis.\n <\/div>\n <\/div>\n <div class=\"arrow\">\u2b07\ufe0f<\/div>\n <div class=\"node\">\n <div class=\"label\">\ud83c\udf10 <span class=\"chip\">API Backend<\/span><\/div>\n <div class=\"muted\">\n Authentication, REST endpoints, manajemen data bengkel & perawatan.\n <\/div>\n <\/div>\n <div class=\"arrow\">\u2b07\ufe0f<\/div>\n <div class=\"node\">\n <div class=\"label\">\ud83d\udcbe <span class=\"chip\">Database<\/span><\/div>\n <div class=\"muted\">\n Users, Vehicles, Schedules, ServiceHistory, Bengkel, Reviews.\n <\/div>\n <\/div>\n <div class=\"arrow\">\u2b07\ufe0f<\/div>\n <div class=\"node\">\n <div class=\"label\">\ud83d\uddfa\ufe0f <span class=\"chip\">Maps & Location<\/span><\/div>\n <div class=\"muted\">\n Integrasi lokasi bengkel, pencarian berdasar jarak.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83d\udd01 Alur Proses Utama<\/h4>\n <ul class=\"clean\">\n <li><strong>Login<\/strong> \u2192 aplikasi mendapatkan token untuk akses API.<\/li>\n <li><strong>Cari bengkel<\/strong> \u2192 request ke backend \u2192 ambil data bengkel \u2192 tampilkan peta & detail.<\/li>\n <li><strong>Tambah jadwal servis<\/strong> \u2192 simpan ke database \u2192 sistem jadwalkan notifikasi.<\/li>\n <li><strong>Riwayat servis<\/strong> \u2192 user input catatan \u2192 backend menyimpan dan menampilkan riwayat.<\/li>\n <li><strong>Review<\/strong> \u2192 setelah servis \u2192 rating & komentar disimpan untuk bengkel.<\/li>\n <\/ul>\n\n <div style=\"margin-top:12px;\" class=\"muted\">\n \ud83d\udccc Implementasi hybrid dapat memakai framework seperti: <em>Ionic\/React Native\/Flutter (hybrid)<\/em> (sesuaikan pilihan kelas Anda).\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"swot-bmc\">\n <div class=\"section-title\">\n <h3>\ud83d\udcca Analisa SWOT & BMC<\/h3>\n <p>Strategi produk & model bisnis<\/p>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>\ud83e\udde0 SWOT<\/h4>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Aspek<\/th>\n <th>Isi<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <th>Strengths (Kekuatan)<\/th>\n <td>\n Fokus niche Vespa klasik, fitur perawatan terjadwal, data bengkel terpusat, adanya rating & review.\n <\/td>\n <\/tr>\n <tr>\n <th>Weaknesses (Kelemahan)<\/th>\n <td>\n Butuh konten bengkel yang cukup agar berguna; akurasi jadwal perawatan bergantung input user.\n <\/td>\n <\/tr>\n <tr>\n <th>Opportunities (Peluang)<\/th>\n <td>\n Komunitas Vespa besar, tren digitalisasi jasa bengkel, potensi kemitraan dengan bengkel & komunitas.\n <\/td>\n <\/tr>\n <tr>\n <th>Threats (Ancaman)<\/th>\n <td>\n Kompetitor marketplace bengkel, trust management (review palsu), biaya operasional notifikasi & maintenance.\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"card\">\n <h4>\ud83e\uddfe Business Model Canvas (BMC)<\/h4>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Blok BMC<\/th>\n <th>Rencana<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <th>Key Partners<\/th>\n <td>Bengkel Vespa, komunitas Vespa, penyedia layanan pembayaran & push notification.<\/td>\n <\/tr>\n <tr>\n <th>Key Activities<\/th>\n <td>Pengembangan aplikasi, pengelolaan data bengkel, moderasi review, manajemen jadwal perawatan.<\/td>\n <\/tr>\n <tr>\n <th>Key Resources<\/th>\n <td>Tim dev, database bengkel & user, sistem notifikasi, integrasi maps.<\/td>\n <\/tr>\n <tr>\n <th>Value Propositions<\/th>\n <td>Pencarian bengkel terpercaya + manajemen perawatan yang rapi dan terjadwal.<\/td>\n <\/tr>\n <tr>\n <th>Customer Relationships<\/th>\n <td>In-app reminder, fitur rating\/review, program promo untuk komunitas.<\/td>\n <\/tr>\n <tr>\n <th>Customer Segments<\/th>\n <td>Pemilik Vespa klasik, komunitas, pengguna yang ingin bengkel terpercaya.<\/td>\n <\/tr>\n <tr>\n <th>Channels<\/th>\n <td>Play Store\/App Store, website, komunitas offline, social media, SEO.<\/td>\n <\/tr>\n <tr>\n <th>Cost Structure<\/th>\n <td>Server\/VPS, biaya maps, biaya notifikasi, pengembangan & maintenance.<\/td>\n <\/tr>\n <tr>\n <th>Revenue Streams<\/th>\n <td>Langganan premium, iklan\/fitur promosi bengkel, komisi lead booking (jika ada).<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"audience\">\n <div class=\"section-title\">\n <h3>\ud83d\udce3 Cara Mendapatkan Audience<\/h3>\n <p>Strategi akuisisi pengguna<\/p>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <h4>Strategi Utama<\/h4>\n <ul class=\"clean\">\n <li><strong>Komunitas Vespa<\/strong>: kolaborasi event, giveaway, dan edukasi cara input perawatan.<\/li>\n <li><strong>Konten media sosial<\/strong>: tips servis, checklist perawatan Vespa klasik.<\/li>\n <li><strong>Referral<\/strong>: bonus premium\/fitur ekstra untuk pengguna yang mengajak teman.<\/li>\n <li><strong>SEO & landing page<\/strong>: target kata kunci \u201cbengkel Vespa klasik terdekat\u201d.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card\">\n <h4>Onboarding & Retention<\/h4>\n <ul class=\"clean\">\n <li>Onboarding cepat (isi data kendaraan + jadwal awal).<\/li>\n <li>Notifikasi pengingat servis pertama untuk membangun kebiasaan.<\/li>\n <li>Gamification sederhana: progres \u201criwayat servis lengkap\u201d.<\/li>\n <li>Moderasi review dan peningkatan kualitas data bengkel.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"monetization\">\n <div class=\"section-title\">\n <h3>\ud83d\udcb3 Monetisasi<\/h3>\n <p>Bagaimana aplikasi menghasilkan pendapatan<\/p>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <h4>\ud83d\udd13 Freemium<\/h4>\n <ul class=\"clean\">\n <li>Fitur dasar gratis (pencarian, jadwal terbatas).<\/li>\n <li>Upgrade untuk fitur lengkap.<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h4>\ud83d\udce3 Promosi Bengkel<\/h4>\n <ul class=\"clean\">\n <li>Bengkel membayar untuk posisi unggulan.<\/li>\n <li>Profil bengkel lebih lengkap & prioritas tampil.<\/li>\n <\/ul>\n <\/div>\n <div class=\"card\">\n <h4>\ud83e\uddfe Komisi Lead (Opsional)<\/h4>\n <ul class=\"clean\">\n <li>Jika ada fitur booking\/klik kontak \u2192 komisi per lead.<\/li>\n <li>Atur skema agar adil dan transparan.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pricing\">\n <div class=\"section-title\">\n <h3>\ud83d\udc8e Pricing<\/h3>\n <p>Skema harga yang bisa dipakai di aplikasi<\/p>\n <\/div>\n\n <div class=\"grid-3\">\n <div class=\"card\">\n <h4>Basic (Gratis) \ud83c\udd93<\/h4>\n <ul class=\"clean\">\n <li>Pencarian bengkel & lihat detail terbatas<\/li>\n <li>Manajemen jadwal: maksimal 2 kendaraan<\/li>\n <li>Pengingat: terbatas<\/li>\n <\/ul>\n <div class=\"muted\" style=\"margin-top:10px;\">\ud83d\udca1 Cocok untuk pengguna baru<\/div>\n <\/div>\n\n <div class=\"card highlight\">\n <h4>Premium (Bulanan) \ud83d\udc9b<\/h4>\n <ul class=\"clean\">\n <li>Pencarian bengkel lebih lengkap + filter lanjutan<\/li>\n <li>Manajemen perawatan: kendaraan tak terbatas<\/li>\n <li>Notifikasi servis + pengingat detail<\/li>\n <li>Riwayat servis lebih lengkap (termasuk foto)<\/li>\n <\/ul>\n <div style=\"margin-top:10px; font-weight:900;\">Rp 19.900 \/ bulan<\/div>\n <\/div>\n\n <div class=\"card\">\n <h4>Premium (Tahunan) \u2728<\/h4>\n <ul class=\"clean\">\n <li>Semua fitur Premium bulanan<\/li>\n <li>Diskon dibanding bulanan<\/li>\n <li>Dukungan prioritas (jika ada)<\/li>\n <\/ul>\n <div style=\"margin-top:10px; font-weight:900;\">Rp 199.000 \/ tahun<\/div>\n <\/div>\n <\/div>\n\n <div class=\"card\" style=\"margin-top:14px;\">\n <h4>\ud83d\udccd Pricing untuk Bengkel (Bila Role Bengkel tersedia)<\/h4>\n <table class=\"table\">\n <thead>\n <tr>\n <th>Paket<\/th>\n <th>Fitur<\/th>\n <th>Harga<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Starter<\/strong><\/td>\n <td>Profil bengkel + verifikasi dasar<\/td>\n <td>Rp 49.000 \/ bulan<\/td>\n <\/tr>\n <tr>\n <td><strong>Pro<\/strong><\/td>\n <td>Profil lengkap + unggulan lokal<\/td>\n <td>Rp 99.000 \/ bulan<\/td>\n <\/tr>\n <tr>\n <td><strong>Featured<\/strong><\/td>\n <td>Prioritas tampil + promosi event\/kupon<\/td>\n <td>Rp 199.000 \/ bulan<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <div class=\"muted\" style=\"margin-top:10px;\">\n Catatan: harga bisa disesuaikan dengan kebijakan kelas dan target pasar.\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <strong>VESCARE<\/strong> \u2014 Company Profile Tugas 2 Personal (WordPress Custom Design) \n <br\/>\n PIC: <strong>Kamal<\/strong> & <strong>Vista<\/strong> \u2022 Hosting: VPS\/Share Hosting\/Cloud (manual \/ aapanel \/ vestacp \/ easypanel)\n <br\/>\n \u00a9 <span id=\"year\"><\/span> VESCARE. All rights reserved.\n <\/footer>\n\n <\/div>\n\n <script>\n document.getElementById('year').textContent = new Date().getFullYear();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>VESCARE | Company Profile V VESCARE Company Profile \u2022 Aplikasi Mobile Hybrid \ud83c\udfaf Masalah \ud83e\udde9 Requirement \u2728 Fitur \ud83c\udfd7\ufe0f Arsitektur \ud83d\udcca SWOT & BMC \ud83d\udce3 Audience \ud83d\udcb3 Monetisasi \ud83d\udc8e Pricing \ud83d\udee0\ufe0f Tipe: Hybrid (Native-like) \ud83d\udccd Fokus: Vespa Klasik \ud83e\udded Use Case: Cari Bengkel + Manajemen Perawatan VESCARE: Perancangan Aplikasi Mobile untuk Pencarian Bengkel dan Manajemen […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/24080960138.tiawhizz.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}