Agency truyền thông marketing tích hợp

5S Media

5S Media là agency truyền thông marketing tích hợp đặt tại Hà Nội, đã hơn 12 năm đi cùng doanh nghiệp trên hành trình dựng và lớn thương hiệu. Họ nhận năm nhóm dịch vụ — truyền thông marketing tích hợp, tổ chức sự kiện, quan hệ công chúng, social và digital, thiết kế đồ hoạ — rồi đóng gói thành chín giải pháp bán riêng, từ PR báo chí, truyền thông chính sách, quản trị danh tiếng cho tới Go Global và Exclusive MICE. Trên tường khách hàng của họ có Oracle, Hitachi, Panasonic, Fujitsu, Fujifilm, Viettel, CMC, Dow, SCG, Temenos.

MONA thiết kế và phát triển website song ngữ Việt – Anh cho 5S Media. Với một agency, website chính là mẫu thử: khách nhìn cái trang là biết bên này làm nghề tới đâu. Nên tụi em dựng nó như một sản phẩm truyền thông chứ không như một trang giới thiệu.

Xem website thật

Màn hero website 5S Media với thông điệp Where Global Standard meet Local Intelligent

Lĩnh vực: Agency truyền thông (IMC)
Hạng mục: Thiết kế & phát triển website
Nền tảng: WordPress
Website: 5smedia.vn

Bài toán

Website của một agency là mẫu thử của chính agency đó

Khách của 5S Media là bộ phận marketing của Oracle, Hitachi, Panasonic, Viettel. Những người đó ngồi duyệt agency cả ngày, và thứ đầu tiên họ mở ra là website. Một trang giới thiệu phẳng lì sẽ tự trả lời hộ câu hỏi quan trọng nhất theo chiều xấu nhất.

Nên tụi em dựng trang này như một sản phẩm truyền thông. Nền chuyển sắc navy sang teal, các khối nội dung là thẻ kính mờ chồng lớp, dàn thẻ dịch vụ xoè nghiêng như bộ bài — thứ ngôn ngữ mà một agency dùng để nói rằng họ biết làm hình.

Phần khó hơn nằm ở cấu trúc. 5S bán năm dịch vụ nhưng đóng gói thành chín giải pháp, hai lớp đó không trùng nhau. Tụi em tách hẳn thành hai hệ trang, mỗi giải pháp có trang riêng đánh số 01 đến 09 và nối chéo sang dự án đã chạy bằng nút Xem dự án. Trang dự án lọc theo năm trường ngành hàng, dịch vụ, gói giải pháp, ngân sách và nhu cầu, để một buyer tìm đúng ca giống mình. Toàn bộ dựng song ngữ Việt – Anh.

Giao diện nổi bật

Mấy chỗ tụi em chăm nhất: chín gói giải pháp đánh số và nối chéo sang dự án đã chạy, bộ lọc năm trường trên trang dự án, và trang chi tiết dự án kết lại bằng con số thật thay vì lời khen.

Lưới chín gói giải pháp truyền thông của 5S Media đánh số từ 01

Trang dự án 5S Media lọc theo ngành hàng dịch vụ gói giải pháp ngân sách

Trang chi tiết dự án Quảng Ninh nêu hạng mục và bốn chỉ số kết quả

Trang giải pháp Go Global với bốn khối giá trị mang lại cho khách

Khối giới thiệu 5S Media trên trang chủ với các thẻ kính xếp chồng

Hạng mục bàn giao

MONA đã làm gì cho 5S Media

01
Thiết kế UX/UI theo hướng glassmorphism — nền chuyển sắc navy sang teal, khối nội dung là thẻ kính mờ chồng lớp
02
Phát triển website trên nền WordPress với theme con riêng, dựng từng khối trang thay vì lắp mẫu có sẵn
03
Tách hai hệ trang cho năm dịch vụ và chín gói giải pháp, mỗi giải pháp một trang riêng nối chéo sang dự án
04
Xây trang dự án lọc theo ngành hàng, dịch vụ, gói giải pháp, ngân sách và nhu cầu, kèm trang chi tiết có khối chỉ số
05
Dựng hệ song ngữ Việt – Anh, tối ưu tốc độ tải cho nền chuyển sắc và chuẩn hiển thị trên mobile

Trải nghiệm giao diện

Phần còn lại của hệ trang: trang giới thiệu mở bằng mốc mười hai năm, hai lớp dịch vụ đi từ vấn đề của khách tới cam kết, tin tức chia danh mục, tuyển dụng và form liên hệ.