✦ Internal Document ✦

มูวทีเถอะ Web App
Mockup โครงสร้างเต็มระบบ

ดูทั้งระบบของเว็บแอพมูวทีเถอะแบบเต็มที่จะ build ใน Phase 3 — โครงเว็บ, UX flow, ฟีเจอร์, การออกแบบ

🗺️ Sitemap โครงสร้างเว็บทั้งระบบ

โครงเว็บแอพมูวทีเถอะ — แบ่งเป็น 3 layers ตามที่ออกแบบ: SEO Public, Free Interactive, Premium Members

mooteeter.web.app/ │ ├── 📄 Public Pages (SEO + AdSense) │ ├── / ← Landing page (DONE ✅) │ ├── /daily-fortune/ ← ดูดวงประจำวัน (DONE ✅) │ ├── /tarot-love/ ← ทาโรต์ความรัก (DONE ✅) │ ├── /tarot-career/ ← ทาโรต์การงาน (DONE ✅) │ ├── /siamsee/ ← เซียมซีออนไลน์ (DONE ✅) │ ├── /lucky-numbers/ ← เลขมงคล (DONE ✅) │ ├── /blog/ ← Blog (Phase 2) │ │ ├── ความหมายไพ่ 78 ใบ │ │ ├── Bazi & Wu Xing คืออะไร │ │ └── ดวงในแต่ละราศี │ ├── /about/ ← เกี่ยวกับเรา │ ├── /privacy_policy.html ← Privacy (DONE ✅) │ └── /terms/ ← ข้อกำหนด │ ├── 🎴 Free Tools (No login — Phase 2) │ ├── /tool/tarot-1-card/ ← เปิดไพ่ 1 ใบ │ ├── /tool/tarot-3-cards/ ← เปิดไพ่ 3 ใบ │ ├── /tool/siamsee-shake/ ← เซียมซีออนไลน์ │ ├── /tool/daily-quick/ ← Daily quick (ใส่วันเกิด) │ └── /tool/compatibility/ ← ตรวจความเข้ากันได้ │ ├── 🔐 App (with login) (Phase 3) │ ├── /app/ ← Dashboard (after login) │ ├── /app/profile/ ← Profile │ ├── /app/tarot/ ← Full tarot reader │ │ ├── /app/tarot/3-cards/ │ │ ├── /app/tarot/celtic-cross/ │ │ └── /app/tarot/history/ │ ├── /app/daily/ ← Daily fortune │ │ ├── /app/daily/today/ │ │ ├── /app/daily/7-days/ │ │ └── /app/daily/30-days/ │ ├── /app/moo-ai/ ← น้องมูวหมอดู Chat │ ├── /app/siamsee/ ← Siam See history │ ├── /app/calendar/ ← ปฏิทินมงคล │ └── /app/settings/ │ └── 💎 Premium Pages (Phase 3) ├── /app/premium/ ← Premium info + upgrade ├── /app/wallpaper/ ← Wallpaper generator ├── /app/pdf-export/ ← Download PDF └── /app/exclusive/ ← Premium content
📊 จำนวนหน้าทั้งหมด: ~30 หน้าเมื่อ build เสร็จ
✅ เสร็จแล้ว: 6 หน้า (Phase 1)
🚧 จะทำต่อ: 24 หน้า (Phase 2-3)

📱 Mockup ฟีเจอร์หลัก — Web App

ดูตัวอย่าง 4 หน้าสำคัญในเว็บแอพ:

🔮 Dashboard
👤 คนมูว
⭐ ดวงวันนี้
คะแนน: 8.5/10
The Sun ☀️
🍀 เลขมงคล
7 · 19 · 42
🎴 ทาโรต์
เปิดไพ่ 3 ใบ →
🔮 น้องมูว
ถามอะไรก็ได้
ดูดวงเต็มรูปแบบ

📊 Dashboard หลัก

หน้าที่คนเห็นหลัง login — ดวงประจำวัน + Quick access

🎴 ทาโรต์ 3 ใบ
🌙
🌹
อดีต ปัจจุบัน อนาคต
✦ ตีความ
สิ่งที่ผ่านมาทำให้เข้มแข็ง ปัจจุบันมีโอกาสใหม่...
บันทึก + แชร์

🎴 Tarot Reader

เปิดไพ่ทาโรต์ 3 ใบ — เหมือนในแอพ

🔮
น้องมูว
● ออนไลน์
ดวงรักวันนี้?
สวัสดีคนมูว ✨ วันนี้ดาวศุกร์ส่งพลังบวก เหมาะกับการเปิดใจ...
คนใหม่จริงเหรอ?
พิมพ์ข้อความ...

🔮 น้องมูวหมอดู

คุยกับ หมอดูออนไลน์ส่วนตัว

💎 Premium
👑
ปลดล็อกทุกฟีเจอร์
ประหยัด 25%
⭐ รายปี
฿599/ปี
= ฿50/เดือน
รายเดือน
฿59/เดือน
✓ ไม่มีโฆษณา
✓ น้องมูว ไม่จำกัด
✓ PDF + Wallpaper
✓ Credit Bonus
สมัคร Premium

💎 Premium Upgrade

หน้าสมัครพรีเมียม (Stripe/Omise)

🌊 User Flow — เส้นทางของ User

เส้นทางที่ user เดินจากเข้าเว็บครั้งแรก → กลายเป็นลูกค้า Premium:

1️⃣ Discovery — เจอเว็บผ่าน Google Search

User Google "ดวงวันนี้" → คลิก mooteeter.web.app/daily-fortune/

2️⃣ First Visit — อ่านเนื้อหา + เห็นโฆษณา

อ่านบทความ → คลิก AdSense → เรา earn ฿2-5 (passive)

3️⃣ Try Free Tool — ลองเล่นไพ่ 1 ใบฟรี

เห็น "เปิดไพ่ฟรี" → ลองเล่น → ติดใจ

4️⃣ Sign Up — สมัครฟรี เก็บประวัติ

"เก็บประวัติดูดวงไว้" → Sign up with Google → user converted

5️⃣ Daily Habit — กลับมาทุกวัน

Push notification "ดวงวันนี้พร้อมแล้ว" → กลับมา + เห็นโฆษณาทุกวัน

6️⃣ App Download — ดาวน์โหลดแอพมือถือ

"ใช้บนมือถือสะดวกกว่า" → กด Play Store → ดาวน์โหลด

7️⃣ Premium Convert — สมัคร Premium

"ปลดล็อก น้องมูว ไม่จำกัด ฿59" → ซื้อ → MRR เพิ่ม

8️⃣ Retention + Referral

ใช้ทุกวัน → แชร์ลง Facebook → เพื่อนมาใช้ → loop ครบ

⚙️ Tech Stack — เครื่องมือที่ใช้

Frontend

Flutter Web HTML5 / CSS3 JavaScript (vanilla) Google Fonts

Backend (เดิม — ใช้ร่วมกับแอพ)

Firebase Auth Firestore Cloud Functions Firebase Hosting Firebase Storage

Payments (Web)

Stripe (international) Omise (Thai) 2C2P (Thai backup)

Analytics + SEO

Google Analytics 4 Google Search Console Bing Webmaster Schema.org JSON-LD

Monetization

Google AdSense Web Premium (Stripe) Affiliate (Lazada/Shopee)

🎨 Design System

Color Palette

Gold
#FFD700
Purple Mid
#4A148C
Purple Deep
#1A0033
Pink Accent
#E91E63

Typography

Components

📱 Mobile-First Design

เว็บแอพมูวทีเถอะ ออกแบบ Mobile-First เพราะ:

💰 Budget Summary (ทำเอง)

PhaseScopeTimeCost
Phase 1 ✅5 SEO Landing2 ชม.฿0
Phase 25 Free Tools1-2 เดือน฿0
Phase 3aAuth + Dashboard1 เดือน฿0
Phase 3bTarot + หมอดูคุย Web1 เดือน฿0
Phase 3cPremium + Payments1 เดือน฿0 (Stripe/Omise free signup)
HostingFirebaseต่อปี฿0-3,000
รวม Year 1฿3,000

พร้อมเริ่มต้น Phase 2 หรือยัง?

เริ่ม build Free Interactive Tools — ฟีเจอร์ที่ดึง user เข้าเว็บแอพ

กลับหน้าหลัก