Keeng: nơi người trẻ gặp nhau quanh âm nhạc
Keeng là dịch vụ nghe nhạc của Viettel dành cho người trẻ Việt, ra mắt khi thị trường nghe nhạc số đã có nhiều đối thủ. Sinh Vũ dựng cái tên, giao diện và hệ xúc tiến thương mại (bộ vật phẩm mang thương hiệu như áo, mũ, túi để quảng bá) để người trẻ nhớ được Keeng, và để Keeng có thể lớn thành nhiều hơn một nơi nghe nhạc.
Vấn đề
Keeng là tiếng ngân của một nốt nhạc vừa gảy. Đặt tên sản phẩm bằng chính âm thanh ấy là một lời hứa: mở lên là có nhạc. Nhưng năm Keeng ra đời, thị trường nghe nhạc số đã đông. Người trẻ đã quen dùng những dịch vụ khác, và một cái tên hay chưa đủ để họ chuyển sang nghe ở chỗ mới.
Vì vậy yêu cầu đặt ra khá khắt khe. Giao diện phải đơn giản để ai cũng nghe được ngay. Bản web, bản iOS (cho iPhone) và bản Android (cho điện thoại chạy hệ điều hành Android) phải dùng chung cách bố trí, để người dùng đổi máy không phải học lại. Cái tên phải đủ khác biệt để nhớ giữa nhiều dịch vụ. Khó hơn nữa, hệ thống phải dễ mở rộng về sau, vì Keeng cần lớn dần từ nơi nghe nhạc thành nơi mọi người gặp nhau quanh âm nhạc.
Cách làm
Trong logo, Sinh Vũ cho hai chữ ee ở giữa chữ Keeng nghiêng lệch so với các chữ còn lại, mỗi chữ nằm trong một ô vuông bo góc màu vàng. Nhìn vào, cả cái tên như đang rung, giống tiếng ngân của nốt nhạc mà tên gọi nhắc tới. Sinh Vũ làm vậy để người xem cảm được âm thanh ngay cả khi chỉ nhìn chữ.
Màu chủ đạo là hồng cánh sen rực trên nền trắng, điểm vàng chanh ở hai ô ee. Đây là màu trẻ và vui, hợp với một nơi nghe nhạc, và đủ nổi để không lẫn với những logo quen thuộc trong ngành. Từ logo chữ, Sinh Vũ làm thêm bộ thành phần đủ dùng: bản logo chữ, bản biểu tượng hình tròn và hoạ tiết chấm bi. Nhờ vậy Keeng xuất hiện ở đâu cũng nhận ra ngay, kể cả khi không đặt nguyên logo.
Thị trường đã có nhiều sản phẩm nghe nhạc, nên Sinh Vũ chọn giao diện tối giản, ít chi tiết nhất có thể. Nút nghe và bài hát được đặt lên đầu, những phần phụ lùi ra sau. Người trẻ mở Keeng là nghe được ngay, không phải đi tìm. Giao diện dùng nền tối để ảnh bìa và màu hồng của thương hiệu nổi lên như dưới ánh đèn sân khấu.
Ứng dụng có một giao diện chung cho cả iOS và Android, để người dùng đổi máy vẫn thấy Keeng quen thuộc. Toàn bộ thiết kế được dựng trên Sketch, một phần mềm thiết kế giao diện, với các thành phần xếp thành thư viện để dùng lại. Nhờ vậy đội kỹ thuật tiếp quản nhanh, và các đơn vị về sau có thể mở rộng mà hình ảnh không bị lệch nhau. Với Sinh Vũ, thiết kế không dừng ở màn hình đẹp. Nó còn là bộ khung để sản phẩm lớn lên mà vẫn gọn gàng, nhất quán.
Không phải ai cũng nghe nhạc trên điện thoại, nên Sinh Vũ làm thêm website Keeng cho người nghe trên máy tính. Màn hình rộng hơn nên nghệ sĩ và bài hát được bày thoáng, đường đi rõ ràng. Muốn tìm một bài hay hoặc vào một danh sách mới, người nghe chỉ cần vài lần bấm. Website dùng chung bộ nhận diện với ứng dụng, nên hai nơi nhìn như cùng một chỗ nghe nhạc.
Giao diện web tự co giãn từ màn hình máy tính lớn xuống máy tính bảng, vẫn rõ ràng ở mọi kích cỡ. Keeng sống nhờ lượt nghe mỗi ngày, nên trang web dễ dùng sẽ giúp người mới vào nghe được ngay và quay lại lần sau.
Một dịch vụ âm nhạc muốn đông người dùng thì phải được nhiều người nhắc đến. Vì vậy Sinh Vũ đưa Keeng ra ngoài màn hình bằng hệ xúc tiến thương mại, gồm áo thun, mũ, túi, thẻ hội viên và miếng dán. Món nào cũng mang màu hồng và hoạ tiết chấm bi của Keeng. Người trẻ mặc hay đội lên là đã mang tên Keeng đi khắp nơi.
Điểm làm nên khác biệt là cả bộ vật phẩm đồng bộ với nhau, tức cùng một kiểu thiết kế. Dù là miếng dán, tấm thẻ hay chiếc áo, món nào cũng mang diện mạo Keeng giống nhau. Vì thế mỗi món nhỏ đều góp vào một hình ảnh chung. Nhờ vậy cái tên Keeng có mặt ở cả ứng dụng, ngoài phố, trong lớp học và trên sân khấu, và được nhiều người nhìn thấy hơn.
Kết quả
Keeng nhận được một cái tên mà nhìn vào là cảm thấy tiếng nhạc, cùng một hệ nhận diện đủ rộng để phát triển về sau. Người trẻ gặp Keeng trên ứng dụng, trên web hay trên chiếc áo của một người bạn, đều thấy cùng một Keeng với cùng một màu hồng dễ nhận ra.
Ngay từ lúc ấy, đội ngũ Viettel đã nhận thấy hệ nhận diện này đủ rộng để Keeng phát triển thành mạng xã hội âm nhạc. Điều đó đã thành hiện thực: Keeng hôm nay là nơi người Việt nghe nhạc và gặp nhau quanh âm nhạc. Nền móng được dựng chắc ngay từ đầu nên Keeng có chỗ để lớn lên theo năm tháng.
Sắc hồng khó lẫn ở mọi nơi Keeng xuất hiện
Keeng trong đời sống người trẻ
Người trong cuộc nói
Sinh Vũ thiết kế đồng bộ, thời gian hoàn thành nhanh, ấn tượng. Hệ xúc tiến thương mại khác biệt, có khả năng mở rộng thành hệ thống mạng xã hội âm nhạc.
Thiết kế trên nền tảng Sketch nên dễ tiếp quản, hỗ trợ tốt cho các đơn vị và giảm tải cho đội lập trình.
Dự án này điều chỉnh nguyên lý ra sao
Keeng (Viettel) không thiếu ngân sách, nhưng vẫn phải bắt đầu từ cái tên rồi mới tới giao diện. Có tiền chỉ rút ngắn thời gian, không đổi được thứ tự.
Bài toán của Anh / Chị có giống Keeng?
Anh / Chị hãy kể cho Sinh Vũ nghe sản phẩm số đang xây và điều khiến nó chưa nổi bật. Sinh Vũ sẽ cùng Anh / Chị tìm hướng đi phù hợp.