Phase 1 Complete — Coming Soon

Daily MU
ปฏิทินดูแลใจ ที่เข้าใจคุณ

แอปดูดวงรายวันที่ผสาน "ศาสตร์โบราณ" กับ "AI วิเคราะห์" — ไพ่ทาโรต์ เซียมซี ทำนายฝัน ทุกอย่างในที่เดียว

Figma Design System UX/UI AI-Powered Team Collab

ปัญหาที่เจอ

ทำไมต้องมี Daily MU?

เคยไหม? อยากรู้ดวงวันนี้ แต่ต้องเปิดหลายแอป — ดวงรายวันที่หนึ่ง ไพ่ทาโรต์อีกที่ ทำนายฝันอีกที่ แถมแต่ละแอปก็ไม่ได้ Personalize ตามวันเกิดเรา

— ทีม Daily MU, จากการคุยกับกลุ่มเป้าหมาย
🔮

ศาสตร์โบราณถูกจำกัดอยู่กับหมอดู

การดูดวงแบบเดิมต้องไปหาหมอดู ซึ่งหลายคนเข้าไม่ถึง ทั้งค่าใช้จ่าย เวลา และความกล้าที่จะไป — ทำให้คนรุ่นใหม่ที่สนใจ "เรื่องจิตวิญญาณ" ไม่มีทางเลือกที่สะดวก

📱

แอปดูดวงกระจัดกระจาย

ดูดวงรายวันแอปหนึ่ง ไพ่ทาโรต์อีกแอป เซียมซีก็เว็บ ทำนายฝันก็ต้อง search Google — ไม่มีที่ไหนรวมทุกอย่างไว้ในที่เดียวที่ "เข้าใจ" ตัวเรา

🎯

ไม่ Personalize — ได้ดวงเหมือนกันทุกคน

แอปดวงส่วนใหญ่ให้ดวงตามราศีกว้างๆ ไม่สนวันเกิด เวลาเกิด หรือสถานที่เกิด — ทำให้รู้สึกว่า "ดวงนี้ไม่ใช่ของเรา"


วิธีแก้ปัญหา

ผสานทุกศาสตร์ไว้ในแอปเดียว — Personalize ด้วย Birth Profile + AI

🌟

Birth Profile — รู้จักคุณตั้งแต่ Onboarding

เก็บ วันเกิด เวลาเกิด สถานที่เกิด ราศี ตั้งแต่ครั้งแรก เพื่อสร้าง "ดวงที่เป็นของคุณจริงๆ" ทุกวัน

🎴

ทุกศาสตร์ในที่เดียว

ดวงรายวัน ไพ่ทาโรต์ 22 ใบ (Major Arcana) เซียมซีดิจิทัล ทำนายฝันด้วย AI — จบในแอปเดียว

🤖

AI สรุปดวงให้เข้าใจง่าย

ไม่ต้องอ่านตำราเอง — AI วิเคราะห์และสรุปเป็นคำแนะนำรายวันที่อ่านง่าย พร้อมสีมงคลประจำวัน


สิ่งที่สร้าง

ลองเปิดไพ่ดู — ทุกใบเป็น Feature จริงใน Daily MU

แตะไพ่เพื่อเปิด

I Daily MU
☀️ Daily Horoscope ดวงรายวันตามราศี พร้อม AI สรุป + สีมงคลประจำวัน
II Daily MU
🎴 Tarot Cards Major Arcana 22 ใบ พร้อมความหมาย + คำทำนายเฉพาะตัว
III Daily MU
🏮 Siam Si เซียมซีดิจิทัลแบบโต้ตอบ พร้อม Animation เขย่ากระบอก
IV Daily MU
💭 Dream Reading พิมพ์ความฝัน แล้ว AI วิเคราะห์ + แนะนำเลขมงคล

แตะไพ่อีกครั้งเพื่อปิด

🔐

Authentication

Social Login, Email/Password, OTP Recovery + Account Management

🏠

Home Dashboard

AI Summary Cards + Daily Fortune + Time-based Greetings + สีมงคล

👤

Birth Profile

เก็บข้อมูล วันเกิด เวลาเกิด สถานที่ ราศี เพื่อ Personalize ดวง

🔔

Push Notifications

แจ้งเตือนดวงรายวัน วันมงคล กิจกรรมพิเศษ


Hack กับปัญหา

เบื้องหลังที่ไม่ได้สวยเสมอไป — แต่ทุกปัญหาทำให้เราเก่งขึ้น

🎨

Design System ที่ต้องสร้างจาก 0

ทีมไม่มี Design System มาก่อน ต้องกำหนด Tokens ตั้งแต่ สี Typography Spacing Radius ทุกอย่าง — ใช้เวลา Week แรกทั้ง Week แค่วาง Foundation

สร้าง Design Tokens เป็นระบบ ทำให้ Week 2-3 ทำงานเร็วขึ้น 3 เท่า

Animation ไพ่ทาโรต์ที่ต้อง "รู้สึก" ได้

ไพ่ทาโรต์ไม่ใช่แค่เปิดปิด — ต้องมี 3D flip, shimmer, glow effect ให้รู้สึกถึง "ความศักดิ์สิทธิ์" ทดลอง CSS transform 3D หลายรอบจนได้ feel ที่ใช่

ใช้ CSS perspective + preserve-3d + cubic-bezier ทำ 3D flip ที่ smooth โดยไม่พึ่ง JS library
🤝

3 คน 3 สไตล์ — จะ Merge ยังไง?

แต่ละคนออกแบบคนละ flow — สไตล์ Spacing Color ต่างกันหมด ถ้าไม่มีกติกา output จะไม่เป็นเนื้อเดียวกัน

แก้ด้วย Design Token Sheet + Component Library ที่ทุกคนใช้ร่วมกัน — Review กันทุก Week
📐

Responsive ที่ต้องดูดีทุก Breakpoint

แอปดูดวงมี Content เยอะมาก — Card Fortune, ไพ่ 22 ใบ, Dashboard ต้อง Layout ให้ดีทั้ง Mobile/Tablet/Desktop โดยไม่หาย

ใช้ CSS Grid + clamp() + Container Query คิดแบบ Mobile First แล้วขยายขึ้น

ทีมของเรา

3 คน 3 จุดแข็ง — แบ่งงานตาม Flow แล้วรวมเป็นหนึ่งเดียว

T
TAN
  • Authentication Flow
  • Home Dashboard
  • Siam Si (เซียมซี)
  • Design System Lead
P
PIM
  • Daily Horoscope
  • Tarot Cards
  • Zodiac Screens
J
JED
  • Dream Interpretation
  • Profile / Settings
  • Push Notifications

Timeline

จากแผนสู่ความจริง — 4 สัปดาห์ที่เข้มข้น

Week 1 — Feb 2026

Planning & Design System

กำหนด Scope, สร้าง Design Tokens, วาง Component Library, แบ่ง Flow ให้แต่ละคน

Week 2 — Feb 2026

Core Screens & Auth

Onboarding, Login/Register, Home Dashboard — วาง Foundation ของแอป

Week 3 — Feb–Mar 2026

Fortune Features & Animations

ไพ่ทาโรต์ เซียมซี ทำนายฝัน ดวงรายวัน — ใส่ Animation ให้มี Magic

Mar 2026 — Present

Phase 1 Complete + QA

ตรวจทุกหน้า ทุก Flow ทุก Breakpoint — พร้อมส่งมอบ Design ให้ Dev


Key Takeaways

สิ่งที่ทีมได้เรียนรู้จากการทำ Daily MU

Design System ช่วยได้จริง — แต่ต้องลงทุนก่อน:

Week แรกรู้สึกช้ามาก เพราะเอาเวลาไปสร้าง Tokens/Components แต่พอ Week 2-3 ทุกคนทำงานเร็วขึ้นมาก เพราะไม่ต้องตัดสินใจเรื่องสี/Spacing ใหม่ทุกครั้ง

Collaboration = Communication:

3 คนทำงานพร้อมกัน ถ้าไม่คุยกัน output จะไม่เป็นเนื้อเดียว — Review ทุก Week + ใช้ Design Token ร่วมกัน ทำให้ Merge งานได้ smooth

Animation ต้อง "รู้สึก" ไม่ใช่แค่ "เคลื่อนไหว":

ไพ่ทาโรต์ เซียมซี ต้องให้ผู้ใช้รู้สึกถึง "ความพิเศษ" — ไม่ใช่แค่ transition ธรรมดา แต่ต้องมี timing, easing, glow ที่สร้าง emotional moment

Mobile First ช่วยป้องกันปัญหา Responsive:

ออกแบบ Mobile ก่อนแล้วขยาย — ทำให้ Content ไม่หายเวลาย่อจอ และ Layout ไม่พังเมื่อเจอข้อมูลจริง

40+
หน้าจอที่ออกแบบ
3
คนในทีม
4
สัปดาห์ Phase 1
22
ไพ่ Major Arcana
Aw mascot

ดวงดี ออกแบบได้

Daily MU ยังไม่ได้ Launch — แต่กระบวนการคิด ทำ แก้ปัญหาร่วมกันเป็นทีม คือสิ่งที่มีค่าที่สุดจาก Phase 1 นี้

Figma Design System AI-Powered Team Collab CSS Animation
Projects