🗺️ 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 หน้าสำคัญในเว็บแอพ:
⭐ ดวงวันนี้
คะแนน: 8.5/10
The Sun ☀️
ดูดวงเต็มรูปแบบ
📊 Dashboard หลัก
หน้าที่คนเห็นหลัง login — ดวงประจำวัน + Quick access
อดีต
ปัจจุบัน
อนาคต
✦ ตีความ
สิ่งที่ผ่านมาทำให้เข้มแข็ง ปัจจุบันมีโอกาสใหม่...
บันทึก + แชร์
🎴 Tarot Reader
เปิดไพ่ทาโรต์ 3 ใบ — เหมือนในแอพ
ดวงรักวันนี้?
สวัสดีคนมูว ✨ วันนี้ดาวศุกร์ส่งพลังบวก เหมาะกับการเปิดใจ...
คนใหม่จริงเหรอ?
พิมพ์ข้อความ...
🔮 น้องมูวหมอดู
คุยกับ หมอดูออนไลน์ส่วนตัว
👑
ปลดล็อกทุกฟีเจอร์
ประหยัด 25%
⭐ รายปี
฿599/ปี
= ฿50/เดือน
✓ ไม่มีโฆษณา
✓ น้องมูว ไม่จำกัด
✓ 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
Typography
- หลัก (Thai): Prompt — สำหรับ heading และ body
- รอง (Thai): Sarabun — สำหรับ body text ยาวๆ
- ตัวเลข: Cinzel (serif) — สำหรับเลขมงคล + คะแนน
Components
- Buttons (gold gradient + outline)
- Cards (purple gradient + gold border)
- Modals + Drawers
- Form inputs (consistent style)
- Phone mockup frames
- Tarot card display
- Stars + nebula background
📱 Mobile-First Design
เว็บแอพมูวทีเถอะ ออกแบบ Mobile-First เพราะ:
- 80%+ ของ traffic ดูดวงในไทยมาจากมือถือ
- คน Gen Z + Y ค้นหาบนมือถือเป็นหลัก
- เว็บที่ดีบนมือถือ → SEO Google จัดอันดับสูงขึ้น
💰 Budget Summary (ทำเอง)
| Phase | Scope | Time | Cost |
| Phase 1 ✅ | 5 SEO Landing | 2 ชม. | ฿0 |
| Phase 2 | 5 Free Tools | 1-2 เดือน | ฿0 |
| Phase 3a | Auth + Dashboard | 1 เดือน | ฿0 |
| Phase 3b | Tarot + หมอดูคุย Web | 1 เดือน | ฿0 |
| Phase 3c | Premium + Payments | 1 เดือน | ฿0 (Stripe/Omise free signup) |
| Hosting | Firebase | ต่อปี | ฿0-3,000 |
| รวม Year 1 | ฿3,000 |
พร้อมเริ่มต้น Phase 2 หรือยัง?
เริ่ม build Free Interactive Tools — ฟีเจอร์ที่ดึง user เข้าเว็บแอพ
กลับหน้าหลัก