Skip to main content

Sesi 4: Business Model, UI/UX Design & Team Formation

Kelas Rutin Batch IV - Ethereum Jakarta x Lisk

📅 Info Sesi​

  • Tanggal: Minggu, 2 November 2025
  • Waktu: 09:00 - 16:00 WIB
  • Lokasi: Jura Kemanggisan, Jakarta
  • Format: Offline
  • Target: Web3 Builders (40-80 peserta)

🎯 Learning Outcomes​

Setelah sesi ini, participants akan mampu:

  1. ✅ Business & Pitching

    • Memahami Hybrid Pitch Deck Framework (Sequoia + YC)
    • Menyusun pitch deck 10-12 slides yang compelling
    • Deliver pitch dengan confident dan clear
    • Menerapkan soft skills untuk Web3 builders

  2. ✅ UI/UX Design untuk Web3

    • Memahami perbedaan Web2 vs Web3 design principles
    • Mendesain dengan fokus pada Trust, Transparency, Ownership
    • Membuat onboarding experience yang simpel
    • Visualisasi data on-chain yang user-friendly

  3. ✅ Team Formation & Project Planning

    • Terbentuk dalam tim 3-5 orang dengan role yang jelas
    • Memahami project requirements & deliverables
    • Membuat project roadmap 6 hari
    • Siap eksekusi end-to-end DApp development

📚 Agenda Sesi 4​

PAGI: Business Model & Pitching (09:00 - 12:00)​

Speaker: Alvin Evander - VP Strategy & Sustainability, MDI Ventures

09:00 - 09:15 | Opening & Icebreaker​

  • Welcome & introduction
  • "60-Second Project Intro" exercise
  • BLUF (Bottom Line Up Front) practice

09:15 - 10:30 | Part A: Hybrid Pitch Deck Framework​

Materi Utama:

  1. Company Purpose (10 menit)

    • Formula: WHAT you do + WHY it matters
    • Harus memorable & jargon-free
    • Exercise: Tulis 1 kalimat purpose statement

  2. Problem (15 menit)

    • Start with user pain (real story/data)
    • Current solutions & shortcomings
    • Make it relatable

  3. Solution (15 menit)

    • UVP (Unique Value Proposition): What's uniquely better?
    • Core Mechanism: How it works?
    • Visual demo/mockup

  4. Why Now? (10 menit)

    • Market Shifts: Web3 maturing
    • Tech Readiness: Infrastructure ready
    • Behavior Change: User adoption growing

  5. Product Demo (15 menit)

    • YC-style: Show, don't tell
    • 2-3 screenshots or short GIF
    • Feedback loops: Loading, Error, Success states

  6. Market Opportunity (15 menit)

    • TAM, SAM, SOM framework
    • Beachhead segment (first 6-12 months focus)
    • Example: Web3 Builder Ecosystem

Framework Lengkap (10-12 slides):

Slide 1:  Cover (Company name, tagline, team)
Slide 2:  Purpose (What + Why)
Slide 3:  Problem (User pain point)
Slide 4:  Solution (UVP + Core mechanism)
Slide 5:  Why Now? (Market timing)
Slide 6:  Product (Demo/screenshots)
Slide 7:  Market Size (TAM/SAM/SOM)
Slide 8:  Traction (Metrics, if any)
Slide 9:  Business Model (Revenue streams)
Slide 10: Team (Why this team?)
Slide 11: Competition (Positioning)
Slide 12: Ask (What you need & why)

☕ BREAK 10:30 - 10:45

10:45 - 11:30 | Part B: Soft Skills untuk Web3 Builders​

3 Pilar Soft Skills:

  1. Communication (20 menit)

    • Frameworks: BLUF + Pyramid Principle
    • Tactics: Use analogies, one idea per slide, kill jargon
    • Micro-practice: 60-second explanation to non-tech friend

  2. Delivery Techniques (15 menit)

    Presence:

    • Posture: Stand tall, open body language
    • Eye Contact: Engage audience
    • Pausing: Let key points sink in

    Voice:

    • Pace: Not too fast, not too slow
    • Emphasis: Stress important words
    • Energy: Avoid monotone!

    Managing Nerves:

    • Rehearse aloud (not just in your head)
    • Timebox: Practice 5-7 minute pitch
    • First 30s scripted: Memorize opening

  3. Collaboration & Resilience (10 menit)

    • Work effectively in diverse teams
    • Adapt to rapid changes (Web3 moves fast!)
    • Learn from failures

Common Pitfalls to Avoid:

  • ❌ Walls of text
  • ❌ No clear ask
  • ❌ Feature sprawl (focus on core value)
  • ❌ Jargon overload
  • ❌ Going over time

11:30 - 12:00 | Q&A with MDI Ventures​

Topics Terbuka:

  • Funding landscape untuk Web3 di Indonesia
  • What VCs look for in Web3 startups
  • Tips untuk early-stage founders
  • MDI Ventures portfolio & thesis

🍱 LUNCH BREAK (12:00 - 13:00)​

SIANG: UI/UX Design untuk Web3 (13:00 - 15:00)​

Speaker: Fini Charisa (@fin.designn) - UI Designer

13:00 - 13:15 | Introduction: Web1 → Web2 → Web3​

Evolusi Web:

EraKarakteristikUser CapabilityContoh
Web1Static, read-onlyREADYahoo, early websites
Web2Interactive, centralizedREAD + WRITEFacebook, Instagram, Uber
Web3Decentralized, ownershipREAD + WRITE + OWNUniswap, OpenSea, DAOs

Key Insight untuk Designer:

"Lebih terdesentralisasi, transparan, dan pengguna punya kontrol lebih besar."

13:15 - 14:00 | Why Web3 untuk Designers?​

1. Kesempatan Baru (15 menit)

Banyak proyek Web3 butuh desainer:

  • DeFi: DEX, lending, staking platforms
  • NFT Marketplace: Art, collectibles, gaming items
  • GameFi: Play-to-earn, metaverse
  • DAO: Governance interfaces

Salary Range (International):

  • Junior: $45k - $77k/tahun
  • Senior/Lead: $80k - $150k+/tahun
  • Indonesia: Trend mengikuti, masih early stage!

2. Kepemilikan (Ownership) (10 menit)

  • Bisa bikin & jual aset digital sendiri (NFT)
  • Terlibat dalam DAO
  • Kontribusi desain dihargai langsung (tokens, revenue share)

3. Inovasi Desain (10 menit)

  • Eksplorasi interaksi baru
  • Jadi bagian dari internet generasi berikutnya
  • Pioneer di field yang masih berkembang

Web3 di Indonesia:

  • Platform kripto: Indodax, Tokocrypto, Pintu
  • Metaverse & gaming
  • DePIN (Decentralized Physical Infrastructure)
  • Masih EARLY → Opportunity besar!

14:00 - 14:45 | Web2 vs Web3: Design Differences​

Web2 Design Focus:

  • Engagement (user retention, time on site)
  • Monetisasi data pengguna (ads, tracking)
  • Smooth UX tapi data centralized

Web3 Design Focus:

1. Trust & Transparency (15 menit)

  • Membangun kepercayaan karena transaksi terbuka
  • Visualisasi data on-chain yang jelas
  • Example: Block explorer, transaction history

Challenge Designer:

"Menjadikan teknologi yang KOMPLEKS jadi GAMPANG dipake pengguna biasa."

2. User Ownership (10 menit)

  • Pengguna punya aset/data sendiri
  • NFT, tokens, wallet management
  • Clear visibility of owned assets

3. Security (10 menit)

  • Mengkomunikasikan keamanan interaksi
  • Private key, seed phrase education
  • Warning untuk irreversible transactions

4. Education (10 menit)

  • Membantu pengguna memahami konsep baru
  • Tooltips, progressive disclosure
  • Onboarding yang bertahap

☕ BREAK 14:45 - 15:00

15:00 - 15:30 | Skills yang Dibutuhkan di Web3​

1. Fundamental UI/UX Kuat ⭐ WAJIB!

  • Desain visual, prototyping, user testing
  • Information architecture, user flow
  • Tools: Figma, Sketch, Adobe XD

2. Pemahaman Kriptografi Dasar & Keamanan

  • Public/private key concept
  • Seed phrase importance
  • Desain harus komunikasikan risiko dengan jelas

3. Desain Transparansi

  • Menyajikan data on-chain (transaksi, kepemilikan) agar mudah dipahami
  • Data visualization best practices
  • Real-time updates

4. Onboarding Simpel

  • Bikin pengalaman awal pengguna Web3 jadi nggak ribet
  • Step-by-step wizard
  • Progressive disclosure
  • Visual cues & clear CTAs

5. Kemauan Belajar Cepat

  • Dunia Web3 berkembang sangat cepat!
  • New protocols, standards, patterns
  • Stay updated via communities

15:30 - 15:45 | How to Start: Transisi ke Web3 Design​

Action Plan:

  1. Pelajari Fundamental Web3

    • Blockchain, Kripto, NFT, DeFi, Smart Contracts
    • Nggak perlu jadi developer, tapi ngerti cara kerjanya

  2. Pahami Perbedaan UX di Web3

    • Onboarding challenges
    • Private key management UX
    • Transparansi transaksi
    • Error handling di blockchain

  3. Coba Langsung (Hands-On)

    • Install wallet: MetaMask, Rainbow, Coinbase Wallet
    • Coba dApps: OpenSea, Uniswap, Aave
    • Rasakan sebagai user → identify pain points

  4. Bangun Portofolio

    • Studi kasus redesign Web2 → Web3
    • Desain konsep dApps baru
    • Tunjukkan pemahaman prinsip Web3

  5. Networking

    • Join komunitas: Discord, Telegram
    • Follow Web3 designers di Twitter
    • Ikuti event/webinar

  6. Cari Lowongan

    • CryptoJobsList, Web3.career
    • Remote-first opportunities

Kesimpulan:

  • Web3 bukan cuma hype, tapi evolusi internet
  • Ladang baru untuk UI/UX designers
  • Di Indonesia masih early → first-mover advantage!
  • Fundamental tetap penting + pemahaman Web3 concepts
  • Fokus: Trust, Ownership, Transparency

15:45 - 16:00 | Q&A & Closing​

🚀 PART C: Team Formation & Project Briefing (16:00 - 17:00)​

16:00 - 16:15 | Project Overview​

Challenge:

Build an end-to-end DApp dengan ERC-20/721/1155 tokens, gasless transactions, dan beautiful UI/UX dalam 6 hari!

Timeline:

  • Start: Minggu, 2 November 2025 (hari ini, setelah sesi)
  • Deadline: Jumat, 7 November 2025, 23:59 WIB
  • Demo Day: Sabtu, 8 November 2025, 09:00 - 16:00 WIB

Deliverables:

  1. Smart Contracts (deployed & verified)
  2. Frontend (deployed & live)
  3. Pitch Deck (10-12 slides)
  4. Demo (working end-to-end)
  5. Source code (GitHub repo)

Rewards:

  • 🏆 Top 3 Projects akan mendapat hadiah spesial!
  • 🎓 Sertifikat untuk semua participants
  • 🌟 Showcase di Ethereum Jakarta channels
  • 💼 Potential intro ke investors/partners

16:15 - 16:30 | Team Formation​

Mekanisme:

  • Mentor akan membentuk tim secara acak
  • Komposisi: 3-5 orang per tim
  • Role distribution dalam tim:
    • Smart Contract Developer (minimal 1)
    • Frontend Developer (minimal 1)
    • UI/UX Designer (optional tapi recommended)
    • Business/Pitch Lead (optional tapi recommended)

Note: Jika ada overlap skill (fullstack, dll), tim bisa adjust role internally.

Tim akan diberi:

  • Team name/number
  • Dedicated Discord/Telegram channel
  • Mentor contact untuk guidance

16:30 - 16:50 | Team Brainstorming Session​

Activity per Tim:

  1. Ice Breaking (5 menit)

    • Introduce yourself: Name, role, experience
    • Share 1 fun fact about yourself
    • Set communication norms (preferred channels, availability)

  2. Idea Generation (10 menit)

    • Brainstorm project ideas
    • Tema LiskGarden adalah contoh, boleh buat tema lain!
    • Focus: What problem are we solving?

  3. Quick Decision (5 menit)

    • Vote on top 3 ideas
    • Pick 1 to execute
    • Elevator pitch: 1 sentence project description

Brainstorming Framework:

Template Questions:

  • Who is our target user?
  • What problem are they facing?
  • How does blockchain/Web3 solve it better than Web2?
  • What tokens do we need? (ERC-20/721/1155)
  • What's the core user journey?

Example Ideas:

VerticalProject IdeaTokens Needed
GameFiVirtual garden game (LiskGarden-style)ERC-20 (rewards), ERC-721 (plants), ERC-1155 (items)
NFTCreator marketplace with royaltiesERC-721 (art), ERC-20 (platform token)
DeFiSimple staking platform with NFT boostsERC-20 (staking token), ERC-721 (boost NFTs)
SocialFiCommunity badges & reputation systemERC-1155 (badges), ERC-20 (rewards)
DAOVoting platform with weighted NFT votesERC-721 (membership NFT), ERC-20 (governance)
MetaverseVirtual land with in-world currencyERC-721 (land), ERC-20 (currency), ERC-1155 (items)

16:50 - 17:00 | Action Items & Next Steps​

Before You Leave:

  • Exchange contact info (WhatsApp/Telegram/Discord)
  • Create team group chat
  • Assign initial roles
  • Schedule first team meeting (tonight or tomorrow)

Homework Tonight:

  • Finalize project concept
  • Create rough user flow (napkin sketch OK!)
  • Decide tech stack
  • Split tasks among team members
  • Setup GitHub repo (invite all members)

First 24 Hours Goal:

  • Complete project scoping
  • Setup development environment
  • Create wireframes/mockups (low-fi OK)
  • Start smart contract skeleton

Communication:

  • Main channel: [Discord/Telegram link]
  • Mentors available for questions
  • Daily standup recommended (15 menit async update)

📋 Project Requirements (Detail)​

A. Tema & Scope​

Tema:

  • LiskGarden adalah contoh utama (reference dari Sesi 3)
  • Boleh tema lain selama memenuhi requirements teknis
  • Vertical bebas: DeFi, GameFi, NFT, SocialFi, DAO, Metaverse, dll

Scope:

  • End-to-end DApp yang working (bukan mockup!)
  • Focus on core features (MVP approach)
  • Better to have 3 features yang polish daripada 10 features setengah jadi

B. Technical Requirements​

1. Smart Contracts ✅​

Token Standards:

  • ✅ Minimal 1 dari: ERC-20, ERC-721, atau ERC-1155
  • 🌟 Nilai Plus: Kombinasi 2 atau 3 token standards
  • 📝 Example:
    • LiskGarden: ERC-721 (PlantNFT) + ERC-20 (GardenToken) + ERC-1155 (GameItems)
    • NFT Marketplace: ERC-721 (NFTs) + ERC-20 (Platform Token)

Framework:

  • Hardhat (recommended dari Sesi 2)
  • Solidity version: 0.8.20+ (latest stable)
  • OpenZeppelin contracts (use libraries, don't reinvent!)

Deployment:

Verification:

  • ✅ Wajib: Verify contracts di Blockscout
  • Memudahkan testing & transparency

Testing:

  • Recommended: Test coverage minimal 70%
  • Test critical functions (mint, transfer, burn, dll)
  • Edge cases & error handling

Best Practices:

  • Use modifiers untuk access control
  • Emit events untuk semua state changes
  • Implement pausable jika needed
  • Consider upgrade patterns (proxy) - optional

2. Gasless Transactions & Account Abstraction ⚡​

Option 1: Panna SDK (Recommended - Nilai Plus!)

  • ✅ Fully gasless user experience
  • ✅ Account Abstraction built-in
  • ✅ Easy integration (sudah dipelajari di Sesi 3)
  • 📚 Docs: https://docs.panna.network

Setup:

import { PannaProvider } from '@panna/sdk';

const provider = new PannaProvider({
  chainId: 4202, // Lisk Sepolia
  apiKey: process.env.PANNA_API_KEY,
});

Option 2: Wallet Biasa (Standard)

  • MetaMask, Rainbow, Dynamic, WalletConnect
  • User bayar gas sendiri (traditional)
  • Lebih mudah implement tapi UX kurang optimal
  • ⚠️ Tidak dapat nilai plus untuk gasless experience

Option 3: DIY ERC-4337 (Advanced - Not Recommended)

  • Build sendiri Account Abstraction infrastructure
  • Kompleks & time-consuming untuk 6 hari
  • ⚠️ Tidak disarankan kecuali tim sudah expert

Rekomendasi:

Gunakan Panna SDK untuk best UX dan nilai plus. Fokus energi tim ke fitur product, bukan infrastructure.

3. Frontend Development 🎨​

Tech Stack:

  • Bebas pilih! Tidak ada requirement wajib
  • Recommended (based on Sesi 3):
    • Next.js 15 + React 19
    • TypeScript
    • Tailwind CSS
    • shadcn/ui components

Alternative OK:

  • Vue.js, Svelte, Angular
  • JavaScript (tapi TypeScript lebih baik)
  • Bootstrap, Material UI, Chakra UI

Web3 Integration:

  • If using Panna SDK:

    import { usePanna } from '@panna/react';

  • If using standard wallet:

    • wagmi + viem (modern)
    • ethers.js v6
    • web3.js

Key Features:

  • Wallet connection flow
  • Real-time data updates (balance, NFTs, etc.)
  • Transaction feedback (loading, success, error states)
  • Responsive design (mobile-friendly)

Deployment:

  • ✅ Nilai Plus: Vercel atau Netlify
  • Alternative OK: Railway, Render, GitHub Pages
  • Must be live & accessible (bukan localhost!)

Environment Variables:

NEXT_PUBLIC_LISK_RPC_URL=https://rpc.sepolia-api.lisk.com
NEXT_PUBLIC_PANNA_API_KEY=your_api_key
NEXT_PUBLIC_CONTRACT_ADDRESS=0x...

C. Design Requirements 🎨​

UI/UX Principles (from Sesi 4 Siang):

  1. Trust & Transparency

    • Clear visibility of transaction status
    • Explain what each action does (no hidden magic)
    • Show gas fees (if applicable)

  2. User Ownership

    • Clear display of user's assets (NFTs, tokens)
    • Easy access to transaction history
    • Export/backup functionality

  3. Security

    • Warning for critical actions (irreversible transactions)
    • Clear CTAs (button copy harus jelas)
    • Error prevention & validation

  4. Onboarding Simpel

    • Progressive disclosure (don't overwhelm)
    • Tooltips for Web3 terms
    • Visual guides for first-time users

Design Deliverables:

  • Wireframes atau mockups (Figma/Sketch)
  • Design system sederhana (colors, typography, spacing)
  • 5-10 key screens designed
  • User flow diagram (optional tapi bagus)

Design Quality:

  • Clean & modern aesthetic
  • Consistent visual language
  • Accessible (readable fonts, good contrast)
  • Mobile responsive

D. Business Model & Pitch Deck 💼​

Pitch Deck (10-12 slides):

Based on Hybrid Framework (Sesi 4 Pagi):

1.  Cover: Project name, tagline, team
2.  Purpose: What + Why in 1 sentence
3.  Problem: User pain point (real story/data)
4.  Solution: UVP + How it works
5.  Why Now?: Market timing, Web3 advantages
6.  Product Demo: Screenshots + GIF
7.  Market Opportunity: TAM/SAM/SOM
8.  Traction: Metrics (if any, atau roadmap)
9.  Business Model: How you make money
10. Team: Who we are & why we can execute
11. Tech Stack: Architecture diagram
12. Ask: What you're building toward (vision)

Tips:

  • BLUF (Bottom Line Up Front) - key point first!
  • One idea per slide
  • Kill jargon (explain like to non-tech friend)
  • Visual > Text
  • Practice 5-7 minute delivery

Tools:

  • Google Slides, Canva, Figma Slides, PowerPoint
  • Make sure exportable to PDF

E. Documentation Requirements 📝​

GitHub Repository:

README.md Must Include:

# Project Name

## Overview
Brief description (2-3 sentences)

## Problem & Solution
What problem does this solve?

## Features
- Feature 1: Description
- Feature 2: Description
- Feature 3: Description

## Tech Stack
- Smart Contracts: Solidity 0.8.x, Hardhat
- Frontend: Next.js 15, React 19, TypeScript
- Web3: Panna SDK / wagmi
- Styling: Tailwind CSS

## Smart Contracts
- Contract 1: Address, Blockscout link
- Contract 2: Address, Blockscout link

## Demo
🔗 Live URL: https://your-project.vercel.app

## Getting Started
### Prerequisites
- Node.js 18+
- npm/yarn/pnpm

### Installation
```bash
git clone https://github.com/your-team/project
cd project
npm install

Environment Variables​

cp .env.example .env.local
# Fill in your values

Run Development​

npm run dev

Team​

  • Name 1: Role (@github)
  • Name 2: Role (@github)
  • Name 3: Role (@github)

License​

MIT


**Additional Docs (Optional):**
- Architecture diagram
- User flow diagram
- API documentation (if applicable)

---

## ⏱️ **6-Day Development Timeline**

### **Day 0: Minggu, 2 Nov (Hari Ini - Malam)**
**Goal: Project Scoping & Setup**

- [ ] Finalize project idea & name
- [ ] Create pitch deck outline (slides 1-3: Purpose, Problem, Solution)
- [ ] Create Figma workspace, add team
- [ ] Create GitHub org/repo, invite team
- [ ] Setup project structure (monorepo or separate repos)
- [ ] Assign roles & responsibilities
- [ ] Create project board (GitHub Projects, Trello, Notion)

**Deliverable:** Project brief (1 page doc)

---

### **Day 1: Senin, 3 Nov**
**Goal: Design & Architecture**

**Morning:**
- [ ] Complete wireframes untuk 5 key screens
- [ ] Define user flows (happy path + error cases)
- [ ] Design system basics (colors, fonts, components)

**Afternoon:**
- [ ] Smart contract architecture planning
- [ ] Define token standards needed
- [ ] Create contract interfaces & function signatures
- [ ] Setup Hardhat project

**Evening:**
- [ ] Frontend project setup (Next.js/React)
- [ ] Install dependencies
- [ ] Setup Panna SDK or wallet connector
- [ ] Create basic routing & layout

**Deliverable:**
- Wireframes done
- Contract architecture doc
- Project scaffolding complete

---

### **Day 2: Selasa, 4 Nov**
**Goal: Core Smart Contracts**

**Morning:**
- [ ] Implement ERC-20/721/1155 contracts
- [ ] Add custom logic (game mechanics, minting rules, etc.)
- [ ] Write basic tests

**Afternoon:**
- [ ] Continue contract development
- [ ] Test locally with Hardhat
- [ ] Fix bugs

**Evening:**
- [ ] Deploy contracts to Lisk Sepolia
- [ ] Verify on Blockscout
- [ ] Test on testnet with MetaMask

**Deliverable:** Smart contracts deployed & verified

---

### **Day 3: Rabu, 5 Nov**
**Goal: Frontend Integration**

**Morning:**
- [ ] Complete high-fidelity designs di Figma
- [ ] Export assets (icons, images)
- [ ] Start implementing UI components

**Afternoon:**
- [ ] Integrate Panna SDK / wallet connection
- [ ] Connect to deployed contracts
- [ ] Implement read functions (display data)

**Evening:**
- [ ] Implement write functions (transactions)
- [ ] Test gasless transactions (if using Panna)
- [ ] Handle loading & error states

**Deliverable:** Working prototype (basic features functional)

---

### **Day 4: Kamis, 6 Nov**
**Goal: Feature Completion & Polish**

**Morning:**
- [ ] Complete all core features
- [ ] Implement remaining UI screens
- [ ] Add animations & transitions

**Afternoon:**
- [ ] Bug fixes
- [ ] Edge case handling
- [ ] Responsive design (mobile/tablet)

**Evening:**
- [ ] User testing internally
- [ ] Collect feedback & iterate
- [ ] Performance optimization

**Deliverable:** Feature-complete app

---

### **Day 5: Jumat, 7 Nov**
**Goal: Final Polish & Pitch Prep**

**Morning:**
- [ ] Final UI/UX polish
- [ ] Deploy frontend to Vercel/Netlify
- [ ] Setup custom domain (optional)
- [ ] Test production deployment

**Afternoon:**
- [ ] Complete README documentation
- [ ] Create demo video/GIF (optional tapi bagus)
- [ ] Prepare backup plan (jika live demo fail)

**Evening:**
- [ ] Finalize pitch deck (all 10-12 slides)
- [ ] Rehearse pitch (5-7 menit)
- [ ] Practice demo flow
- [ ] **FINAL SUBMISSION** by 23:59 WIB

**Deliverable:**
- ✅ Smart contracts deployed & verified
- ✅ Frontend live & accessible
- ✅ Pitch deck ready
- ✅ Documentation complete

---

### **Day 6: Sabtu, 8 Nov - DEMO DAY!**
**Goal: Pitch & Demo**

**Morning:**
- [ ] Arrive early, setup
- [ ] Final tech check
- [ ] Review pitch notes

**During Event:**
- [ ] Deliver pitch with confidence
- [ ] Live demo (or backup video)
- [ ] Answer Q&A
- [ ] Watch other teams & learn

**Post-Event:**
- [ ] Celebrate! 🎉
- [ ] Network with judges & other teams
- [ ] Receive feedback

---

## 🎯 **Kriteria Penilaian (Rubrik)**

**Total: 100 poin**

### **1. Technical Implementation (30 poin)**

**Smart Contracts (15 poin):**
- [ ] Code quality & best practices (5 pt)
- [ ] Functionality & features completeness (5 pt)
- [ ] Deployed & verified on Lisk Sepolia (3 pt)
- [ ] Testing (optional tapi nilai plus) (2 pt)

**Frontend (15 poin):**
- [ ] Working end-to-end integration (7 pt)
- [ ] Code quality & organization (4 pt)
- [ ] Deployed & accessible (2 pt)
- [ ] Performance & optimization (2 pt)

---

### **2. UI/UX Design (25 poin)**

**Visual Design (10 poin):**
- [ ] Aesthetic & modern (3 pt)
- [ ] Consistent design system (3 pt)
- [ ] Responsive design (2 pt)
- [ ] Attention to detail (2 pt)

**User Experience (15 poin):**
- [ ] Intuitive navigation & flow (5 pt)
- [ ] Onboarding experience (4 pt)
- [ ] Error handling & feedback (3 pt)
- [ ] Web3 UX principles (Trust, Transparency, Ownership) (3 pt)

---

### **3. Business Model & Pitch (20 poin)**

**Pitch Deck (10 poin):**
- [ ] Clear problem & solution (3 pt)
- [ ] Market opportunity & positioning (2 pt)
- [ ] Business model viability (2 pt)
- [ ] Deck quality & storytelling (3 pt)

**Pitch Delivery (10 poin):**
- [ ] Clarity & confidence (4 pt)
- [ ] Time management (5-7 menit) (2 pt)
- [ ] Handling Q&A (2 pt)
- [ ] Team chemistry (2 pt)

---

### **4. Innovation & Originality (15 poin)**

- [ ] Novelty of idea (5 pt)
- [ ] Creative use of blockchain (4 pt)
- [ ] Differentiation from existing solutions (3 pt)
- [ ] Potential impact (3 pt)

---

### **5. Completeness & Execution (10 poin)**

- [ ] All deliverables submitted on time (3 pt)
- [ ] Documentation quality (README, comments) (3 pt)
- [ ] Demo reliability (doesn't crash!) (2 pt)
- [ ] Team collaboration evident (2 pt)

---

### **BONUS Points (maks +10 poin)**

- ✅ **Gasless transactions via Panna SDK** (+5 pt)
- ✅ **Multiple token standards** (2-3 types) (+3 pt)
- ✅ **Exceptional design** (wow factor) (+2 pt)
- ✅ **Demo video** professionally produced (+1 pt)
- ✅ **Open source contribution** mindset (+1 pt)

**Max Total: 110 poin**

---

## 💡 **Tips untuk Sukses**

### **Team Collaboration:**
1. **Daily Standup** (15 menit setiap hari)
   - What did I do yesterday?
   - What will I do today?
   - Any blockers?

2. **Clear Communication**
   - Use project management tool (Trello, Notion, GitHub Projects)
   - Update status regularly
   - Ask for help early (jangan stuck sendirian!)

3. **Code Collaboration**
   - Use Git branches (feature branches)
   - Pull requests with reviews
   - Merge conflicts: resolve quickly

4. **Design Collaboration**
   - Share Figma early & often
   - Get developer feedback on feasibility
   - Iterate based on constraints

### **Time Management:**
- **Don't overscope!** MVP first, extras later
- **Timebox tasks** (Pomodoro: 25 menit focus)
- **Leave buffer** for unexpected issues
- **Sleep!** Don't burn out (6 hari marathon, bukan sprint)

### **Technical Tips:**
- **Use templates/boilerplates** (don't start from zero)
- **Copy from Sesi 3** LiskGarden code (it's open for reference!)
- **Ask mentors** when stuck (better than waste 3 hours debugging)
- **Test early, test often** (don't wait till last day)

### **Design Tips:**
- **Steal like an artist** (research competitors, get inspired)
- **Design systems** save time (define once, reuse everywhere)
- **Use component libraries** (shadcn/ui, MUI, Chakra)
- **Mobile-first** approach (easier to scale up than down)

### **Pitch Tips:**
- **Practice out loud** (not just in your head!)
- **Record yourself** and watch it back (awkward tapi helpful!)
- **Simplify language** (jargon = confusion)
- **Tell a story** (make judges care about your users)
- **Backup plan** (jika live demo fail, ada video/screenshots)

---

## 🚨 **Common Pitfalls to Avoid**

### **Technical:**
- ❌ Overengineering (KISS: Keep It Simple, Stupid)
- ❌ Not testing on actual testnet (local dev ≠ real network)
- ❌ Hard-coding values (use env variables!)
- ❌ Ignoring gas optimization (even if gasless, still matters)
- ❌ Last-minute deployment (always deploy early & iterate)

### **Design:**
- ❌ Designing features you can't build in 6 days
- ❌ Inconsistent UI (buttons yang beda-beda style)
- ❌ Ignoring mobile users (50%+ traffic mobile!)
- ❌ Copy-paste without customization (generic templates obvious)

### **Business:**
- ❌ No clear problem statement (solution looking for a problem)
- ❌ Unrealistic market size (claiming TAM $1 Trillion!)
- ❌ Copying competitors exactly (no differentiation)
- ❌ Over-time in pitch (practice timing!)

### **Team:**
- ❌ Poor communication (teammates not aligned)
- ❌ One person doing everything (not sustainable)
- ❌ Merge conflicts hell (communicate before push!)
- ❌ No backup plan (satu orang sakit, project stuck)

---

## 📚 **Resources & References**

### **From Previous Sessions:**
- **Sesi 1**: Blockchain fundamentals, Solidity basics
- **Sesi 2**: Hardhat, ERC-20/721/1155, testing
- **Sesi 3**: Next.js, Panna SDK, LiskGarden implementation

**GitHub Repos:**
- Sesi 2 Homework: [Link to contracts repo]
- Sesi 3 LiskGarden: [Link to frontend repo]

### **Documentation:**
- Lisk Docs: https://docs.lisk.com
- Panna SDK: https://docs.panna.network
- Thirdweb: https://portal.thirdweb.com
- OpenZeppelin: https://docs.openzeppelin.com
- Hardhat: https://hardhat.org

### **Design Resources:**
- Figma Community: Web3 UI Kits
- Dribbble: Web3 design inspiration
- web3designawards.com

### **Pitch Resources:**
- Sequoia Pitch Deck Template
- YC Startup School: How to Pitch

### **Tools:**
- **Smart Contracts**: Hardhat, Remix, Foundry
- **Frontend**: Next.js, Vite, Create React App
- **Design**: Figma, Sketch, Adobe XD
- **Deployment**: Vercel, Netlify, Railway
- **Collaboration**: Discord, Telegram, Slack
- **Project Management**: Notion, Trello, GitHub Projects

---

## 🎊 **Rewards & Recognition**

### **Top 3 Projects:**
🏆 **Hadiah Spesial** (akan diumumkan di Demo Day!)

**Kriteria Juara:**
- Highest total score dari rubrik penilaian
- Judges' decision is final

**Kategori Spesial (Possible):**
- 🎨 Best Design
- ⚙️ Best Technical Implementation
- 💼 Best Business Model
- 🌟 Most Innovative

### **All Participants:**
- 🎓 Sertifikat completion dari Ethereum Jakarta x Lisk
- 📸 Showcase di social media & website
- 🤝 Networking dengan ecosystem (VCs, protocols, companies)
- 📈 Portfolio piece untuk career

### **Post-Event Opportunities:**
- Introduction ke investors (untuk exceptional projects)
- Featured article di Ethereum Jakarta blog
- Invitation ke future events
- Potential grant/funding intro (Lisk EMpower Fund, dll)

---

## 📞 **Support & Communication**

### **Mentors:**
- Available for questions via Discord/Telegram
- Office hours: [Schedule TBD]
- Response time: < 24 jam (usually faster)

### **Communication Channels:**
- **Main**: Discord server [Link]
- **Announcements**: Telegram group [Link]
- **Emergency**: WhatsApp group admin

### **When to Ask for Help:**
- Stuck > 1 jam on technical issue → ask!
- Unclear requirements → ask for clarification
- Team conflict → escalate to mentors
- Health/emergency → inform immediately

**How to Ask:**
- Describe what you're trying to do
- What have you tried?
- Error messages / screenshots
- Code snippet (if applicable)

---

## ✅ **Pre-Demo Day Checklist**

**48 Hours Before (Kamis malam):**
- [ ] All contracts deployed & verified
- [ ] Frontend deployed & accessible
- [ ] Team tested end-to-end flow
- [ ] Pitch deck 90% complete

**24 Hours Before (Jumat malam):**
- [ ] Everything DONE and submitted
- [ ] Pitch rehearsed minimum 3x
- [ ] Demo tested on different devices
- [ ] Backup video recorded (optional)
- [ ] Team rested & ready

**Morning of Demo Day:**
- [ ] Arrive 30 min early
- [ ] Laptop charged (bring charger!)
- [ ] Internet connection tested
- [ ] Pitch notes printed/accessible
- [ ] Positive mindset 😊

---

## 🎯 **Final Words**

> "The best time to plant a tree was 20 years ago. The second best time is now."

You have **6 days** to build something amazing. It won't be perfect, and that's OK. Focus on:

1. **Shipping** something that works
2. **Learning** from the process
3. **Collaborating** with your team
4. **Having fun** building!

The goal isn't just to win (though that's nice!). The goal is to:
- Prove to yourself you can build end-to-end
- Add a real project to your portfolio
- Make connections with fellow builders
- Learn what it takes to go from idea → demo

**Remember:**
- Every successful project started with Day 1
- Bugs are features in disguise (learning opportunities!)
- Done is better than perfect
- Your future self will thank you for trying

---

## 🚀 **Let's Build!**

**Timeline Recap:**
- **Today (Minggu, 2 Nov)**: Team formation, brainstorming, scoping
- **Day 1-5 (Sen-Jum)**: Design, develop, test, deploy, prepare pitch
- **Day 6 (Sabtu, 8 Nov)**: DEMO DAY - Show the world what you built!

**Hashtags:**
#KelasRutinBatchIV #EthereumJakarta #LiskEcosystem #Web3Builders #BUIDLWeek

---

**Questions?**
Ask in Discord or reach out to mentors!

**Good luck, and happy building! 🎉🚀**

---

*Dokumentasi ini dibuat untuk Kelas Rutin Batch IV - Ethereum Jakarta x Lisk*
*Last updated: 2 November 2025*