AI Cho Designer & Thiết KếQuyển Hạ (下) · 6 tình huống nâng cao
Ở Quyển Hạ (下), Khôi nâng cấp vai trò từ người thực thi từng bức ảnh thành Kiến trúc sư Hệ thống Thị giác (Design System Lead): dựng thư viện Component chu…
Mục lục · Quyển Hạ (下) · Phức tạp & Tự động hóa
Đồng hành cùng Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System) & Daruma Xanh Genki Fami.
Chọn đúng công cụ AI trong 10 giây
Mỗi tình huống của Khôi đều kết thúc bằng việc lưu sản phẩm chuẩn vào Google Drive chung để cả phòng dùng lại:
Viết văn bản tự nhiên, dựng bảng/biểu đồ trực quan bằng Artifacts và dùng Cowork đọc hàng loạt file chứng từ/báo cáo.
NotebookLM: tra cứu quy chế/hồ sơ SP từ Drive 0% bịa đặt. Gemini Sheets/Docs/Nano Banana/Flow: xử lý bảng tính, ảnh & video.
Thư mục gốc GenkiFami_Drive / 11_ThietKe_BrandKit_Creative / gồm: 01_DesignSystem_Tokens_Components/ (Hệ thống DESIGN.md, thư viện Component UI/Card chuẩn và mẫu Template cho cả công ty) · 02_GoogleFlow_3D_ProductVideo/ (Tài sản Ingredients (ảnh chụp hộp sản phẩm các góc) và video chuyển động tạo từ Google Flow) · 03_POSM_3D_Mockup_NhaThuoc/ (Phối cảnh 3D quầy kệ nhà thuốc, hộp đèn, Standee và kiểm tra thị giác từ xa) · 04_BrandBook_Web_Audit_Cowork/ (Interactive Brand Book dạng Web và biên bản kiểm toán nhận diện hàng loạt).
Xây dựng Hệ thống Design System (`DESIGN.md` + Thư viện Component) trên Google Stitch & Claude Design cho toàn công ty
Rút ngắn từ "Designer bị quá tải vì phải chỉnh sửa lặt vặt cho 10 phòng" còn "1 Bộ Design System + 10 Mẫu Component chuẩn hóa toàn công ty"
Chuyện của Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System): Thay vì mỗi ngày phải sửa từng tấm ảnh nhỏ cho các phòng, Khôi xây dựng một bộ Design System và 10 khung Component chuẩn: ai trong công ty dùng AI tạo bảng giá, thẻ tư vấn hay slide cũng tự động ra đúng chuẩn thiết kế của Khôi!
Chọn đúng công cụ & Lưu trữ Google Drive
Kết hợp chuẩn `DESIGN.md` của Google Stitch và Design System Artifact của Claude giúp định nghĩa sẵn 10 thành phần giao diện/ấn phẩm cốt lõi (Header, Card sản phẩm, Bảng giá, Hộp cảnh báo ATTP, Chân trang) để tái sử dụng vô hạn.
Canva Brand Templates — Khóa cứng vị trí Logo, viền và bảng màu trên các mẫu chia sẻ cho nhân viên các phòng.. Lưu file DESIGN.md và Component_Library.html tại 01_DesignSystem_Tokens_Components/ trên Google Drive.
Nhắc nhở từ Daruma Xanh: Lưu file DESIGN.md và Component_Library.html tại 01_DesignSystem_Tokens_Components/ trên Google Drive.
Chuẩn thực hành Chibo Academy × Quy trình Google Drive nội bộ Genki Fami.
3 bước xử lý & lưu vào Google Drive
- B1
Tổng hợp 10 loại ấn phẩm/tài liệu mà các phòng ban trong công ty hay tạo nhất (Thẻ tư vấn sản phẩm, Bảng báo giá đại lý, Thông báo nội bộ, Slide báo cáo, Карd mạng xã hội).
- B2
Chạy Prompt trên **Claude Design** để sinh ra bộ mã chuẩn `DESIGN.md` kèm "Thư viện 10 Component Chuẩn Nhận Diện Genki Fami (HTML/CSS/Figma Spec)".
- B3
Lưu vào
01_DesignSystem_Tokens_Components/trên Google Drive và gắn vào các công cụ AI của các phòng ban.
Nguyên tắc cốt lõi & Đối chiếu Sai / Đúng
Nguyên tắc rút ra cho các tình huống tương tự
Designer giỏi nhất thời đại AI không giữ khư khư việc vẽ từng chiếc hộp, mà thiết kế ra "Bộ khuôn mẫu thông minh (Design System)" để cả công ty cùng tạo ra cái đẹp đồng nhất.
Cách hỏi sai: "Ai xin gì thì vẽ tay cái đó, không có thư viện Component dùng chung."
Cách làm đúng: Xây dựng file DESIGN.md và Thư viện 6–10 Component chuẩn nạp sẵn vào Google Stitch, Claude Design và Figma/Canva.
Hậu quả: Designer luôn ngập trong việc vặt, không còn thời gian đầu tư cho các chiến dịch lớn và thiết kế bao bì chiến lược.
Kết quả chuẩn: Giải phóng 60% thời gian làm việc vặt cho Designer mà toàn bộ tài liệu của 11 phòng ban đều đẹp đồng bộ như từ một khuôn đúc ra.
Lưu file rời rạc ngoài Desktop hoặc để trôi trong nhóm chat Zalo
Lưu file DESIGN.md và Component_Library.html tại 01_DesignSystem_Tokens_Components/ trên Google Drive.
Đúc kết từ tình huống thực tế phòng ban Genki Fami.
4 mẹo xử lý nhanh trong 30 giây
Quy ước tên gọi thống nhất như [Card-SanPham], [Bang-ThanhPhan], [hop-Daruma] trong `DESIGN.md` để bất kỳ ai gõ tên đó vào Claude là ra đúng giao diện đã duyệt.
Xuất bảng Token màu và khoảng cách từ `DESIGN.md` sang biến số (Variables) trong Figma để khi đổi mùa chiến dịch chỉ cần chỉnh 1 nơi.
Mỗi nửa năm, rà soát bổ sung thêm các mẫu Component mới phát sinh từ thực tế kinh doanh vào thư viện chung.
Lưu file DESIGN.md và Component_Library.html tại 01_DesignSystem_Tokens_Components/ trên Google Drive.
Chính xác! Có `DESIGN.md`, bạn không bao giờ phải chỉnh lại màu hay cỡ chữ từng màn hình một.
Máy ghép Prompt & Đóng dấu 7 ngày
Đóng dấu 7 ngày áp dụng (済)
Bấm ngày đã thực hành
Dùng Google Flow (Ingredients to Video + Frames to Video) tạo Video 3D/Cinematic trưng bày sản phẩm giữ nguyên 100% bao bì thật
Rút ngắn từ "2 tuần dựng 3D CGI hoặc quay studio tốn kém" còn "30 phút tạo Video Product Reveal trên Google Flow chuẩn nhãn thật"
Chuyện của Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System): Làm sao tạo được cảnh quay điện ảnh lọ sản phẩm Genki Fami đặt giữa suối nguồn tinh khiết Nhật Bản với các hạt dưỡng chất vàng óng bay lên mà không làm biến dạng chữ trên nhãn lọ? Câu trả lời chính là tính năng Ingredients và Frames-to-Video trên Google Flow!
Chọn đúng công cụ & Lưu trữ Google Drive
Google Flow (sử dụng mô hình Veo + Imagen + Gemini) cho phép nạp ảnh chụp thật độ phân giải cao của sản phẩm làm **Ingredients** (Nguyên liệu gốc) hoặc khóa **First Frame / Last Frame** (Khung hình đầu/cuối đã ghép sản phẩm thật), giúp chuyển động xung quanh sống động tuyệt đẹp mà bao bì sản phẩm giữ nguyên độ chuẩn xác.
CapCut Pro / Premiere / After Effects — Ghép thêm lớp chữ thông điệp (Typography) và dòng khuyến cáo ATTP sắc nét lên trên video xuất từ Flow.. Lưu bộ file nguồn Ingredients và video xuất ra tại 02_GoogleFlow_3D_ProductVideo/[MaSP]_Flow_Clips/ trên Google Drive.
Nhắc nhở từ Daruma Xanh: Lưu bộ file nguồn Ingredients và video xuất ra tại 02_GoogleFlow_3D_ProductVideo/[MaSP]_Flow_Clips/ trên Google Drive.
Chuẩn thực hành Chibo Academy × Quy trình Google Drive nội bộ Genki Fami.
3 bước xử lý & lưu vào Google Drive
- B1
Chuẩn bị 3 ảnh chụp sắc nét của hộp/lọ sản phẩm thật (góc chính diện, góc nghiêng 3/4) và 1 tấm ảnh Khung hình đầu (First Frame) đã ghép sẵn lọ sản phẩm thật trên bàn gỗ Nhật Bản lưu tại
02_GoogleFlow_3D_ProductVideo/. - B2
Mở **Google Flow**, tải ảnh sản phẩm vào mục **Ingredients** (hoặc chọn chế độ **Frames to Video** với tấm ảnh đã ghép chuẩn làm khung bắt đầu) và dán Prompt điều khiển chuyển động máy quay & hiệu ứng môi trường.
- B3
Dùng **SceneBuilder** trong Google Flow để nối các cảnh (dùng **Extend** kéo dài chuyển động mượt hoặc **Jump To** chuyển bối cảnh) rồi xuất video 1080p/4K đưa sang phần mềm dựng phim gắn Logo và chữ tiếng Việt.
Nguyên tắc cốt lõi & Đối chiếu Sai / Đúng
Nguyên tắc rút ra cho các tình huống tương tự
Bí quyết vàng khi làm video sản phẩm trên Google Flow: Khóa chặt sản phẩm bằng Ingredients / First Frame + Chỉ cho phép chuyển động nhẹ ở ánh sáng, hạt bokeh, lá cây và cú đẩy máy chậm (Slow Dolly-in).
Cách hỏi sai: "Gõ câu lệnh chữ chay "Hãy tạo video lọ thực phẩm chức năng Genki Fami xoay 360 độ bay lượn trên bầu trời"."
Cách làm đúng: Nạp ảnh sản phẩm thật vào Ingredients (hoặc First Frame), giữ sản phẩm đứng vững trang trọng và tạo chuyển động điện ảnh cho ánh sáng, hạt dưỡng chất và máy quay dolly-in nhẹ.
Hậu quả: Khi xoay 360 độ không có dữ liệu 4 mặt hộp thật, AI sẽ tự bịa ra mặt sau của hộp với các chữ vô nghĩa và làm méo logo.
Kết quả chuẩn: Đoạn phim quảng cáo 6–15 giây lung linh như quay bằng máy Arri Alexa trong studio mà nhãn sản phẩm vẫn sắc nét, chuẩn chỉ.
Lưu file rời rạc ngoài Desktop hoặc để trôi trong nhóm chat Zalo
Lưu bộ file nguồn Ingredients và video xuất ra tại 02_GoogleFlow_3D_ProductVideo/[MaSP]_Flow_Clips/ trên Google Drive.
Đúc kết từ tình huống thực tế phòng ban Genki Fami.
4 mẹo xử lý nhanh trong 30 giây
Nếu nhãn sản phẩm có nhiều chữ nhỏ, cách an toàn nhất trên Google Flow là: ghép sẵn hộp sản phẩm thật vào ảnh nền trên Photoshop/Figma, sau đó nạp tấm ảnh đó làm **First Frame** (hoặc **Last Frame**) trong Flow — cảnh kết thúc sẽ hội tụ về đúng 100% bức ảnh sản phẩm thật sắc nét!
Luôn dặn `"No text overlays"` trong Google Flow, sau đó mới chèn chữ tiêu đề tiếng Việt, Logo SVG và dòng khuyến cáo bằng Font chuẩn của công ty trên Premiere/CapCut.
Trong **SceneBuilder** của Google Flow, nếu một cảnh ánh nắng chiếu qua lọ sản phẩm rất đẹp nhưng hơi ngắn, hãy bấm nút **Extend** để nối dài thêm chuyển động mượt mà thay vì tạo lại từ đầu.
Lưu bộ file nguồn Ingredients và video xuất ra tại 02_GoogleFlow_3D_ProductVideo/[MaSP]_Flow_Clips/ trên Google Drive.
Chính xác! Đó là cách các стуdio chuyên nghiệp khai thác Google Flow để vừa có chất điện ảnh vừa giữ chuẩn 100% bao bì thương hiệu.
Máy ghép Prompt & Đóng dấu 7 ngày
Đóng dấu 7 ngày áp dụng (済)
Bấm ngày đã thực hành
Thiết kế Bộ POSM Quầy kệ Nhà thuốc & Tạo Phối cảnh Trưng bày Thực tế (In-Store Mockup) kiểm tra độ bắt mắt từ khoảng cách 3 mét
Rút ngắn từ "In mẫu thử tốn kém mới phát hiện bị chìm trên kệ thuốc" còn "15 phút dựng Phối cảnh Quầy thuốc & Kiểm tra thị giác 3 khoảng cách"
Chuyện của Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System): Một mẫu khay trưng bày (Display Tray) hay Standee nhìn trên màn hình máy tính của Khôi thì rất rõ, nhưng khi đặt vào giữa quầy thuốc có hàng trăm hộp đủ màu sắc thì có nổi bật không? Hãy dựng phối cảnh nhà thuốc thực tế để kiểm tra ngay!
Chọn đúng công cụ & Lưu trữ Google Drive
Gemini tạo bối cảnh quầy thuốc/tủ kính tiêu chuẩn theo đúng góc nhìn của khách mua hàng; Claude Design kiểm tra tỷ lệ kích thước vật lý và đánh giá độ nổi bật thị giác ở 3 khoảng cách (3m ngoài cửa – 1.5m trước quầy – 0.5m cầm trên tay).
Photoshop (Perspective Warp / Smart Object) — Ghép thiết kế phẳng của khay trưng bày và hộp sản phẩm vào phối cảnh quầy thuốc.. Lưu bộ file thiết kế và ảnh phối cảnh quầy thuốc tại 03_POSM_3D_Mockup_NhaThuoc/[MaSP]_POSM_Kit/ để phòng Kênh phân phối mang đi chào nhà thuốc.
Nhắc nhở từ Daruma Xanh: Lưu bộ file thiết kế và ảnh phối cảnh quầy thuốc tại 03_POSM_3D_Mockup_NhaThuoc/[MaSP]_POSM_Kit/ để phòng Kênh phân phối mang đi chào nhà thuốc.
Chuẩn thực hành Chibo Academy × Quy trình Google Drive nội bộ Genki Fami.
3 bước xử lý & lưu vào Google Drive
- B1
Thiết kế bộ POSM đồng bộ nhận diện (Khay để bàn Counter Top Display rộng tối đa 22cm × sâu 18cm, Wobbler, Tentcard bảng giá và Standee cửa hiệu).
- B2
Dùng Gemini tạo bối cảnh quầy thuốc sáng sủa, sau đó ghép bộ POSM và hộp sản phẩm thật vào đúng tỷ lệ kích thước thực tế.
- B3
Chạy Prompt "Kiểm Toán Thị Giác Điểm Bán (Retail Shelf Impact Audit) Ở 3 Khoảng Cách" trên Claude để tinh chỉnh độ đậm tiêu đề và màu sắc trước khi sản xuất hàng loạt.
Nguyên tắc cốt lõi & Đối chiếu Sai / Đúng
Nguyên tắc rút ra cho các tình huống tương tự
POSM nhà thuốc thắng nhờ 3 yếu tố: Khối màu thương hiệu bắt mắt từ 3m – Kích thước gọn dưới 22cm vừa quầy thu ngân – Thông điệp chính chỉ 4 từ thật đậm.
Cách hỏi sai: "Thiết kế khay trưng bày to bè 40cm và viết 10 dòng chữ nhỏ đều nhau trên trán khay (Header card)."
Cách làm đúng: Thiết kế khay gọn (<=22cm), dùng khối màu Đỏ son #C83E2B + Xanh chàm #22365A làm nổi bật 4 từ khóa lợi ích chính và kiểm tra bằng phối cảnh 3 khoảng cách.
Hậu quả: Chủ nhà thuốc từ chối đặt lên mặt quầy vì chiếm hết chỗ để máy tính tiền; khách đứng cách 2m không đọc được chữ nào.
Kết quả chuẩn: Chủ nhà thuốc sẵn sàng dành vị trí đẹp nhất ngay cạnh quầy thu ngân để trưng bày bộ khay Genki Fami.
Lưu file rời rạc ngoài Desktop hoặc để trôi trong nhóm chat Zalo
Lưu bộ file thiết kế và ảnh phối cảnh quầy thuốc tại 03_POSM_3D_Mockup_NhaThuoc/[MaSP]_POSM_Kit/ để phòng Kênh phân phối mang đi chào nhà thuốc.
Đúc kết từ tình huống thực tế phòng ban Genki Fami.
4 mẹo xử lý nhanh trong 30 giây
Khi gửi file POSM lên Google Drive, luôn xuất kèm 1 tấm ảnh ghép bộ khay đặt trên quầy thuốc sang trọng để đội Phát triển Kênh (Anh Phong) đưa cho chủ nhà thuốc xem trước — tỷ lệ nhà thuốc đồng ý nhận trưng bày tăng gấp đôi!
Ở mặt sau của khay trưng bày (phía quay vào trong hướng về phía Dược sĩ đứng), hãy in sẵn tóm tắt "3 điểm tư vấn nhanh + Liều dùng" để Dược sĩ nhìn vào nói với khách được ngay!
Nhắc bộ phận in ấn luôn cán màng mờ/bóng chống thấm nước cho Wobbler và khay để bàn vì mặt quầy nhà thuốc thường xuyên được lau cồn vệ sinh.
Lưu bộ file thiết kế và ảnh phối cảnh quầy thuốc tại 03_POSM_3D_Mockup_NhaThuoc/[MaSP]_POSM_Kit/ để phòng Kênh phân phối mang đi chào nhà thuốc.
Chính xác! Một chi tiết nhỏ trên POSM nhưng giải quyết đúng nỗi sợ quên thông tin của Dược sĩ tại quầy.
Máy ghép Prompt & Đóng dấu 7 ngày
Đóng dấu 7 ngày áp dụng (済)
Bấm ngày đã thực hành
Dùng Claude Cowork kiểm toán hàng loạt 100 ấn phẩm trong thư mục Chiến dịch (Rà lệch màu #HEX, sai Font, thiếu Logo & thiếu Khuyến cáo ATTP)
Rút ngắn từ "3 giờ mở 80 file dò bằng mắt thường" còn "5 phút có Bảng Kiểm Toán Tuân Thủ Thương Hiệu (Brand Audit)"
Chuyện của Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System): Trước ngày tung chiến dịch lớn có tới 80 file banner, bài đăng, nhãn và trang đích từ nhiều cộng tác viên gửi về. Khôi cho Claude Cowork quét một lượt cả thư mục là lập tức chỉ ra file nào lệch màu, sai font hay quên dòng khuyến cáo!
Chọn đúng công cụ & Lưu trữ Google Drive
Claude Cowork truy cập trực tiếp thư mục chứa các file thiết kế (ảnh PNG/JPG, PDF, SVG, HTML) cùng file chuẩn `BRAND_SYSTEM.md`, kiểm tra đồng loạt và xuất biên bản gắn cờ những file lệch chuẩn.
Google Sheets — Lưu bảng kết quả kiểm toán để các thành viên tích chọn `[ĐÃ SỬA]` từng file.. Lưu biên bản kiểm toán tại 04_BrandBook_Web_Audit_Cowork/Audit_[TenChienDich]_[Ngay].csv trên Google Drive.
Nhắc nhở từ Daruma Xanh: Lưu biên bản kiểm toán tại 04_BrandBook_Web_Audit_Cowork/Audit_[TenChienDich]_[Ngay].csv trên Google Drive.
Chuẩn thực hành Chibo Academy × Quy trình Google Drive nội bộ Genki Fami.
3 bước xử lý & lưu vào Google Drive
- B1
Đặt toàn bộ các ấn phẩm cần duyệt của chiến dịch vào thư mục
03_Infographic_KeyVisual_Banner/[TenChienDich]_CanDuyet/trên Google Drive for Desktop cùng fileBRAND_SYSTEM.md. - B2
Mở **Claude Cowork**, trỏ vào thư mục trên và chạy Prompt "Kiểm Toán Tuân Thủ Nhận Diện Thương Hiệu & Pháp Lý Ấn Phẩm Hàng Loạt".
- B3
Dựa vào bảng kết quả `Brand_Audit_Report.csv`, yêu cầu chỉnh sửa đúng các file bị gắn cờ `[CẦN SỬA]` trước khi chuyển sang thư mục `DaDuyet_SanSangDang/`.
Nguyên tắc cốt lõi & Đối chiếu Sai / Đúng
Nguyên tắc rút ra cho các tình huống tương tự
Kiểm soát chất lượng thương hiệu ở quy mô lớn cần một tiêu chuẩn máy đọc được (`BRAND_SYSTEM.md`) cộng với quy trình quét tự động hàng loạt trước khi xuất bản.
Cách hỏi sai: "Duyệt lướt bằng mắt qua tin nhắn Zalo trên điện thoại rồi cho đăng luôn 50 tấm banner."
Cách làm đúng: Gom toàn bộ ấn phẩm vào 1 thư mục Drive và dùng Claude Cowork đối chiếu tự động với 6 tiêu chí của BRAND_SYSTEM.md.
Hậu quả: Lọt các lỗi ngớ ngẩn như sai chính tả trên tiêu đề lớn, thiếu dòng khuyến cáo pháp lý hoặc logo bị cắt mất góc.
Kết quả chuẩn: Chặn đứng 100% lỗi sai nhận diện và lỗi pháp lý chỉ trong 5 phút trước giờ G.
Lưu file rời rạc ngoài Desktop hoặc để trôi trong nhóm chat Zalo
Lưu biên bản kiểm toán tại 04_BrandBook_Web_Audit_Cowork/Audit_[TenChienDich]_[Ngay].csv trên Google Drive.
Đúc kết từ tình huống thực tế phòng ban Genki Fami.
4 mẹo xử lý nhanh trong 30 giây
Với các file ảnh độ phân giải cao, chia thành từng nhóm 20–30 file để Claude Cowork phân tích chi tiết từng góc ảnh chính xác nhất.
Với các file giao diện HTML hoặc đồ họa SVG, Claude Cowork có thể đọc thẳng vào mã nguồn để tìm ra bất kỳ mã màu `#HEX` hay `font-family` nào lệch khỏi `BRAND_SYSTEM.md` với độ chính xác 100%.
Tổng hợp 5 lỗi mà cộng tác viên hay mắc nhất đưa lên trang đầu của thư mục Brief để phòng ngừa ngay từ đầu.
Lưu biên bản kiểm toán tại 04_BrandBook_Web_Audit_Cowork/Audit_[TenChienDich]_[Ngay].csv trên Google Drive.
Chính xác! Kết hợp kiểm toán Nhận diện thương hiệu và Tuân thủ pháp chế trong cùng 1 bước giúp ấn phẩm vừa đẹp vừa an toàn pháp lý.
Máy ghép Prompt & Đóng dấu 7 ngày
Đóng dấu 7 ngày áp dụng (済)
Bấm ngày đã thực hành
Dựng "Cẩm Nang Nhận Diện Thương Hiệu Tương Tác (Interactive Brand Guideline Web App)" bằng Claude Artifacts để gửi Đối tác, Nhà in & Agency
Rút ngắn từ "1 tuần thiết kế PDF Brand Guideline tĩnh khó tra cứu" còn "15 phút có Web App Brand Book bấm copy 1-chạm"
Chuyện của Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System): Thay vì gửi file PDF Brand Guideline nặng 80MB mà đối tác phải lăn chuột tìm mãi mới thấy mã màu, Khôi dùng Claude Design tạo hẳn 1 trang Web Brand Book tương tác: bấm 1 chạm là copy mã màu HEX/CMYK, tải Logo SVG và xem trực tiếp cách đặt Daruma Đúng/Sai!
Chọn đúng công cụ & Lưu trữ Google Drive
Tạo trang Web Brand Guideline hoàn chỉnh gói gọn trong 1 file `.html` duy nhất: có ô màu bấm vào là tự copy mã `#HEX` / `CMYK`, trình thử nghiệm cỡ chữ trực tiếp (Live Type Tester), nút tải bộ Logo/Daruma chuẩn từ Google Drive và bảng so sánh trực quan cách dùng Đúng vs Sai.
Google Sites / GitHub Pages — Đưa trang Interactive Brand Book lên đường link nội bộ cho đối tác truy cập mọi lúc.. Lưu file GenkiFami_BrandBook_Interactive.html tại 04_BrandBook_Web_Audit_Cowork/ trên Google Drive.
Nhắc nhở từ Daruma Xanh: Lưu file GenkiFami_BrandBook_Interactive.html tại 04_BrandBook_Web_Audit_Cowork/ trên Google Drive.
Chuẩn thực hành Chibo Academy × Quy trình Google Drive nội bộ Genki Fami.
3 bước xử lý & lưu vào Google Drive
- B1
Chuẩn bị nội dung từ `BRAND_SYSTEM.md` và đường link thư mục Google Drive chứa file gốc Logo, Font, Daruma (`01_BrandKit_Logo_Font_Color/`).
- B2
Chạy Prompt trên **Claude (bật Artifacts)** để tạo ứng dụng "Cẩm Nang Nhận Diện Thương Hiệu Tương Tác Genki Fami (Interactive Brand Portal)".
- B3
Tải file `GenkiFami_BrandBook_Interactive.html` lưu vào
04_BrandBook_Web_Audit_Cowork/để gửi cho bất kỳ Agency, Nhà in hay nhân sự mới nào chỉ bằng 1 đường link.
Nguyên tắc cốt lõi & Đối chiếu Sai / Đúng
Nguyên tắc rút ra cho các tình huống tương tự
Một cuốn Brand Guideline tốt nhất là cuốn giúp việc làm ĐÚNG nhận diện dễ dàng và nhanh hơn gấp 10 lần so với việc làm sai.
Cách hỏi sai: "Gửi file PDF 60 trang qua Zalo rồi bảo Agency "tự tìm mã màu ở trang 34 nhé"."
Cách làm đúng: Tạo trang Interactive Brand Book có nút bấm copy mã HEX/CMYK 1 chạm, trình thử chữ trực tiếp và link tải Logo/Daruma gốc.
Hậu quả: Agency ngại dò tìm nên dùng công cụ hút màu (Eyedropper) trên ảnh nén JPG dẫn đến sai lệch toàn bộ mã màu.
Kết quả chuẩn: Mọi đối tác, nhà in và nhân viên mới đều lấy đúng mã màu, đúng font và đúng logo gốc chỉ trong 5 giây.
Lưu file rời rạc ngoài Desktop hoặc để trôi trong nhóm chat Zalo
Lưu file GenkiFami_BrandBook_Interactive.html tại 04_BrandBook_Web_Audit_Cowork/ trên Google Drive.
Đúc kết từ tình huống thực tế phòng ban Genki Fami.
4 mẹo xử lý nhanh trong 30 giây
Ngay trong trang Brand Book tương tác, hãy đặt 1 nút "Sao chép Cấu hình Thương hiệu cho AI (Claude/Stitch)" để bất kỳ ai bấm vào là lấy được đoạn lệnh chuẩn dán vào AI của họ!
Luôn hiển thị huy hiệu Phiên bản 2.0 · Cập nhật Quý X/2026 ở góc trên của trang Web Brand Book để mọi người biết mình đang dùng bản mới nhất.
Vì là file HTML responsive nhẹ chỉ vài chục KB, bạn có thể mở ngay trên điện thoại khi đứng tại xưởng in để đối chiếu thông số CMYK với thợ in.
Lưu file GenkiFami_BrandBook_Interactive.html tại 04_BrandBook_Web_Audit_Cowork/ trên Google Drive.
Chính xác! Biến tài liệu quy chuẩn tĩnh thành công cụ làm việc sống động giúp bảo vệ nhận diện thương hiệu hiệu quả nhất.
Máy ghép Prompt & Đóng dấu 7 ngày
Đóng dấu 7 ngày áp dụng (済)
Bấm ngày đã thực hành
Phối hợp Gemini Notebook + Google Stitch + Claude Design xây dựng 3 Concept Moodboard & Định hướng Mỹ thuật (Art Direction) cho dòng sản phẩm mới trong 30 phút
Rút ngắn từ "4 ngày gom ảnh và làm slide trình bày Concept" còn "30 phút có 3 Bảng Concept Moodboard toàn diện"
Chuyện của Khôi (Trưởng nhóm Thiết kế & Kiến trúc sư Design System): Mỗi khi chuẩn bị ra mắt dòng sản phẩm mới, thay vì mất cả tuần lướt Pinterest gom ảnh rời rạc, Khôi kết hợp bộ 3 Gemini Notebook (cốt lõi khoa học) + Claude Design (Art Direction) + Google Stitch/Gemini (Visual Board) là có ngay 3 phương án Concept sắc bén trình Ban Giám đốc!
Chọn đúng công cụ & Lưu trữ Google Drive
Gemini Notebook rút trích linh hồn khoa học và nguồn gốc nguyên liệu của sản phẩm; Claude Design chuyển hóa thành 3 định hướng mỹ thuật (Art Direction: Bảng màu phụ theo sản phẩm, Chất liệu, Ánh sáng, Bố cục) và dàn trang Moodboard hoàn chỉnh.
Google Slides / Figma — Trình chiếu và tinh chỉnh phương án được Ban Giám đốc chọn.. Lưu bộ 3 Concept tại 03_Infographic_KeyVisual_Banner/Concept_[MaSP]_Pitch để trình bày trong buổi họp ra mắt sản phẩm.
Nhắc nhở từ Daruma Xanh: Lưu bộ 3 Concept tại 03_Infographic_KeyVisual_Banner/Concept_[MaSP]_Pitch để trình bày trong buổi họp ra mắt sản phẩm.
Chuẩn thực hành Chibo Academy × Quy trình Google Drive nội bộ Genki Fami.
3 bước xử lý & lưu vào Google Drive
- B1
Tra cứu hồ sơ nguyên liệu, câu chuyện vùng trồng/nhà máy Nhật Bản và chân dung khách hàng mục tiêu của sản phẩm mới trên **Gemini Notebook**.
- B2
Chạy Prompt trên **Claude Design** để xây dựng "3 Phương Án Định Hướng Mỹ Thuật (Art Direction & Moodboard Layout)" vẫn giữ sợi dây liên kết với thương hiệu mẹ Genki Fami.
- B3
Tạo 3 ảnh minh họa chất liệu/bối cảnh chủ đạo và thử nghiệm bố cục trang đích trên **Google Stitch**, sau đó lưu trọn bộ vào
03_Infographic_KeyVisual_Banner/Concept_Pitch/.
Nguyên tắc cốt lõi & Đối chiếu Sai / Đúng
Nguyên tắc rút ra cho các tình huống tương tự
Một Concept thiết kế xuất sắc cho sản phẩm mới phải vừa nhìn là nhận ra ngay người một nhà với thương hiệu mẹ, vừa có sắc thái riêng nói lên đúng công dụng của hoạt chất.
Cách hỏi sai: "Mỗi sản phẩm mới lại thiết kế một kiểu logo, font chữ và phong cách hoàn toàn khác nhau không liên quan gì đến nhau."
Cách làm đúng: Giữ nguyên trục nhận diện cốt lõi của thương hiệu mẹ (Logo, cấu trúc Grid, Font chữ) và chỉ biến tấu Bảng màu phụ (Sub-palette) cùng chất liệu nguyên liệu theo từng dòng sản phẩm.
Hậu quả: Khi đặt 5 sản phẩm của công ty lên cùng một kệ nhà thuốc, khách hàng tưởng là của 5 hãng khác nhau, không cộng hưởng được uy tín thương hiệu.
Kết quả chuẩn: Khi đặt cạnh nhau trên kệ thuốc hay trên gian hàng Shopee, cả dải sản phẩm tạo thành một khối thương hiệu bề thế, đồng bộ mà vẫn phân biệt rõ từng công dụng.
Lưu file rời rạc ngoài Desktop hoặc để trôi trong nhóm chat Zalo
Lưu bộ 3 Concept tại 03_Infographic_KeyVisual_Banner/Concept_[MaSP]_Pitch để trình bày trong buổi họp ra mắt sản phẩm.
Đúc kết từ tình huống thực tế phòng ban Genki Fami.
4 mẹo xử lý nhanh trong 30 giây
Luôn giữ 70% yếu tố cố định (vị trí Logo, cấu trúc khung thông tin, kiểu chữ) và dành 30% (màu dải băng phân loại sản phẩm, hình minh họa nguyên liệu) để khách hàng phân biệt nhanh giữa lọ Xương khớp, lọ Giấc ngủ và lọ Mỡ máu.
Luôn ghép thử sản phẩm mới đứng cạnh 3 sản phẩm hiện có của công ty trên cùng 1 kệ hàng xem dải màu có hài hòa và dễ phân biệt không.
Lưu lại bản giải thích ý nghĩa màu sắc của từng SKU vào Google Drive để đội Sale và Đào tạo dùng làm câu chuyện kể cho đại lý.
Lưu bộ 3 Concept tại 03_Infographic_KeyVisual_Banner/Concept_[MaSP]_Pitch để trình bày trong buổi họp ra mắt sản phẩm.
Chính xác! Đây là bí quyết xây dựng kiến trúc thương hiệu (Brand Architecture) bền vững cho doanh nghiệp nhiều mã hàng.
Máy ghép Prompt & Đóng dấu 7 ngày
Đóng dấu 7 ngày áp dụng (済)
Bấm ngày đã thực hành6 nguyên tắc bỏ túi cùng Khôi
- 01
Xây dựng Design System (Claude Design + Google Stitch): Tạo file DESIGN.md + Thư viện 6-10 Component chuẩn toàn công ty.
- 02
Video 3D/Cinematic sản phẩm (Google Flow (Ingredients/Frames)): Nạp ảnh hộp thật vào Ingredients/First Frame, giữ 100% nhãn gốc.
- 03
Thiết kế & Kiểm toán POSM (Gemini Image + Claude Design): Dựng phối cảnh nhà thuốc & kiểm tra thị giác ở 3m – 1.5m – 0.5m.
- 04
Kiểm toán 100 ấn phẩm tự động (Claude Cowork + BRAND_SYSTEM.md): Quét hàng loạt lỗi lệch màu HEX, sai font, thiếu logo & khuyến cáo.
- 05
Interactive Brand Book Web App (Claude Artifacts (HTML/JS)): Trang web Brand Guideline bấm copy mã HEX/CMYK & thử font 1 chạm.
- 06
Lên 3 Concept & Moodboard mới (Gemini Notebook + Claude + Stitch): Quy tắc 70% Thương hiệu mẹ – 30% Bản sắc hoạt chất riêng.
Biên soạn cho Genki Fami dựa trên học liệu Chibo Academy & phong cách Genki Cẩm Nang. Lưu trữ đồng bộ qua Google Drive.