Truyền hình theo yêu cầu · OTT

AVG dùng dấu cộng nối liền mọi màn hình

AVG bước sang thời truyền hình theo yêu cầu (OTT) với nhận diện thương hiệu mới: dấu cộng xuất hiện đồng nhất trên điện thoại, tivi, website.

Năm2020
Lĩnh vựcTruyền hình theo yêu cầu
Nền tảngĐiện thoại · Tivi · Web
Bộ nhận diện AVG trên nhiều ấn phẩm

Vấn đề

AVG là cái tên đã quen tai trong ngành truyền hình Việt Nam. Nhưng cách người ta xem đã đổi: trên điện thoại lúc chờ xe, trên máy tính giờ nghỉ trưa, trên tivi phòng khách một tối cuối tuần. Thương hiệu sinh ra từ thời lịch phát sóng cố định, giờ phải sống trong thời OTT, tức xem truyền hình qua mạng. Người xem tự chọn giờ, tự chọn phim. Bài toán là học nói một giọng khác: giọng giải trí hiện đại, gần gũi và vui. Nhưng vẫn phải giữ sự tin cậy mà cái tên đã dày công gây dựng.

Khó hơn, giọng ấy phải cất lên đồng đều ở nhiều nơi cùng lúc. Đó là ứng dụng điện thoại cầm sát mặt, giao diện tivi nhìn từ xa qua điều khiển, website trên trình duyệt. Đó cũng là những vật dụng ngoài đời như hộp đầu thu trên kệ, poster, sân khấu ra mắt. Khi mỗi đội, mỗi đối tác dựng một kiểu, thương hiệu vỡ thành nhiều mảnh. Người xem không còn chắc mình đang ở đúng một nơi. Sinh Vũ cùng AVG đi tìm một điểm tựa đủ nhỏ để in vừa icon, đủ lớn để gánh cả nhà đài. Điểm tựa ấy là dấu cộng.

Cách làm

01
Lắng nghe trước khi vẽ

Trước khi chạm bút, Sinh Vũ tự cấm mình vẽ. Thương hiệu truyền hình chuyển mình không thiếu ý tưởng hình. Nó thiếu câu trả lời cho câu hỏi gốc: giữa vô số nền tảng tranh nhau vài phút rảnh của người Việt, AVG đứng ở đâu và để làm gì. Sinh Vũ rà soát thương hiệu, đánh giá lại toàn bộ tài sản và cách AVG đang có mặt. Sinh Vũ cũng đọc lại cách người xem gọi tên và nhớ về nó, để nhìn thẳng cái đang có trước khi bàn cái nên có.

Rồi Sinh Vũ ngồi lại cùng AVG qua các buổi làm việc chung có dẫn dắt để hai bên cùng chốt hướng. Thay vì áp khẩu hiệu, Sinh Vũ gạn ra một kim chỉ nam mà cả nhà đài gật đầu. AVG không bán kênh, không bán số lượng phim, mà thêm niềm vui cho những khoảnh khắc con người ở bên nhau. Câu ngắn ấy về sau chi phối mọi lựa chọn, từ độ ấm của màu, độ bo của góc, đến cách một dòng chữ chào người xem.

Sinh Vũ tin một nguyên tắc: hệ nhận diện chỉ vững khi nó mọc lên từ câu định vị, chứ không phải từ hình đẹp tìm được trước rồi gán nghĩa vào sau. Chương này không sinh ra pixel nào, nhưng quyết định mọi pixel về sau có cùng một lý do tồn tại. Khi cả đội biết vì sao mình làm, thứ họ làm ra tự khắc thôi lệch nhau.

02
Một dấu cộng biết cười

Điểm tựa của cả hệ là một dấu cộng, đọc như phép tính về đúng lời hứa thương hiệu: thêm kết nối, thêm niềm vui. Nó cộng thêm chứ không thay thế những gì người xem đã yêu. Nó được dựng từ những ô vuông ấm chồng lên nhau, đỏ, cam, hổ phách, như ánh đèn hắt ra từ một phòng khách buổi tối, đặt cạnh chữ AVG xanh teal sâu và vững. Xanh để tin, những mảng ấm để vui. Sự tin cậy của nhà đài lâu năm và sự ấm áp của tối quây quần được buộc lại trong đúng một dấu hiệu.

Cái khó là dấu hiệu phải sống ở hai đầu kích thước cùng lúc. Thu về cỡ một icon lấm tấm trên điện thoại vẫn nhận ra ngay, phóng lên trọn phông nền sân khấu vẫn chỉn chu. Vì thế Sinh Vũ dựng dấu cộng theo lối module, tức các ô vuông là những viên gạch tháo ra ghép lại. Chúng vừa hợp thành dấu cộng chính, vừa tách thành họa tiết nền, khung sắp phim, cách chuyển động khi giao diện mở. Dấu hiệu ấy có nhiều đời sống, luôn cùng một gốc.

Sinh Vũ gọi nội bộ đây là một dấu cộng biết cười. Nó không đứng nghiêm như huy hiệu, mà nảy, sáng dần lên, xếp lại thành nụ cười của các khối màu khi ứng dụng khởi động. Dấu hiệu tốt cho thời đại số không chỉ để nhìn, nó còn phải cử động được. Bản sắc thương hiệu ngày nay không chỉ nằm trong một hình tĩnh, mà còn trong cách hình ấy chuyển động nhất quán qua mọi màn hình.

Tinh thần thương hiệu AVG: kết nối và niềm vui quanh một dấu cộng
03
Chuyên môn để cả nhà đài dùng đúng

Dấu hiệu đẹp là phần dễ. Phần khó là giữ cho nó không méo đi khi hàng chục người, ở nhiều đội và đối tác, mỗi ngày lại chạm vào. Nhà đài lớn dựng nội dung liên tục: nay chương trình, mai chiến dịch, mốt đối tác đồng thương hiệu. Nếu mỗi lần chạm là một lần diễn giải lại dấu cộng đặt đâu, màu nào đúng đỏ, thì chỉ vài tháng, AVG trên tivi và trên poster đã là hai người khác nhau.

Nên Sinh Vũ viết một cuốn cẩm nang quy chuẩn, tức bộ luật dùng thương hiệu, để tra chứ không để ngắm. Cẩm nang quy định dấu cộng chừa khoảng thở bao nhiêu, thu nhỏ tới ngưỡng nào thì đổi phiên bản, mã màu nào là chuẩn. Nó cũng quy định phông nào cho tiêu đề, phông nào cho khối chữ dài, và họa tiết dựng ra sao từ chính các ô vuông. Mỗi quy tắc kèm một ví dụ đúng và một ví dụ sai, để người đọc không chỉ biết luật mà hiểu vì sao có luật.

Giá trị của cuốn cẩm nang lộ ra ở chỗ không ai nhìn thấy. Một người thiết kế của đối tác, chưa từng gặp Sinh Vũ, mở ra và dựng banner đúng chuẩn ngay lần đầu, không cần gọi hỏi lại. Sinh Vũ tin quy chuẩn nhận diện chính là thứ biến một thương hiệu từ chỗ phải trông coi từng ấn phẩm sang chỗ tự vận hành đúng khi mở rộng. Đó là khoản đầu tư một lần để tiết kiệm hàng nghìn lần diễn giải về sau.

Cẩm nang quy chuẩn nhận diện AVG
04
Một hệ, mọi màn hình

Xem theo yêu cầu không sống ở một màn hình, nó rải trên nhiều màn. Điện thoại trên tay, máy tính bảng gối đầu giường, website trên trình duyệt. Cách làm dễ là giao mỗi màn cho một đội, rồi có ba ứng dụng na ná mà chi tiết nào cũng lệch. Nút tìm kiếm mỗi nơi một chỗ, hàng phim mỗi nơi một cỡ. Sinh Vũ từ chối lối ấy. Sinh Vũ dựng cho AVG một hệ thiết kế dùng chung, tức kho thành phần giao diện chuẩn hóa để mọi sản phẩm lắp ra từ cùng bộ linh kiện.

Sinh Vũ định nghĩa một lần các viên gạch giao diện: thẻ phim, hàng phim cuộn ngang, thanh điều hướng, bộ biểu tượng, cách sắp poster, quy tắc khoảng cách và cỡ chữ. Tất cả đều rút từ ngôn ngữ của dấu cộng. Mỗi màn hình sau đó không thiết kế lại, mà lắp lại từ cùng bộ linh kiện. Nhờ vậy người xem chuyển từ điện thoại sang máy tính bảng không phải học lại. Cùng logic tìm phim, cùng chỗ để bấm, cùng cảm giác quen tay.

Giá trị thật của một hệ dùng chung nằm ở đường dài. Mỗi khi AVG thêm mục nội dung hay tính năng, họ chỉ cần dựng một lần trong hệ. Nó sẽ hiện ra đồng nhất ở mọi màn cùng lúc. Thứ trước đây ba lần làm, ba lần lệch, ba lần sửa, giờ chỉ còn một lần. Sinh Vũ tin với sản phẩm nhiều màn hình, giá trị lớn nhất của thiết kế là một hệ nền cho phép làm nhanh mà không lệch nhau. Nhờ đó đội sản phẩm chạy kịp tốc độ của nội dung.

Hệ giao diện ứng dụng AVG dùng chung nhiều màn hình
05
Từ điện thoại đến phòng khách

Trong mọi màn hình, có một màn mang tính biểu tượng riêng của nhà đài: chiếc tivi giữa phòng khách. Nhưng tivi là bài toán thiết kế khác hẳn điện thoại, chỗ nhiều nền tảng số vấp phải. Người ta không chạm vào tivi, họ ngồi cách vài mét và điều khiển bằng chiếc remote vài nút bấm. Giao diện đẹp trên điện thoại bê nguyên lên tivi thành chữ li ti không đọc nổi từ ghế sofa, những đường dẫn cần vuốt trở nên bất khả với một nút mũi tên.

Vì thế Sinh Vũ thiết kế trải nghiệm tivi cho khoảng cách xa, tức cho người xem ngồi cách màn hình chừng ba mét. Chữ đủ lớn để đọc từ ghế, phim đủ rộng để nhìn rõ, tương phản đủ mạnh cho phòng tối. Quan trọng nhất là đường đi được rút ngắn còn ít bước, để tới thứ muốn xem chỉ cần vài lần bấm mũi tên. Dấu cộng và bảng màu ấm giữ nguyên, nhưng bố cục đóng lại cho một ngón cái trên remote, không phải mười ngón trên kính cảm ứng.

Điều buộc mọi thứ lại là sự liền mạch. Từ chiếc đầu thu dưới tivi, đến ứng dụng trong túi áo, đến website mở ở cơ quan, người xem luôn gặp cùng AVG. Cùng cách phim bày ra, cùng dấu cộng chào ở màn hình mở đầu. Sinh Vũ tin thương hiệu số làm tốt là thương hiệu mà người dùng bước từ màn hình này sang màn hình khác gần như không nhận ra có một đường ranh. Trải nghiệm chỉ đứt đoạn khi thiết kế quên rằng đằng sau các màn là cùng một con người.

Ứng dụng AVG trên tivi và đầu thu trong phòng khách
06
Thêm niềm vui, ngoài màn hình

Thương hiệu giải trí không thể chỉ sống sau lớp kính. Người ta quyết định mua đầu thu AVG khi cầm chiếc hộp ở cửa hàng. Người ta nhớ tới AVG khi lướt qua một tấm poster trên phố, và tin vào AVG khi ngồi dưới một sân khấu ra mắt dựng chỉn chu. Nếu dấu cộng chỉ đẹp trong ứng dụng mà lạc lõng ngoài đời, thương hiệu mới đi được nửa đường. Nên Sinh Vũ đưa dấu cộng ra khỏi màn hình, giữ nguyên tinh thần nhưng đổi chất liệu.

Trên bao bì đầu thu, các ô vuông ấm thành một hệ thị giác cho chiếc hộp, để sản phẩm kỹ thuật vốn khô khan mang được hơi ấm của lời hứa niềm vui. Trên hình ảnh chiến dịch, Sinh Vũ dựng một bộ hình ảnh nhất quán xoay quanh những khoảnh khắc con người cùng cười, cùng xem. Mỗi poster dù chụp cảnh khác nhau vẫn nhận ra ngay là của AVG qua ánh sáng, sắc màu, cách sắp bố cục. Trên tài liệu doanh nghiệp và sân khấu ra mắt, cùng một dấu cộng lại xuất hiện. Lần này để nói với đối tác và nhà đầu tư rằng đây là tổ chức có phương pháp, có gương mặt rõ ràng.

Sợi chỉ xuyên suốt là tín hiệu và lời hứa duy nhất: thêm kết nối, thêm niềm vui. Sinh Vũ tin một hệ hình ảnh chiến dịch mạnh là hệ mà người xem nhận ra thương hiệu trước cả khi đọc tên nó. Điều đó chỉ đến khi mọi nơi khách hàng gặp thương hiệu, trong màn hình lẫn ngoài đời, đều phát ra một tín hiệu không đổi. Dấu cộng của AVG đi từ icon vài chục pixel đến trọn một sân khấu, mà vẫn là chính nó.

Bộ hình ảnh chiến dịch AVG

Quá trình

✓
Khám phá

Rà soát và định hướng

Chúng tôi rà soát toàn bộ tài sản thương hiệu hiện có và cùng đội ngũ AVG qua workshop chốt một kim chỉ nam: AVG thêm niềm vui cho những khoảnh khắc bên nhau. Mọi việc sau bám vào đó.

✓
Nhận diện

Dấu cộng và cẩm nang

Từ định hướng, chúng tôi dựng dấu cộng module từ các ô vuông ấm trên nền xanh teal, rồi đóng khung thành một cuốn cẩm nang quy chuẩn để cả nhà đài và đối tác dùng đúng ngay lần đầu.

✓
Sản phẩm số

Một hệ, mọi màn hình

Chúng tôi xây một hệ thiết kế số dùng chung cho ứng dụng, tivi và web, thiết kế riêng trải nghiệm remote cho phòng khách, để mọi màn hình lắp ra từ cùng bộ linh kiện.

✓
Bàn giao

Thương hiệu ngoài màn hình

Cuối cùng, dấu cộng bước ra bao bì đầu thu, hình ảnh chiến dịch, tài liệu doanh nghiệp và sân khấu ra mắt, khép một hệ chạy liền từ chiến lược tới từng điểm chạm vật lý.

Kết quả

Điều AVG nhận được là một gương mặt thống nhất cho cái tên lớn đang bước sang thời đại khác. Dù người xem gặp AVG trên điện thoại lúc chờ xe, trên tivi tối cuối tuần, trên website giờ nghỉ trưa, trên hộp đầu thu hay tấm vé sự kiện ra mắt, họ vẫn thấy đúng một thương hiệu, nghe đúng một lời hứa. Dấu cộng không chỉ là hình, nó là một hệ. Đó là cách dựng, bộ luật, cách nói chung để mọi đội và đối tác của nhà đài cùng làm tiếp mà không lệch nhau.

Với nền tảng truyền hình bước vào thời đại xem theo yêu cầu, giá trị sâu nhất không nằm ở vẻ đẹp của màn hình. Nó nằm ở khả năng lớn lên mà không phải nghĩ lại thương hiệu mỗi khi thêm một màn hình, một tính năng, một chiến dịch. AVG có thể mở thêm nội dung, chạm thêm điểm bán, bước lên thêm sân khấu, mà mỗi bước vẫn là một dấu cộng cũ nói tiếp một câu chuyện cũ, chỉ dày thêm. Đó là sự yên tâm mà một hệ nhận diện đúng nghĩa để lại: thương hiệu thôi là thứ phải trông coi từng lần, mà thành một nền để đi tiếp.

Ngoài màn hình

Thương hiệu bước ra ngoài màn hình

Một dấu cộng không dừng trong ứng dụng. Nó sống trên website, trên hộp đầu thu, trong tài liệu doanh nghiệp và trên sân khấu ra mắt.

Website

Website AVG

Bao bì đầu thu

Bao bì đầu thu AVG

Tài liệu doanh nghiệp

Bộ tài liệu doanh nghiệp AVG

POSM và sự kiện ra mắt

POSM và sân khấu sự kiện ra mắt AVG
Nguyên lý nền

Ca này đứng trên nguyên lý nào

Ban lãnh đạo AVG đã sống với khán giả truyền hình lâu hơn bất kỳ studio nào, nên buổi lắng nghe đầu tiên là để ghi lại tiêu chí của họ, chưa phải để trình bản vẽ.

Thẩm mỹ của chủ doanh nghiệp là dữ kiện, không phải chướng ngạiTiền đề · Trang giả định luận điểm đúng và đi tiếp, không chứng minh lại.
Việc đầu tiên của thiết kế là làm hẹp lựa chọnNguyên lý cùng chạm · chùm bản chất bài toán
Không có người giữ chuẩn thì cái đẹp không sống sótNguyên lý cùng chạm · chùm điều kiện sống sót
Đọc lập luận đầy đủ
Anh / Chị cũng vậy?

Bài toán của Anh / Chị có giống AVG?

Kể Sinh Vũ nghe điều đang khiến Anh / Chị bận tâm về thương hiệu. Sinh Vũ sẽ chỉ ngay hướng đi phù hợp.

Sinh Vũ đang lắng nghe
Enter để gửi