📌 1. Xác định đối tượng khách hàng và hành vi của khách hàng
🎯 Tại sao quan trọng? Thiết kế hiệu quả phải phù hợp với người xem mục tiêu — người mà banner muốn thu hút.
Ví dụ: Bạn đang làm banner cho một ứng dụng học tiếng Anh cho trẻ em từ 6–10 tuổi.
- Đối tượng: Trẻ em, phụ huynh quan tâm đến giáo dục.
- Hành vi: Phụ huynh thường lướt mạng xã hội vào buổi tối, quan tâm đến nội dung giáo dục sinh động, đáng tin cậy.
=> Banner cần có hình ảnh vui nhộn, màu sắc tươi sáng, và thông điệp đơn giản dễ hiểu.
📐 2. Xác định kích cỡ banner
📏 Phù hợp với nơi hiển thị sẽ đảm bảo hiệu quả truyền tải.
Ví dụ: Nếu bạn làm banner cho chiến dịch Google Display Ads:
- Chọn kích thước 300 × 250 (Medium Rectangle) để hiển thị ở nhiều website phổ biến.
- Nếu quảng cáo ở đầu trang báo điện tử → chọn 728 × 90 (Leaderboard).
=> Việc chọn đúng kích thước giúp tối ưu không gian và tăng tương tác.
💬 3. Xác định thông điệp của banner
📣 Thông điệp là “trái tim” của banner — nó phải rõ ràng và hấp dẫn!
Ví dụ: Với chiến dịch bán điện thoại:
- Thông điệp chính: “iPhone 15 Pro – Giá cực sốc chỉ hôm nay!”
- CTA (Call to Action): “Mua ngay” hoặc “Khám phá ưu đãi”
=> Nên dùng từ ngữ ngắn gọn, tạo cảm giác khẩn cấp để thúc đẩy hành động.
🎨 4. Tiến hành thiết kế banner
🛠 Ứng dụng các nguyên lý thiết kế đồ họa và công cụ phần mềm.
Quy trình:
- Chọn tone màu phù hợp thương hiệu và đối tượng.
- Sắp xếp bố cục hợp lý: hình ảnh → tiêu đề → nội dung → nút CTA.
- Dùng Adobe Animate CC để thêm chuyển động nhẹ nhàng vào text/nút.
Ví dụ:
- Hình ảnh sản phẩm quay nhẹ.
- Nút CTA rung nhẹ sau 2 giây để thu hút chú ý.
🔍 5. Kiểm thử và đưa lên website
🧪 Tránh lỗi hiển thị và đảm bảo tối ưu hiệu suất.
Các bước kiểm thử:
- Xem trước trên nhiều trình duyệt và thiết bị khác nhau.
- Kiểm tra tốc độ tải: file banner không nên nặng quá 150KB (đối với web banner chuẩn).
- Kiểm thử CTA: Nút bấm hoạt động tốt, dẫn đúng link đích.
Ví dụ: Sau khi thiết kế xong banner HTML5:
- Kiểm tra lại trên Chrome, Safari, Firefox.
- Gửi thử link cho người khác bấm thử để chắc chắn CTA hoạt động.