Phiên bản tài liệu

v1.0 — Demo Release

Ngày lập

Tháng 6 năm 2026

Loại tài liệu

Kế hoạch dự án nội bộ

Trạng thái

Draft — Cần xem xét & phê duyệt

Thông tin

Chi tiết

Tên doanh nghiệp

Tập đoàn An Thái (An Thai Group)

Thành lập

15/06/1996 tại Buôn Ma Thuột, Đắk Lắk

Lĩnh vực

Sản xuất, chế biến, phân phối và xuất khẩu cà phê

Quy mô

Tập đoàn đa ngành — nhiều công ty thành viên

Sản xuất

Trên 40.000 tấn cà phê hòa tan/năm

Thị trường

Xuất khẩu đến 40+ quốc gia, phục vụ 500+ thương hiệu

Chứng nhận

ISO 22000:2018, FDA, HALAL, Intertek, SNI

Website hiện tại

anthaigroup.vn (3 ngôn ngữ: Việt, Anh, Trung)

Địa chỉ chính

263 Vườn Lài, P. Phú Thọ Hòa, Q. Tân Phú, TP.HCM

Nhóm khách hàng

Đặc điểm

Nhu cầu trên website

Đối tác B2B Quốc tế

Trung Quốc, Philippines, Malaysia, Mỹ, Dubai, Israel, Hàn Quốc...

Danh mục sản phẩm chi tiết, chứng chỉ xuất khẩu, cổng yêu cầu báo giá (RFQ)

Thương hiệu OEM/ODM

500+ thương hiệu sử dụng nguyên liệu An Thái

Dịch vụ gia công, năng lực sản xuất, quy trình kiểm soát chất lượng

Nhà phân phối trong nước

Đại lý khu vực Việt Nam

Chính sách đại lý, bảng giá, liên hệ kinh doanh

Người tiêu dùng cuối cùng

Yêu thích cà phê Việt, quan tâm chất lượng

Câu chuyện thương hiệu, giá trị sản phẩm, điểm mua

Nhà đầu tư / Đối tác chiến lược

Tiềm năng đầu tư vào ngành cà phê Việt

Thông tin tập đoàn, hệ sinh thái, tầm nhìn chiến lược

TRANG CHỦ (Homepage)

Hero Banner — Key Stats — Sản phẩm nổi bật — Tại sao chọn An Thái — Hệ sinh thái thương hiệu — Quy trình sản xuất — Tin tức mới nhất — Đăng ký nhận tin

VE CHUNG TOI (About Us)

• Tổng quan tập đoàn • Cột mốc phát triển (Timeline) • Tầm nhìn - Sứ mệnh - Giá trị cốt lõi • Hệ sinh thái • Chứng chỉ & Giải thưởng • Mạng lưới văn phòng toàn cầu

SAN PHAM - DICH VU (Products & Services)

• Cà phê bột • Cà phê hạt rang • Cà phê hòa tan 3in1 • Sấy lạnh • Sấy phun • Cà phê phin giấy • Dịch vụ OEM/ODM gia công • Tải Catalog PDF

NANG LUC SAN XUAT (Capabilities)

• Quy trình sản xuất tiêu chuẩn quốc tế • Công nghệ Châu Âu • Kiểm soát chất lượng (QC/QA) • Năng lực OEM/ODM

NHAN SU & TUYEN DUNG (HR)

• Văn hóa công ty • Chính sách nhân sự • Vị trí tuyển dụng • Form ứng tuyển online

TIN TUC & INSIGHTS

• Tin tức tập đoàn • Blog ngành cà phê • Triển lãm quốc tế • Báo cáo thị trường • Video Factory Tour

LIEN HE & PORTAL

• Form liên hệ đa mục đích • Cổng Yêu cầu Báo giá (RFQ) • Bản đồ & chỉ đường • Chat hỗ trợ trực tuyến

Vùng 1: Hero Section (toàn màn hình)

• Logo + Navigation bar (cố định khi scroll) • Slogan animation: 'Từ hạt cà phê Việt Nam ra thế giới' • CTA chính: [Khám phá sản phẩm] và [Liên hệ đối tác] • Background: video nhà máy sản xuất hoặc vùng cà phê Đắk Lắk

Vùng 2: Key Metrics Banner

500+ Thương Hiệu | 40,000+ Tấn/năm | 40+ Quốc gia | 30+ Năm kinh nghiệm | Animated counter khi scroll vào view

Vùng 3-6: Sản phẩm — Quy trình — Hệ sinh thái — Tin tức

Grid sản phẩm với hover effect | Timeline quy trình sản xuất interactive | Logo wall sub-brands | News carousel

Product Detail Page

• Ảnh sản phẩm 360° / gallery HD • Thông số kỹ thuật chi tiết (bảng) • Chứng nhận áp dụng • Packaging options • Button: [Tải Catalog] / [Yêu cầu mẫu thử] • Related products

Loại nội dung

Phục vụ ai

Kênh phân phối

Catalog sản phẩm PDF (đa ngôn ngữ)

Đối tác B2B quốc tế

Website + Email + Triển lãm

Blog: Xu hướng thị trường cà phê thế giới

Nhà nhập khẩu, Thương hiệu OEM

Website + LinkedIn

Video: Quy trình sản xuất tại nhà máy

Mọi đối tượng

Website + YouTube + TikTok

Thông cáo báo chí — Giải thưởng, Chứng nhận

Nhà đầu tư, Báo chí

Website + PR

Case Studies: Đối tác thành công

Khách hàng tiềm năng B2B

Website + LinkedIn

Infographic: Hành trình hạt cà phê An Thái

Người tiêu dùng + B2B

Website + Social Media

Bản tin nội bộ hàng tháng

Nhân viên + Đối tác lâu dài

Email Newsletter

Tháng 1-2: Foundation Content

Hoàn thiện toàn bộ trang sản phẩm (6 dòng sản phẩm) — mỗi trang cần: ảnh HD, thông số kỹ thuật, packaging options, chứng nhận áp dụng. Viết lại toàn bộ trang About Us theo tiêu chuẩn corporate hiện đại.

Tháng 3-4: Trust Content

Xuất bản 4 bài Case Study với đối tác xuất khẩu thành công. Tạo 2 video nhà máy sản xuất (công nghệ sấy phun & sấy lạnh). Thiết kế bộ infographic 'Từ nông trại đến ly cà phê'.

Tháng 5-6: Engagement Content

Ra mắt Blog chuyên mục với 8 bài đầu tiên về xu hướng ngành cà phê. Tạo trang Sustainability/CSR. Publish bản đồ xuất khẩu tương tác. SEO audit và optimize.

Tầng

Công nghệ đề xuất

Lý do lựa chọn

Frontend

Next.js 14 (React) + TypeScript + Tailwind CSS

SSR/SSG tối ưu SEO, hiệu năng cao, TypeScript giảm lỗi

CMS

Sanity.io hoặc Strapi (Headless CMS)

Biên tập viên dễ dùng, đa ngôn ngữ tích hợp sẵn

Backend/API

Node.js (NestJS) + REST/GraphQL API

Xử lý RFQ form, email, user management

Database

PostgreSQL (chính) + Redis (cache)

Ổn định, ACID compliance, cache nhanh

Hosting/CDN

Vercel (Frontend) + AWS / Railway (Backend)

Tự động scale, CDN toàn cầu, uptime 99.99%

Email

SendGrid hoặc AWS SES

Gửi email tự động, template đẹp, analytics

Analytics

Google Analytics 4 + Google Tag Manager

Theo dõi hành vi người dùng, đo lường KPIs

Search

Algolia (Site Search)

Tìm kiếm sản phẩm tức thì, hỗ trợ đa ngôn ngữ

Giai đoạn

Công việc chính

Thời gian

Chịu trách nhiệm

Phase 1

Nghiên cứu, IA, Wireframe, Design System

Tuần 1-3

Product Owner + UX Designer

Phase 2

UI Design (Figma), Review & Approval

Tuần 4-6

UI Designer + Stakeholders

Phase 3

Frontend Development + CMS Setup

Tuần 7-11

Dev Team

Phase 4

Backend: API, RFQ System, Email

Tuần 9-13

Backend Dev

Phase 5

Nhập nội dung, SEO On-page, i18n

Tuần 12-15

Content Team + SEO

Phase 6

QA Testing, Performance, Security Audit

Tuần 14-16

QA Engineer

Phase 7

UAT — User Acceptance Testing

Tuần 16-17

Ban lãnh đạo + Key Users

Phase 8

Go Live + Monitor + Hotfix

Tuần 18

DevOps + Full Team

Tần suất

Công việc

Người thực hiện

Hàng ngày

Monitor uptime, check form submissions, trả lời RFQ trong 24h

Content Executive

Hàng tuần

Đăng bài blog/tin tức, cập nhật banner khuyến mãi

Marketing Team

Hàng tháng

Báo cáo GA4 (traffic, conversion), SEO rank tracking, backup database

Digital Manager

Hàng quý

Security audit, update dependencies, A/B test landing pages, refresh content

Tech Lead + Marketing

Hàng năm

Redesign review, content audit toàn bộ, UX improvement sprint

Product Owner

> 10K

Monthly Visitors (6 tháng)

< 3%

Bounce Rate (Target)

> 3%

Lead Conversion Rate

< 3s

Page Load Time

01 B2B Partner Portal — Cổng đối tác riêng tư

Tạo khu vực đăng nhập dành riêng cho đối tác B2B: truy cập catalog độc quyền, theo dõi đơn hàng, tải tài liệu kỹ thuật, bảng giá cập nhật realtime và lịch sử giao dịch. Tăng loyalty và giảm tải cho team Sales.

02 Interactive Factory Tour — Tham quan nhà máy ảo 360°

Tích hợp tour tham quan nhà máy 360° bằng công nghệ WebGL hoặc video hotspot. Đối tác quốc tế có thể 'đi thăm' nhà máy mà không cần bay sang Việt Nam, tạo sự tin tưởng trực quan về quy trình và điều kiện sản xuất.

03 Coffee Origin Map — Bản đồ nguồn gốc tương tác

Bản đồ tương tác hiển thị: vùng nguyên liệu (Đắk Lắk, Lâm Đồng...), nhà máy sản xuất, và 40+ quốc gia xuất khẩu. Storytelling trực quan về hành trình 'Từ vườn cà phê Tây Nguyên đến 40 quốc gia'.

04 AI-powered RFQ Chatbot — Báo giá thông minh

Chatbot AI tích hợp trực tiếp trên website: hỏi đáp về sản phẩm, hướng dẫn chọn loại cà phê phù hợp với nhu cầu đối tác, thu thập thông tin RFQ và kết nối ngay với Sales Rep. Hỗ trợ 3 ngôn ngữ 24/7.

05 Sustainability & ESG Dashboard

Trang Phát triển bền vững với số liệu thực: % nguyên liệu hữu cơ, lượng CO2 đã tiết kiệm, số nông dân được hỗ trợ, chương trình An Phú Organic. Xu hướng bắt buộc cho đối tác châu Âu (EU ESG regulations).

06 Brand Ecosystem Microsite Hub

Thiết kế landing hub thống nhất cho toàn bộ hệ sinh thái: AnTháiCafé / An Thái Việt Nam / Hiup Coffee / An Phú Organic / Dance Café — mỗi brand có visual identity riêng nhưng kết nối với An Thai Group, cross-sell và upsell hiệu quả.

07 Sample Request — Yêu cầu mẫu thử trực tuyến

Form thông minh cho phép đối tác quốc tế yêu cầu mẫu sản phẩm trực tiếp: chọn loại sản phẩm, số lượng mẫu, địa chỉ giao hàng, mục đích thử nghiệm. Tự động tạo ticket cho Sales Team và gửi tracking email.

Tên màu

Mã Hex

Sử dụng cho

Cảm xúc

Brand Green

#2E8B3C

Logo, CTA primary, headings, menu

Tự nhiên, bền vững, tin cậy

Dark Green

#155724

Hover states, footer, text heading

Uy tín, chuyên nghiệp

Brand Orange

#E68A00

Accent, highlights, icons, badge

Nhiệt huyết, sáng tạo, hành động

Light Amber

#FFF3CD

Section background, card highlight

Ấm áp, mời gọi

Mint Green

#E8F5E9

Section BG, table stripes

Nhẹ nhàng, sạch sẽ, thư giãn

Neutral Dark

#212121

Body text, paragraph

Dễ đọc, trang trọng

Neutral Gray

#616161

Subtext, caption, label

Phụ trợ, tinh tế

White

#FFFFFF

Background chính, card

Sạch sẽ, hiện đại, tối giản

Font chính — Display/Heading

Montserrat Bold / ExtraBold: Dùng cho tất cả tiêu đề lớn (H1, H2), slogan. Đặc điểm: geometric, mạnh mẽ, hiện đại — phản ánh sức mạnh của tập đoàn cà phê hàng đầu. Rất tốt cho cả tiếng Việt và tiếng Anh.

Font thứ cấp — Body Text

Inter Regular/Medium: Dùng cho toàn bộ nội dung văn bản. Đặc điểm: tối ưu cho màn hình, legibility cao, Unicode Vietnamese hoàn chỉnh, open-source miễn phí.

Font điểm nhấn — Stats / Numbers

Oswald hoặc Bebas Neue: Dùng cho các con số ấn tượng (500+, 40,000+ tấn, 40+ quốc gia). Đặc điểm: condensed, bold — làm nổi bật số liệu ngay cả khi ở kích thước lớn.

KHUYẾN NGHỊ

Kết hợp Concept B (layout) + elements của Concept A (tone ảnh) + Concept C (storytelling approach). Tạo ra website vừa mạnh mẽ hiện đại, vừa có chiều sâu câu chuyện thương hiệu. Sử dụng chính xác bộ màu từ logo An Thái Việt Nam đã upload (Green + Orange) làm định hướng xuyên suốt.

18

Tuần thực hiện

7

Phần kế hoạch

3

Ngôn ngữ

07

Ý tưởng mới

MUC TIEU CHINH

Nang cap hinh anh thuong hieu An Thai len chuan quoc te, tang 200% lead B2B trong 12 thang sau launch, chiem linh SEO nganh ca phe Viet Nam xuat khau.

BUOC TIEP THEO

1. Phe duyet tai lieu nay 2. Lap team du an 3. Kick-off Workshop 4. Trinh bay UI Concept Figma 5. Bat dau Phase 1 theo lo trinh