StockMart – Bản thiết kế cấu trúc Website

🗺️

1 · Sơ đồ Cấu trúc Trang web (Sitemap)

Toàn bộ các trang cần có, phân cấp ưu tiên và mục tiêu SEO

🏠 stockmart.jp (Trang chủ)

🏠 Trang chủ (TOP)

🔥 Ưu tiên cao nhất

URL: /
1 trang, Hybrid LP+HP
Điều hướng → tất cả

📋 Danh sách cửa hàng

🔥 Ưu tiên cao nhất

URL: /stores/

Trang con (×5):
└ LaLaport Yokohama
└ TOC Gotanda
└ LaLaGarden Kawaguchi
└ Kichijoji
└ Shinjuku

Hướng dẫn đường đi (Access) gộp trong trang cửa hàng

📰 NEWS & TOPICS

⭐ Ưu tiên cao

URL: /news/
Category:
└ 🔴 News (Thông báo)
└ 🟢 Column (Bài viết)

👥 Tuyển dụng (RECRUIT)

→ Từ tháng 3

URL: /recruit/
Phỏng vấn nhân viên
Điều kiện · Form đăng ký

🏢 Giới thiệu & FAQ

🔥 Bắt buộc

URL: /about/
Thông tin công ty
Thông điệp đại diện
Lịch sử phát triển
FAQ (gộp trong About)
Liên hệ

🔒 Chính sách bảo mật

🔥 Bắt buộc

URL: /privacy/
Bảo vệ thông tin · Cookie

📋

2 · Chi tiết Block nội dung từng Trang

Từng trang sẽ có những block gì, nội dung mỗi block là gì

Trang bắt buộc (Ưu tiên cao nhất)

TOP

🏠 Trang chủ (Homepage)

🔥 Ưu tiên cao nhất · Kiểu Hybrid LP+HP

Trang quan trọng nhất. Kết hợp LP dài (scroll cho toàn bộ thông tin) + HP (menu header dẫn thẳng đến trang khác). Mục tiêu SEO: "StockMart" · "Cửa hàng phân phối lại Costco Tokyo"

🖼️ Block 1 – Hero / Màn hình đầu tiên Visual
- Ảnh nền toàn màn hình: Không gian kho hàng sáng, sạch – ánh sáng tự nhiên
- Tagline chính: 「会員証不要。コストコ商品を、気軽に少量で。」 (Không cần thẻ thành viên. Mua sản phẩm Costco, thoải mái, số lượng nhỏ.)
- Nút CTA chính: "Tìm cửa hàng gần bạn" → dẫn đến bản đồ 5 cửa hàng
- Nút CTA phụ: "Xem sản phẩm thường có" → dẫn đến section showcase
📱 Trên mobile: Ảnh nền dọc, nút CTA chiếm full width, chữ lớn dễ đọc
✅ Block 2 – 3 điểm nổi bật Info
- Icon + tiêu đề ngắn × 3 điểm:
  1. 🎫 Không cần thẻ thành viên – Bất kỳ ai cũng mua được
  2. 📦 Mua số lượng nhỏ – Không phải mua cả lốc
  3. 📍 5 cửa hàng tại các trung tâm thương mại lớn
- Mỗi điểm kèm 1-2 dòng mô tả ngắn
Layout: 3 cột trên desktop, 1 cột dọc trên mobile
🗺️ Block 3 – Bản đồ 5 cửa hàng Info + CTA
- Google Maps nhúng hiển thị cả 5 vị trí cùng lúc
- Bên dưới: 5 card cửa hàng dạng lưới (tên + địa chỉ + giờ mở cửa + nút "Xem chi tiết")
- Nút tìm cửa hàng gần nhất (dùng GPS)
SEO: Mỗi card có link đến trang riêng của từng cửa hàng
🛒 Block 4 – Showcase sản phẩm thường có Content
- Tiêu đề: "Sản phẩm thường có tại StockMart (ví dụ)"
- Grid ảnh sản phẩm 10–20 món: Tên sản phẩm + 1 dòng mô tả
- Ghi chú bắt buộc: "Hàng hóa thay đổi theo thời điểm nhập. Liên hệ cửa hàng để xác nhận."
- Nút: "Đặt câu hỏi về sản phẩm" → Form liên hệ
⚠ Không được khẳng định tồn kho. Luôn kèm ghi chú "tùy thời điểm nhập hàng"
📰 Block 5 – NEWS & TOPICS mới nhất Content
- Hiển thị 3–5 bài mới nhất dạng card (ngày + tiêu đề + category tag)
- Category tag: 🔴 News (Thông báo) / 🟢 Column (Bài viết)
- Nút "Xem tất cả" → trang /news/
📸 Block 6 – Instagram Feed SNS
- Hiển thị 6–9 ảnh mới nhất từ @stockmart_tokyo dạng grid
- Không dùng API tự động – Cập nhật thủ công định kỳ hoặc embed bằng widget
- CTA: "Follow chúng tôi trên Instagram" + nút link Instagram
Tài liệu Notion: không triển khai API tự động Instagram
📱 Block 7 – CTA cuối trang CTA
- Banner đậm màu, full width: "Ghé thăm cửa hàng gần bạn nhất"
- Nút 1: "Xem bản đồ cửa hàng" (đen – primary)
- Nút 2: "Follow Instagram" (xám – secondary)

LIST

📋 Trang Danh sách Cửa hàng

🔥 Ưu tiên cao nhất · URL: /stores/

Trang hub tổng hợp tất cả cửa hàng. Được dẫn từ menu header ("Cửa hàng"), CTA trang chủ ("Tìm cửa hàng gần bạn"), và mọi link nội bộ liên quan đến cửa hàng. Mục tiêu SEO: "StockMart 店舗一覧" · "StockMart cửa hàng gần đây"

🗺️ Block 1 – Bản đồ tất cả cửa hàng Maps
- Google Maps nhúng hiển thị đồng thời 5 pin vị trí, full width
- Nút "Tìm cửa hàng gần nhất" → kích hoạt GPS, tự động cuộn đến card gần nhất
- Ô tìm kiếm theo tên ga / quận / mã bưu chính
🏪 Block 2 – Grid 5 cửa hàng Navigation
- 5 card dạng lưới: Ảnh thumbnail · Tên cửa hàng · Địa chỉ · Giờ mở cửa hôm nay · Phút đi bộ từ ga
- Badge trạng thái: 🟢 Đang mở / 🔴 Đã đóng / 🆕 Khai trương mới
- Nút "Xem chi tiết" → link đến trang từng cửa hàng (/stores/tên-cửa-hàng/)
Layout: 3 cột desktop · 2 cột tablet · 1 cột mobile
📊 Block 3 – Bảng so sánh nhanh Info
- Bảng compact 5 hàng: Tên · Ga gần nhất · Giờ mở cửa · Bãi đỗ xe · SĐT
- Dễ scan nhanh trên mobile, tất cả trong 1 màn hình cuộn

🏪 Trang từng Cửa hàng (×5 trang) – Trang con của /stores/

🔥 Ưu tiên cao nhất · Mục tiêu SEO: "StockMart XX" · "Ga XX Costco"

Trang con của /stores/ – URL dạng: /stores/lalaport-yokohama/. Người dùng truy cập để xác nhận thông tin trước khi đến cửa hàng. Cần mobile-first tuyệt đối. Bao gồm luôn phần hướng dẫn đường đến (Access) ở Block 4 – không tách thành trang riêng.

🖼️ Block 1 – Hero cửa hàng Visual
- Ảnh ngoại thất / nội thất cửa hàng (ảnh thực, sáng, rõ nét)
- Tên cửa hàng + tên cơ sở thương mại lớn (ví dụ: "LaLaport Yokohama店")
- Badge trạng thái: 🟢 Đang mở / 🔴 Đã đóng / 🆕 Khai trương mới
ℹ️ Block 2 – Thông tin cơ bản Info
- Địa chỉ đầy đủ (Japanese)
- Giờ mở cửa: Thường ngày / Cuối tuần / Ngày lễ
- Số điện thoại + Nút gọi điện tức thì (chạm = gọi ngay trên smartphone)
- Giao thông: Đường đi từ ga gần nhất (bao nhiêu phút đi bộ)
- Bãi đỗ xe: có/không, tính phí/miễn phí, chính sách xác nhận
📱 Nút gọi điện phải to, dễ nhìn, màu nổi bật (tối thiểu 48px height)
📍 Block 3 – Google Maps nhúng Maps + CTA
- Bản đồ nhúng full width trên mobile (height: 280px)
- Nút "Mở Navigation" → tự động mở Google Maps app trên điện thoại
- Nút "Xem hướng dẫn đường đến" → anchor link cuộn xuống Block 4 bên dưới
🚶 Block 4 – Hướng dẫn đường đến (Access) Info · SEO
- 🚉 Đi bộ từ ga: Hướng dẫn từng bước từ cổng ra ga; Ảnh chụp điểm ngoặt quan trọng; Thời gian đi bộ thực tế
- 🚌 Đi xe buýt / taxi: Số tuyến buýt; Tên điểm dừng và thời gian di chuyển
- 🚗 Đi xe hơi & bãi đỗ: Tuyến đường từ quốc lộ; Tầng / ô đỗ được đề xuất; Chính sách xác nhận đỗ xe
- 📍 Landmark xung quanh: Điểm nổi bật gần đó; Tầng / khu vực trong trung tâm thương mại
SEO: Schema LocalBusiness với hasMap · Anchor text "hướng dẫn đường đến [Tên cửa hàng]"
🗓️ Block 5 – Lịch giờ mở cửa tháng này Info
- Bảng lịch tháng hiện tại: đánh dấu ngày nghỉ đột xuất, ngày lễ
- Thông báo nổi bật nếu có thay đổi giờ mở cửa sắp tới
Cần cập nhật thủ công khi có thay đổi. CMS phải dễ sửa cho nhân viên
📸 Block 6 – Ảnh cửa hàng Gallery
- 4–8 ảnh: Ngoại thất, nội thất, kệ hàng, không khí mua sắm
- Dạng swiper/slider trên mobile
- Caption ngắn cho từng ảnh
🛒 Block 7 – Sản phẩm thường có tại CS này Content
- Grid 6–10 sản phẩm đặc trưng của cửa hàng này (ví dụ)
- Ghi chú: "Hàng hóa thay đổi theo thời điểm"
- Nút "Hỏi về sản phẩm" → form liên hệ (chọn cửa hàng sẵn)
🔗 Block 8 – Các cửa hàng khác Navigation
- 4 card các cửa hàng còn lại dạng compact (tên + ga gần nhất + link)
- Tiêu đề: "Cửa hàng khác của StockMart"
- Nút "Xem tất cả cửa hàng" → link về trang Danh sách (/stores/)
Giúp tăng pageview và SEO internal link

Trang tăng trưởng (Từ tháng 3 sau khi ra mắt)

NEWS

📰 NEWS & TOPICS

⭐ Ưu tiên cao · URL: /news/

Gộp hai loại nội dung: 🔴 News (thông báo vận hành: nghỉ đột xuất, khai trương, popup) và 🟢 Column (bài viết nội dung dài: review sản phẩm, công thức, hướng dẫn mua sắm). Tự động sinh bài Column qua n8n + LLM, cập nhật hàng tuần. Mục tiêu SEO: từ khóa dài "Costco mắm trộn bao nhiêu kg" v.v.

🗂️ Block 1 – Tab / Filter category Navigation
- Tabs hoặc pill buttons: すべて (Tất cả) · 🔴 News · 🟢 Column
- Filter hoạt động ngay không reload trang (JavaScript filter)
- Số bài hiển thị theo từng category
Tham khảo: DEAN & DELUCA Japan, Loft Japan – cách filter bài viết theo category
🃏 Block 2 – Danh sách bài dạng card Content
- Layout: 3 cột desktop · 2 cột tablet · 1 cột mobile
- Mỗi card: Ảnh thumbnail · Category tag · Ngày đăng · Tiêu đề · Đoạn mô tả ngắn 2 dòng
- News: Không cần thumbnail – dùng màu nền category + icon
- Column: Cần ảnh đẹp, dọc hoặc ngang (ratio 16:9)
📄 Block 3 – Trang chi tiết bài viết Article
- Heading rõ ràng · Ảnh header · Nội dung dài (markdown CMS)
- Sidebar (desktop): Bài viết liên quan · Cửa hàng gần nhất
- Cuối bài: CTA "Tìm cửa hàng gần bạn" + bài viết liên quan
SEO: Breadcrumb schema · Open Graph ảnh · canonical URL

REC

👥 Tuyển dụng (RECRUIT)

→ Tháng 3 sau khi ra mắt

Thu hút nhân sự cho 5 cửa hàng đang mở rộng.

👋 Giới thiệu môi trường làm việc Story

Ảnh nhân viên đang làm · Phỏng vấn ngắn · Văn hóa công ty
📋 Điều kiện tuyển dụng Info

Bảng theo vị trí: Loại hình · Địa điểm · Mức lương · Phúc lợi · Giờ làm
📝 Form đăng ký ứng tuyển CTA Form

Tên · Email · Vị trí ứng tuyển · Cửa hàng mong muốn · Tự giới thiệu ngắn

Trang bắt buộc – Giới thiệu công ty & FAQ

ABT

🏢 Giới thiệu Công ty & FAQ

🔥 Bắt buộc khi ra mắt · URL: /about/

Trang tạo sự tin cậy với khách hàng, đối tác và ứng viên. Tham khảo cấu trúc trang 会社概要 của các chuỗi bán lẻ Nhật Bản (Nitori, Loft, MUJI) — đầy đủ, có chiều sâu, không chỉ là text table. Bao gồm FAQ thay vì tách trang riêng.

💬 Block 1 – Thông điệp từ Đại diện (社長メッセージ) Story
- Ảnh đại diện (chân dung, tự nhiên) hoặc ảnh không gian cửa hàng kèm quote
- Văn phong thân thiện: Lý do thành lập StockMart / Tầm nhìn / Cam kết với khách hàng
- Quote nổi bật dạng blockquote lớn để designer dễ tạo layout
Tham khảo: Nitori (ニトリ) / MUJI – mục 代表メッセージ ngắn gọn nhưng đủ cảm xúc
🏢 Block 2 – Thông tin công ty (会社概要) Info
- Bảng 2 cột: Tên công ty · Tên tiếng Nhật · Đại diện · Thành lập · Địa chỉ trụ sở · Vốn điều lệ · Nhân viên · Lĩnh vực kinh doanh
- Dạng table sọc như chuẩn Nhật (row stripe, border nhẹ)
- Số cửa hàng hiện tại + đường link đến /stores/
Tham khảo: Loft Japan, Tokyu Hands – cách trình bày 会社概要 bảng sọc chuyên nghiệp
📅 Block 3 – Lịch sử phát triển (沿革) Story
- Timeline dạng zigzag hoặc dọc: Năm → Sự kiện quan trọng
- Ít nhất: Năm thành lập · Khai trương cửa hàng đầu · Mở rộng các cửa hàng tiếp theo
- Ảnh minh họa bên cạnh milestone quan trọng
Tham khảo: Sushiro Corporate, Nitori IR – timeline visual đơn giản nhưng rõ mốc
🎯 Block 4 – Tầm nhìn / Sứ mệnh (ビジョン・ミッション) Brand
- 2–3 điểm ngắn: Mission (Lý do tồn tại) · Vision (Hướng đến) · Value (Giá trị cốt lõi)
- Thiết kế nổi bật: Icon lớn + text ngắn, nền màu nhạt hoặc gradient nhẹ
- Ví dụ: "Ai cũng có quyền tiếp cận sản phẩm chất lượng cao với giá hợp lý"
Tham khảo: MUJI 無印良品 Corporate – cách trình bày triết lý ngắn gọn, visual đẹp
❓ Block 5 – FAQ tổng hợp FAQ SEO
- Dạng accordion expand, nhóm theo chủ đề:
- 🎫 Về thẻ thành viên: Q: Có cần thẻ Costco không? · Q: Sản phẩm khác gì mua tại Costco trực tiếp?
- 🛒 Về mua sắm: Q: Mua được số lượng nhỏ không? · Q: Thanh toán được bằng thẻ? · Q: Hàng nhập mới khi nào?
- 🏪 Về cửa hàng: Q: Có bao nhiêu cửa hàng? · Q: Giờ mở cửa? · Q: Cửa hàng mới ở đâu?
- 📦 Về sản phẩm: Q: Có đảm bảo là hàng Costco thật không? · Q: Có giao hàng online không?
SEO: Schema FAQPage → xuất hiện Rich Snippet trực tiếp trên Google. Mục tiêu: "Costco 会員証不要" 3,000–5,000 lượt/tháng
✉️ Block 6 – Form liên hệ CTA Form
- Trường: Họ tên · Email · Chủ đề (dropdown: Hỏi về sản phẩm / Cửa hàng / Khác) · Cửa hàng liên quan (optional) · Nội dung
- Tự động gửi email xác nhận đến người dùng
- Thời gian phản hồi dự kiến: 2–3 ngày làm việc
Tham khảo: Blue Bottle Coffee Japan – form liên hệ tối giản, thân thiện, phản hồi nhanh

🎨

3 · Phong cách & Hướng Thiết kế Đề xuất

Concept · Bảng màu · Font · Bố cục · Ảnh chụp · Mobile

🏗️ Concept tổng thể

Từ khóa: Kho hàng bê-tông hiện đại × Thân thiện × Vẻ đẹp chức năng

Thế giới quan: Lấy cảm hứng từ không gian warehouse store của Mỹ – rộng rãi, thoáng, thực dụng – nhưng được "mềm hóa" để phù hợp với khách hàng nữ Nhật Bản (30–50 tuổi, nội trợ, gia đình).

Hai đặc tính cần song song:

🏭 Kho hàng: Màu trung tính, bê-tông, chắc chắn, tin cậy
🛍️ Thân thiện: Khoảng trắng rộng, bo góc nhẹ, ảnh ấm, dễ tiếp cận

✅ Phương án được chọn: Phong cách kho hàng hiện đại – Nền xám × trắng (Nhẹ nhàng, sạch, dễ nhìn – tránh quá thô cứng)

🎨 Bảng màu

#FFFFFF – Trắng tinh (nền chính)

#F8F8F6 – Off-white (nền section)

#C8C8C4 – Xám bê-tông (accent nhẹ)

#3A3A3A – Charcoal đậm (CTA chính, tiêu đề)

#1A1A1A – Gần đen (text heading)

#D4A96A – Vàng đất ấm (accent phụ, ấm áp)

#E8E4DC – Beige nhạt (texture nền – "khí quyển" bê-tông)

⚠ Các màu "chức năng" như Google Maps, nút gọi điện, Instagram được giữ nguyên màu gốc để nhận biết nhanh.

🔤 Typography (Font chữ)

Tiêu đề (Heading):

Noto Sans JP Bold (Google Fonts – miễn phí)
Hoặc: BIZ UDGothic · Hiragino Sans W6
Đặc điểm: Dày, dễ đọc, có nét bo góc nhẹ – thân thiện

Nội dung (Body):

Noto Sans JP Regular / Medium
Cỡ chữ tối thiểu: 15px (dễ đọc cho người trung niên)
Line-height: 1.8 (thoáng, không chật)

Số / Highlight:

Noto Sans (Latin) cho số liệu, giờ mở cửa
Không dùng chữ nghiêng cho nội dung chính

📐 Bố cục (Layout)

Kiểu: Hybrid LP × HP

▸ Trang chủ: Dọc dài như LP – scroll để khám phá toàn bộ thông tin
▸ Header cố định (sticky) với menu điều hướng trực tiếp
▸ Khoảng trắng rộng giữa các section (≥ 80px trên desktop)
▸ Card layout cho sản phẩm, cửa hàng, NEWS
▸ Grid 3 cột (desktop) → 1 cột (mobile)

Header: Logo (trái) + Menu chính (giữa/phải) + Nút "Tìm cửa hàng" (nổi bật, góc phải)

Footer: 3 cột: Thông tin công ty | Liên kết trang | SNS + bản đồ mini

✅ Ưu tiên chuyển đổi (đến cửa hàng) hơn thẩm mỹ thuần túy

📸 Hướng dẫn ảnh chụp

Phong cách ảnh:

Sáng, thoáng – ánh sáng tự nhiên hoặc studio light ấm
Không chỉnh quá bão hòa màu, giữ tông neutral
Nền sáng hoặc nền bê-tông (phù hợp concept)

Cần ảnh gì:

🏪 Ngoại thất 5 cửa hàng (ngày + chiều tối)
🏬 Nội thất: Kệ hàng, không gian mua sắm, ánh sáng bên trong
🥐 Sản phẩm: Chụp trực tiếp trên (flat lay), nền trắng hoặc beige
😊 Con người: Nhân viên thân thiện, khách hàng đang chọn đồ (biểu cảm tự nhiên)

⚠ Tuyệt đối không dùng ảnh stock quá "Tây hóa". Không khí Nhật Bản + Costco style = khác biệt

📱 Mobile-First Design

70–80% user truy cập bằng smartphone (theo số liệu tài liệu). Các nguyên tắc bắt buộc:

✅ Nút tối thiểu 48px height (dễ chạm 1 ngón tay)
✅ Nút gọi điện: Cố định dưới cùng (bottom fixed) trên trang cửa hàng
✅ Nút "Mở Google Maps": To, màu xanh Maps, dễ nhận biết
✅ Tốc độ tải trang: <3 giây (WebP, lazy load, CDN)
✅ Font: Tối thiểu 15px cho body text
✅ Menu hamburger gọn gàng – không overflow ngang
✅ Form liên hệ: Keyboard loại phù hợp (email = email keyboard)

❌ Không dùng hover effect làm chức năng chính (không hoạt động trên touch)

🧩 Hướng dẫn UI Components chính:

Component	Style đề xuất	Lý do
Nút CTA chính	Nền #3A3A3A · Chữ trắng · Góc bo 8px · Padding: 14px 28px	Nhận diện rõ, khác màu thương hiệu Costco (đỏ)
Nút phụ	Nền trắng · Viền #3A3A3A · Chữ đậm · Cùng kích thước	Phân cấp hành động, không lẫn lộn
Nút gọi điện	Nền xanh lá #16A34A · Icon điện thoại · Font Bold	Màu "action" quen thuộc = phản xạ chạm nhanh hơn
Card cửa hàng	Nền trắng · Bo góc 12px · Bóng đổ nhẹ · Ảnh trên/text dưới	Phong cách card phổ biến ở shop Nhật
Tag / Badge	Xám nhạt + màu theo category · Font 12px Bold · Bo tròn	Dễ phân loại NEWS, sản phẩm
Section divider	Khoảng trắng 80px + optional thanh mỏng 1px #E2E8F0	Tạo cảm giác "thở" như không gian kho rộng
Icon	Line icon, stroke 1.5px, đầu tròn (Heroicons / Lucide)	Nhẹ nhàng, không nặng nề – phù hợp tone thân thiện

🔗

4 · Reference – Website có thiết kế phù hợp

Các trang web thực tế để tham khảo phong cách từng khía cạnh

Reference concept & thẩm mỹ tổng thể

🌿 MUJI (Nhật Bản)

https://www.muji.com/jp/

Tối giản, khoảng trắng rộng, màu beige–trắng–xám, font sạch. Cảm giác tin cậy cao, dễ tiếp cận với mọi lứa tuổi. Bố cục card, ảnh sản phẩm chất lượng cao tông trung tính.

📌 Học: Khoảng trắng, tỷ lệ typography, cách trình bày danh sách cửa hàng

🛒 Trader Joe's (Mỹ)

https://www.traderjoes.com/

Warehouse store thân thiện, màu ấm, ảnh thực trong cửa hàng, không quá sang trọng. Tone giống StockMart: "Vui vẻ, thực dụng, tốt giá". Category sản phẩm dễ browse.

📌 Học: Cách trình bày sản phẩm kho hàng, tone & manner editorial

☕ Blue Bottle Coffee (Nhật)

https://store.bluebottlecoffee.jp/

Tối giản, trắng sạch, ảnh đẹp, typography tinh tế. Danh sách cửa hàng Nhật Bản cực kỳ rõ ràng. Thể hiện thông tin từng cửa hàng: bản đồ + giờ mở + ảnh + đường đi tốt nhất.

📌 Học: Cấu trúc trang cửa hàng riêng lẻ, bản đồ nhúng, mobile experience

🛍️ Tokyu Hands (Nhật)

https://hands.com.au/

Website chuỗi bán lẻ Nhật Bản nhiều cửa hàng: Trang cửa hàng riêng, tìm kiếm cửa hàng gần nhất, thông tin chi tiết rõ ràng. Gần với use-case StockMart nhất.

📌 Học: Store locator, cấu trúc multi-store, SEO từng cửa hàng

Reference UX & chức năng đặc thù

🍣 Sushiro (Nhật)

https://www.akindo-sushiro.co.jp/en/

Website chain restaurant Nhật Bản: Thông tin từng cửa hàng rất đầy đủ, Google Maps nhúng, nút "Xem đường đi" → native maps app, thời gian chờ thực tế. Mobile-first hoàn toàn.

📌 Học: Deep-link sang Google Maps, cách hiển thị trạng thái cửa hàng real-time

🧃 Whole Foods Market

https://www.wholefoodsmarket.com/

Grocery chain cao cấp: Ảnh sản phẩm editorial đẹp, tông xanh lá + trắng + kem. Nội dung phong phú (recipe, story). Cách hiển thị "locally sourced" gần giống "premium reseller".

📌 Học: Product showcase, content marketing style, editorial photography tone

🎯 Điểm định vị thiết kế StockMart – Không giống ai trong thị trường hiện tại:

Đối thủ hiện tại	Phong cách hiện tại	StockMart nên làm
kowake (Instagram only)	Ảnh sản phẩm đơn giản, không có website	✅ HP chuyên nghiệp, rõ ràng, đầy đủ thông tin
Bulk Foods (không có HP)	Chỉ có Tabelog, thiếu thông tin	✅ Trang cửa hàng chi tiết, Google Maps, hướng dẫn đường
Costco Japan (tham khảo)	Formal, kho lớn, cần thẻ, "Mỹ"	✅ Thân thiện, nhỏ gọn, không cần thẻ, "Nhật hóa"
Chuỗi bán lẻ Nhật (Nitori, AOKI…)	Đầy đủ nhưng khô, thiếu cá tính	✅ Concept kho bê-tông → có cá tính, bộ nhận diện riêng

✅

5 · Checklist Ưu tiên Triển khai

Thứ tự thực hiện được đề xuất theo giai đoạn

Giai đoạn	Thời gian	Trang / Chức năng	Mục tiêu
🚀 Ra mắt (Phase 1)	Trước hoặc đúng ngày khai trương	Trang chủ · Danh sách cửa hàng · 5 trang cửa hàng (kèm Access) · About & FAQ · Chính sách bảo mật	Hiện diện trên Google, SEO tên thương hiệu #1
📈 Tăng trưởng (Phase 2)	T+1 đến T+3 sau khai trương	NEWS & TOPICS (thủ công) · Tối ưu SEO local · Schema FAQPage trong About	TOP10 từ khóa "Ga XX Costco" · Google Maps traffic · Rich Snippet FAQ
🤖 Tự động hóa (Phase 3)	T+3 đến T+6	Column tự động (n8n+LLM) · Tuyển dụng · Tối ưu CMS để cập nhật News dễ dàng	Tăng SEO organic, giảm công sức update thủ công
🎯 Tối ưu (Phase 4)	T+6 trở đi	A/B test CTA · Tối ưu tốc độ · Schema LLMO · LINE/Instagram campaign tích hợp	CVR từ HP → cửa hàng đạt 15–20%