Khảo sát yêu cầu website

Phần 1 — Ý tưởng & tính năng

1. Website mục đích gì?

Landing page / marketing Blog / content Bán hàng (e-commerce) Company site Web app / dashboard Khác

2. Cần quản lý nội dung qua admin không?

Có (khách tự sửa) Không (dev sửa)

3. Cần login user không?

Có Không

4. Cần payment không?

Có Không

5. Cần realtime không? (chat, live update)

Có Không

6. Số trang ước tính?

1-5 5-20 20-100 100+

7. Budget? ? Budget ảnh hưởng đến stack đề xuất. Budget thấp → ưu tiên Astro/WordPress (đơn giản, rẻ). Budget cao → có thể Next.js/Vite+React (custom phức tạp, dashboard).

<10tr 10-30tr 30-100tr 100tr+

8. Timeline? ? Timeline gấp → ưu tiên Astro/WordPress (build nhanh, ít config). Timeline dài → có thể Next.js (SSR, RSC, custom logic phức tạp).

<1 tuần 1-4 tuần 1-3 tháng

Phần 2 — Phong cách thiết kế

9. Ngành nghề?

SaaS / startup B2B / enterprise Tài chính / ngân hàng Y tế Giáo dục E-commerce / retail Gaming / Web3 F&B / lifestyle Fashion / luxury Creative agency

10. Brand personality? (chọn 1-2)

Năng lượng, trẻ trung Bình tĩnh, chuyên nghiệp Cao cấp, sang trọng Phá cách, edgy Thân thiện, dễ gần

11. Style thích? (xem 10 demo rồi chọn 1-3)

SaaS Modern xem → Corporate Professional xem → Minimalist / Swiss xem → Dark / Cyberpunk xem → E-commerce Conversion xem → Editorial / Magazine xem → Bold / Brutalist xem → Glassmorphism xem → Playful / Illustration xem → Neumorphism (Soft UI) xem →

12. Sections/elements cần có trên web? (chọn nhiều) ? Chọn các section cần có. Tool sẽ ghi vào brief để dev biết scope công việc. Một số section có thể ảnh hưởng đến style đề xuất (vd: cần product gallery → style E-commerce phù hợp hơn).

Hero (banner lớn) Features (tính năng) Pricing (bảng giá) Testimonials (khách nói) FAQ (hỏi đáp) CTA banner Gallery (ảnh sản phẩm) Blog / tin tức Team (đội ngũ) Contact form Map / địa chỉ Newsletter signup Stats / số liệu Logos (khách hàng) How it works (quy trình) Video intro Countdown / urgency Social feed

13. Màu brand chính?

Hoặc chọn từ brand nổi tiếng:

Chọn màu rồi mở demo style → màu sẽ tự áp dụng lên demo (lưu localStorage, bật/tắt được).

14. Có logo sẵn không?

Có Không (cần thiết kế)