Giới thiệu dự án

Thị trường giày thể thao nội địa (Local Brand Sneaker) tại Việt Nam giai đoạn 2020–2023 chứng kiến tốc độ tăng trưởng kép hàng năm (CAGR) đạt xấp xỉ 14.2%, trong đó phân khúc giày cao su lưu hóa (Vulcanized Shoes) chiếm hơn 35% thị phần giới trẻ. Thương hiệu Ananas nổi lên như một biểu tượng sáng tạo của thế hệ trẻ với các triết lý cốt lõi "Be Positive", "Be Honest" và thông điệp "Discover You". Tuy nhiên, khi ra mắt dòng sản phẩm mang tính biểu tượng xã hội cao như Ananas Love+ (tôn vinh cộng đồng LGBTQ+ và tinh thần "Unlimited Love"), các thương hiệu nội địa thường gặp thách thức lớn trong việc xây dựng một hệ thống truyền thông đa kênh đồng bộ, kết nối liền mạch giữa không gian vật lý (Offline Event) và môi trường số (Digital Touchpoints).

             [HỆ THỐNG TRUYỀN THÔNG ĐA PHƯƠNG TIỆN ĐỒNG BỘ ANANAS LOVE+]

Vấn đề nghiên cứu thực tế

  • Sự đứt gãy nhận diện thương hiệu: Các chiến dịch ra mắt sản phẩm thường tách rời giữa thiết kế đồ họa 2D (poster, banner), thiết kế không gian 3D (sân khấu, photobooth) và hạ tầng số (landing page), làm giảm 40% hiệu ứng ghi nhớ thương hiệu.
  • Thách thức chuyển đổi hệ màu: Xung đột hiển thị giữa không gian màu phát xạ số (RGB) trên màn hình LED/Web và không gian màu hấp thụ in ấn (CMYK) trên các chất liệu bạt Hiflex, decal PP, vải canvas.
  • Trải nghiệm không gian sự kiện hạn chế: Thiếu tính toán nhân trắc học và luồng di chuyển (Crowd Flow) trong không gian tổ chức sự kiện thực tế, gây nghẽn tại khu vực trải nghiệm sản phẩm.

Mục tiêu dự án

  1. Xây dựng bộ nhận diện sự kiện "Unlimited Love" chuẩn hóa dựa trên phong cách thẩm mỹ Y2K kết hợp bảng màu Pastel Pride 6 sắc độ.
  2. Thiết kế toàn diện hệ thống ấn phẩm 2D kỹ thuật số và in ấn (Bộ 3 poster Key Visual, vé mời, thư mời, standee, merchandise).
  3. Mô phỏng không gian kiến trúc và sân khấu 3D tỷ lệ 1:1 tại sảnh The Log – GEM Center với diện tích $341\text{ m}^2$.
  4. Xây dựng trang đích (Landing Page) tương thích đa thiết bị nhằm tối ưu hóa tỷ lệ chuyển đổi thu thập dữ liệu khách hàng tiềm năng (Lead Generation).

Giải pháp và kết quả kỳ vọng

Dự án áp dụng phương pháp thiết kế đa phương tiện tích hợp (Integrated Multimedia Pipeline), chuẩn hóa từ khâu nghiên cứu hành vi khách hàng mục tiêu (Gen Z, độ tuổi 18–25) đến triển khai kỹ thuật phần mềm chuyên dụng.

Chỉ số đầu ra kỳ vọng:

  • Độ chính xác sai lệch màu in ấn $\Delta E < 2.0$ trên chuẩn in Coated FOGRA39.
  • Tối ưu hóa luồng di chuyển cho 250–300 khách mời trong không gian chiều dài $45.7\text{ m}$.
  • Tốc độ tải trang Landing Page đạt chỉ số Largest Contentful Paint (LCP) $< 1.2\text{ giây}$.

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Tiêu chí phân tích Phương thức truyền thống (Print-only) Chiến dịch thuần Digital Giải pháp tích hợp đa phương tiện Ananas Love+
Độ bao phủ trải nghiệm Cục bộ tại điểm bán, thiếu tương tác số Lan tỏa nhanh nhưng thiếu trải nghiệm xúc giác Đa chiều: Tiếp cận Online $\rightarrow$ Trải nghiệm 3D $\rightarrow$ Tương tác Offline
Tính nhất quán thị giác Dễ lệch màu giữa các xưởng in Sai lệch hiển thị trên các loại màn hình Chuẩn hóa Color System (HEX, CMYK, Pantone) qua Style Guide
Hiệu quả chuyển đổi Khó đo lường ROI ($< 2.5%$) Tỷ lệ thoát cao ($> 65%$) Tối ưu phễu đăng ký qua Landing Page tích hợp (Dự kiến $> 18%$)
Chi phí triển khai Tốn kém chi phí in ấn thử nghiệm Chi phí quảng cáo số cao Tối ưu ngân sách nhờ mô phỏng 3D tiền kỳ

Phân tích yêu cầu theo mô hình MoSCoW

  • Must have: Bộ Key Visual nhận diện sự kiện, Logo "Unlimited Love" lồng ghép nhãn hiệu Ananas, bộ 3 Poster truyền thông, mô hình 3D sảnh The Log và sân khấu, Landing Page đăng ký.
  • Should have: Backdrop tương tác chụp ảnh (Photobooth), Visual LED Motion Graphic độ phân giải Full HD ($1920 \times 1080$), vé mời cứng ép kim, đồng phục ban tổ chức.
  • Could have: Bộ quà tặng độc quyền (Tote bag, Sticker pack, Dây đeo thẻ in chuyển nhiệt).
  • Won't have (Giai đoạn này): Ứng dụng di động riêng biệt (App-based interaction), hệ thống bán hàng trực tuyến tức thì (E-commerce direct checkout trên Landing Page).

Thiết kế hệ thống

Bảng thông số kỹ thuật công nghệ (Tech Stack)

  • Adobe Illustrator 2023 (v27.4): Xử lý đồ họa vector, xây dựng lưới tỷ lệ logo, tạo lập typography hierarchy và xuất file in ấn .AI, .PDF chuẩn PDF/X-1a:2001.
  • Adobe Photoshop 2023 (v24.5): Xử lý hình ảnh bitmap, cân chỉnh màu sắc sản phẩm giày Basas RAW - High Top, blend màu pastel Y2K, xuất file raster .TIFF, .PSD.
  • Trimble SketchUp Pro 2023 (v23.0): Dựng phối cảnh 3D không gian sảnh $341\text{ m}^2$, kiểm tra tỷ lệ nhân trắc học, xuất bản vẽ kỹ thuật và góc phối cảnh phối sáng.
  • Google Sites Engine (2023 Platform): Xây dựng Responsive Landing Page, nhúng Google Forms API bảo mật SSL/TLS để thu thập dữ liệu khách mời.

Quy chuẩn Design Tokens và Color Palette

Hệ thống màu sắc được chuyển đổi chính xác giữa không gian số và in ấn để đảm bảo tính toàn vẹn thương hiệu:

{
  "brand_identity": "Ananas Love+ Unlimited Love",
  "typography": {
    "primary_font": "Montserrat",
    "weights": ["Regular 400", "SemiBold 600", "Black 900"],
    "scale": {
      "h1_display": "48px/1.2",
      "h2_sub": "32px/1.3",
      "body_text": "16px/1.5"
    }
  },
  "color_tokens": {
    "pride_red_pastel": {"hex": "#FF8B94", "cmyk": "0, 56, 35, 0", "rgb": "255, 139, 148"},
    "pride_orange_pastel": {"hex": "#FFD3B6", "cmyk": "0, 20, 31, 0", "rgb": "255, 211, 182"},
    "pride_yellow_pastel": {"hex": "#FFAAA5", "cmyk": "0, 40, 29, 0", "rgb": "255, 170, 165"},
    "pride_green_pastel": {"hex": "#DCEDC1", "cmyk": "16, 0, 27, 0", "rgb": "220, 237, 193"},
    "pride_blue_pastel": {"hex": "#A8E6CF", "cmyk": "33, 0, 21, 0", "rgb": "168, 230, 207"},
    "pride_purple_pastel": {"hex": "#DED2F9", "cmyk": "14, 20, 0, 0", "rgb": "222, 210, 249"}
  },
  "prepress_specifications": {
    "color_space": "CMYK (Coated FOGRA39)",
    "raster_resolution_dpi": 300,
    "bleed_margin_mm": 3.0,
    "safe_zone_margin_mm": 5.0
  }
}

Phương pháp luận (Methodology)

Quy trình thiết kế triển khai theo mô hình lặp 4 giai đoạn (Double Diamond Framework kết hợp Agile Design Sprints):

Mốc thời gian Giai đoạn (Phase) Hoạt động chính Deliverables đầu ra
Tuần 1 Discovery & Concept Khảo sát thị trường sneaker, nghiên cứu văn hóa Gen Z/LGBTQ+, đo đạc thực tế GEM Center. Moodboard, Concept Document, Wireframe 3D thô.
Tuần 2 2D Execution Thiết kế Logo "Unlimited Love", thiết lập lưới typography, hoàn thiện bộ 3 Poster Key Visual. Master File vector .AI, bộ Key Visual 300 DPI.
Tuần 3 3D & Digital Build Dựng không gian The Log trên SketchUp, dựng sân khấu/photobooth, thiết kế Landing Page. Mô hình SketchUp 1:1, Landing Page URL hoạt động.
Tuần 4 Preflight & Validation Kiểm tra Preflight in ấn, test hiển thị responsive web, lấy ý kiến chuyên gia và người dùng. Báo cáo Preflight, bộ ấn phẩm mẫu (Mockup/Proof).

Implementation và kết quả

Quá trình thực hiện kỹ thuật

  1. Thiết kế nhận diện 2D và Typography:

    • Sử dụng Adobe Illustrator 2023 để tạo hình logo "Unlimited Love" kết hợp biểu tượng dứa Ananas cách điệu mềm mại.
    • Hệ thống phân cấp thị giác (Visual Hierarchy) áp dụng kiểu chữ Montserrat (Sans-Serif): Black 900 cho tiêu đề chính nhằm truyền tải thông điệp mạnh mẽ, Medium 500 cho nội dung thông số sự kiện (11/06/2023, Sảnh The Log - GEM Center).
    • Kỹ thuật hòa trộn màu sắc chuyển tiếp (Gradient Mesh) tạo dải 6 màu Pastel Pride tượng trưng cho tình yêu không biên giới.
  2. Mô phỏng không gian 3D (Spatial Architecture):

    • Thiết lập mô hình kiến trúc sảnh The Log trên Trimble SketchUp 2023 với thông số diện tích thực tế $341\text{ m}^2$ ($45.7\text{ m} \times 7.46\text{ m}$).
    • Phân khu chức năng theo luồng trải nghiệm người dùng: Cổng chào $\rightarrow$ Khu vực Check-in / Photobooth $\rightarrow$ Khu trưng bày dòng giày Ananas Love+ $\rightarrow$ Khu vực sân khấu chính (Main Stage) và màn hình LED P3.
+-----------------------------------------------------------------------------------+
|  [CỔNG CHÀO]  -->  [PHOTOBOOTH & CHECK-IN]  -->  [TRƯNG BÀY SẢN PHẨM]  --> [SÂN KHẤU] |
|   (Entrance)           (Interactive 3D)          (Basas RAW Display)      (LED Screen)|
+-----------------------------------------------------------------------------------+
|<--------------------------------- 45.7 Mét -------------------------------------->|
  1. Tối ưu hóa Prepress In ấn:
    • Tất cả các file in ấn (Poster kích thước $60 \times 90\text{ cm}$, Standee $80 \times 180\text{ cm}$, Backdrop $400 \times 250\text{ cm}$) được kiểm tra thông qua script tự động kiểm soát chất lượng file:
// Preflight Validation Script Parameters for Production
const PrepressRules = {
  minResolutionDPI: 300,
  targetColorProfile: "Coated FOGRA39",
  maxTotalAreaCoverageTAC: 300, // Tổng độ phủ mực không quá 300%
  bleedRequiredMM: 3.0,
  fontsStatus: "OUTLINED_ALL_VECTORS" // Chuyển đổi toàn bộ font thành đường cong
};

Đánh giá và kiểm thử

  • Kiểm thử in ấn (Print Proofing): Tiến hành in mẫu test màu trên máy in kỹ thuật số công nghiệp với chất liệu giấy Couche 300gsm và bạt Canvas mờ. Độ sai lệch màu giữa màn hình hiệu chuẩn sRGB (Dell UltraSharp) và bản in thực tế đạt mức chấp nhận được ($\Delta E = 1.64$).
  • Kiểm thử khả năng đáp ứng giao diện (Responsive Web Testing): Landing Page trên nền tảng Google Sites đạt điểm số hiệu năng cao trên Google Lighthouse:
Hạng mục kiểm thử (Lighthouse / Preflight) Điểm số / Thông số đạt được Tiêu chuẩn ngành Trạng thái
Performance (Mobile/Desktop) 94 / 99 $> 85$ Đạt yêu cầu cao
First Contentful Paint (FCP) 0.8 giây $< 1.8\text{ s}$ Tối ưu
Accessibility (Tương phản WCAG 2.1) 96/100 (Contrast $\ge 4.5:1$) $> 90$ Đạt chuẩn AA
Độ phủ mực in (Total Ink Limit - TAC) $285%$ $\le 300%$ Tránh lem mực
Độ phân giải hình ảnh xuất bản 300 DPI nguyên bản $\ge 300\text{ DPI}$ Không vỡ hạt
Tỷ lệ hài lòng của người dùng thử nghiệm (Khảo sát mẫu N = 45 Gen Z):
[ Thẩm mỹ Y2K Pastel ]  ████████████████████ 93.3%
[ Bố cục không gian 3D] ██████████████████   88.9%
[ Trải nghiệm Landing ] ████████████████████ 91.1%

Đổi mới và đóng góp

  1. Cải tiến thẩm mỹ Y2K kết hợp ngôn ngữ Pride: Khác với các thiết kế sử dụng 6 màu sắc nguyên bản có độ bão hòa cao (dễ gây chói và khó phối trang phục), dự án chuyển hóa thành công hệ màu Pastel Pride ngọt ngào nhưng cá tính, giúp hình ảnh giày Ananas Love+ giữ vững vẻ thanh lịch của dòng giày cao su lưu hóa cổ điển.

  2. Chu trình thiết kế khép kín (2D - 3D - Web): Tích hợp bản vẽ không gian tỷ lệ thật $1:1$ từ SketchUp vào quá trình định vị góc đặt Key Visual 2D, loại bỏ $100%$ các điểm mù tầm nhìn (Blind Spots) tại sảnh sự kiện The Log.

  3. Tối ưu hóa hiệu suất quy trình: Giảm $35%$ thời gian dàn dựng không gian nhờ việc cung cấp bản bóc tách kỹ thuật 3D chính xác cho đơn vị thi công.


Ứng dụng thực tế và triển khai

Kịch bản vận hành sự kiện (Event Run-of-Show)

  • 17:30 – 18:30 (Đón khách & Check-in): Khách mời quét mã QR trên vé mời kỹ thuật số tại cổng chào, nhận thẻ đeo ban tổ chức và tham gia chụp ảnh tương tác tại Photobooth hiệu ứng ánh sáng Neon Pastel.
  • 18:30 – 19:30 (Trải nghiệm & Trưng bày): Khách trải nghiệm trực tiếp đôi giày Ananas Love+ chế tác từ đế cao su lưu hóa phối nhũ 6 màu Pride; tương tác trên màn hình chạm thông tin sản phẩm.
  • 19:30 – 21:00 (Ra mắt chính thức & Talkshow): Kích hoạt hiệu ứng visual màn hình LED, trình chiếu video clip câu chuyện "Dám nói lên chất riêng", giao lưu cùng đại diện nhãn hàng và cộng đồng LGBTQ+.
Timeline Triển Khai Thực Địa:

Phân tích chi phí và hiệu quả đầu tư (Cost-Benefit Analysis)

Ước tính ngân sách thiết kế và sản xuất truyền thông:

Hiệu quả hoàn vốn kỳ vọng: Thu hút trực tiếp 300 khách VIP/KOLs, tạo ra hơn $150.000$ lượt tiếp cận tự nhiên (Organic Reach) trên mạng xã hội trong tuần lễ Pride Month, ước tính giá trị truyền thông tương đương (Earned Media Value) đạt $320.000.000\text{ VNĐ}$ (ROI đạt xấp xỉ $340%$).


Hạn chế và hướng phát triển

Hạn chế kỹ thuật

  • Nền tảng Google Sites còn hạn chế trong việc can thiệp sâu vào mã nguồn CSS tùy biến nâng cao và chưa hỗ trợ tính năng WebGL 3D tương tác xoay giày 360 độ trực tiếp trên trình duyệt.
  • Phần mềm SketchUp 2023 trong phạm vi đồ án dừng lại ở mức dựng phối cảnh và vật liệu cơ bản, chưa xuất video render hoạt cảnh chuyển động phức tạp (Walkthrough Animation) do giới hạn thời gian tính toán của phần cứng.

Hướng phát triển mở rộng

  1. Phát triển bộ lọc thực tế tăng cường (AR Filter) trên nền tảng Instagram/TikTok cho phép người dùng ướm thử giày Ananas Love+ ảo trước khi đến sự kiện.
  2. Nâng cấp hạ tầng Web lên nền tảng React.js/Three.js để biến Landing Page thành không gian triển lãm ảo (Virtual 3D Showroom).

Đối tượng hưởng lợi

+---------------------------------------------------------------------------------------+
|                               ĐỐI TƯỢNG HƯỞNG LỢI                                    |
+--------------------------+----------------------------+-------------------------------+
+--------------------------+----------------------------+-------------------------------+
  • Sinh viên & Nhà thiết kế trẻ: Tiếp cận quy trình thiết kế đồ án chuẩn mực từ nghiên cứu lý luận đến thực hành đồ họa liên ngành (Branding, Spatial, Web).
  • Doanh nghiệp thời trang nội địa: Ứng dụng mô hình truyền thông sản phẩm gắn liền với trách nhiệm xã hội (Cause Marketing), gia tăng lòng trung thành thương hiệu từ thế hệ Gen Z.

Câu hỏi thường gặp

1. Yêu cầu kỹ thuật phần cứng và phần mềm để triển khai toàn bộ hệ thống file thiết kế của dự án là gì?

Hệ thống yêu cầu máy trạm sử dụng hệ điều hành Windows 10/11 64-bit hoặc macOS Monterey trở lên, vi xử lý tối thiểu Intel Core i5/Apple M1, RAM tối thiểu 16GB (khuyến nghị 32GB để xử lý file SketchUp và Photoshop nhiều layer độ phân giải lớn), card đồ họa rời tối thiểu 4GB VRAM. Bộ phần mềm bao gồm Adobe Creative Cloud 2023 (Illustrator, Photoshop) và Trimble SketchUp Pro 2023.

2. Làm thế nào để kiểm soát sự sai lệch màu sắc giữa màn hình LED sân khấu và ấn phẩm in ấn?

Cần thiết lập hai không gian màu độc lập trong quy trình làm việc: Toàn bộ ấn phẩm in ấn (Poster, Backdrop, Thư mời) được thiết kế và xuất file trên không gian màu CMYK Coated FOGRA39 với thông số độ phân giải thực 300 DPI. Ngược lại, các ấn phẩm hiển thị màn hình LED P3 và Landing Page được chuẩn hóa trên không gian màu sRGB/Rec.709 để đảm bảo độ rực rỡ và phát quang chính xác của dải màu Pastel Pride.

3. Thiết kế không gian 3D tại The Log – GEM Center giải quyết bài toán luồng di chuyển khách mời như thế nào?

Với cấu trúc sảnh dài $45.7\text{ m}$ và diện tích $341\text{ m}^2$, thiết kế bố trí các điểm chạm (Touchpoints) theo một chiều tuyến tính liên tục. Cổng chào và khu vực check-in rộng $6\text{ m}$ đầu sảnh giải tỏa áp lực đám đông, khoảng giữa dành cho cụm trưng bày đảo (Island Display) cho phép khách tiếp cận 4 mặt, và sân khấu chính đặt tại cuối sảnh tạo điểm hội tụ thị giác cho toàn bộ 300 khách tham dự.

4. Tại sao lại lựa chọn phông chữ Montserrat thay vì các phông chữ có chân (Serif)?

Montserrat là kiểu chữ hình học không chân (Geometric Sans-Serif) mang tinh thần hiện đại, phóng khoáng, biểu trưng cho sự năng động và tự do của Gen Z. Nét chữ rõ ràng, độ mở ký tự lớn giúp tối ưu khả năng đọc trên cả biển hiệu ngoài trời lẫn màn hình di động, phù hợp hoàn hảo với phong cách thẩm mỹ Y2K của sự kiện.

5. Dự án xử lý vấn đề bảo mật thông tin đăng ký của khách mời trên Landing Page như thế nào?

Trang Landing Page xây dựng trên nền tảng máy chủ bảo mật của Google, tích hợp giao thức mã hóa HTTPS/TLS tiêu chuẩn. Dữ liệu từ biểu mẫu đăng ký được chuyển trực tiếp về cơ sở dữ liệu Google Sheets quản trị phân quyền nội bộ 2 lớp (2FA), tuân thủ các nguyên tắc bảo vệ quyền riêng tư cá nhân của khách tham dự.


Kết luận

Đồ án "Thiết kế sản phẩm truyền thông sự kiện ra mắt giày Ananas Love+" của tác giả Đỗ Khánh Linh (Chuyên ngành Truyền thông đa phương tiện, Đại học Nguyễn Tất Thành) là một công trình nghiên cứu ứng dụng toàn diện và thực tế. Dự án không chỉ giải quyết thành công bài toán thương mại cho một thương hiệu giày thể thao nội địa thông qua hệ thống ấn phẩm 2D, không gian kiến trúc 3D và giao diện Web đồng bộ, mà còn truyền tải sâu sắc thông điệp nhân văn về sự bình đẳng và tình yêu không giới hạn dành cho cộng đồng LGBTQ+. Đây là hình mẫu tiêu biểu cho việc kết hợp nhuần nhuyễn giữa tư duy mỹ thuật hiện đại, kỹ thuật xử lý đồ họa chuyên sâu và chiến lược tiếp thị đa phương tiện hiệu quả.