Ứng dụng nghe nhạc · Metfone

imuzik, khi nhạc chờ thành thứ muốn nghe

imuzik là dịch vụ nghe nhạc và nhạc chờ của Metfone, ra mắt giữa lúc thị trường đã chật ứng dụng nghe nhạc. Sinh Vũ thiết kế trải nghiệm để tiện ích nhà mạng trở thành thứ người ta chủ động mở mỗi ngày.

Lĩnh vựcỨng dụng nghe nhạc
Nền tảngiOS và Android
Quy trìnhNghiên cứu đến bàn giao
Ứng dụng nghe nhạc imuzik trên nhiều màn hình điện thoại

Vấn đề

Nhạc chờ vốn là thứ người ta chịu đựng chứ không chọn, tiếng tút tút đơn điệu trong lúc chờ đầu dây bên kia bắt máy. Metfone muốn biến khoảng lặng ấy thành âm nhạc, rồi gói nó trong một ứng dụng nghe nhạc đầy đủ. Nhưng thị trường lúc đó đã chật những ứng dụng quen tay, mỗi cái đều có sẵn kho bài và lượng người dùng của riêng nó.

Một dịch vụ nhà mạng dễ mặc định rằng thuê bao sẽ dùng vì tiện, vì được tặng dung lượng. Nhưng thứ giữ người ở lại không phải khuyến mãi, mà là cảm giác mỗi lần mở app. imuzik phải hay tới mức người ta mở nó vì muốn nghe, chứ không vì nó có sẵn trong máy. Bài toán của Sinh Vũ, vì thế, không phải thêm tên vào một thị trường đông, mà làm cho trải nghiệm nghe đủ mượt để đứng cạnh những cái tên lớn.

Cách làm

01
Nghe liền, không lạc

Trước khi mở phần mềm thiết kế, đội ngũ Sinh Vũ ngồi dùng lại những ứng dụng nghe nhạc đang phổ biến và ghi ra từng chỗ khiến người ta khựng: quá nhiều bước để tới bài hát, màn hình chật thông tin, nút bấm nhỏ khó chạm khi đang đi đường. Những điểm nghẽn đó trở thành danh sách việc phải hoá giải.

imuzik rút hành trình nghe về ngắn nhất có thể, mở lên là thấy bảng xếp hạng và gợi ý, chạm là phát. Bìa album được dựng thành hình đĩa nhạc tròn có lỗ tâm, chi tiết nhỏ khiến âm nhạc số có lại cảm giác chạm được như chiếc đĩa than. Màn phát để nền tối cho bìa và bài hát nổi lên, màn duyệt để nền sáng cho dễ đọc ngoài nắng. Mỗi lựa chọn phục vụ đúng một điều, người nghe tới được bài mình muốn mà không phải nghĩ.

Màn phát nhạc và danh sách bài của ứng dụng imuzik
02
Cái tên biết phát nhạc

Cái tên imuzik viết thường, mềm và thân thiện, đứng cạnh dấu tam giác play chuyển sắc từ cam sang đỏ như một nút đang sáng. Đó là dấu hiệu ai cũng đọc được ngay, chạm vào là có nhạc. Dòng chữ A world of music đi kèm nói tham vọng của dịch vụ mà không cần dịch lại.

Sắc cam đỏ ấy chạy xuyên suốt ứng dụng, từ nút phát, thanh tiến trình tới điểm nhấn trên nền tối, đủ nổi để dẫn mắt mà không lấn nội dung. Giữa một thị trường nơi nhiều app nhạc chọn xanh lạnh hoặc đen tuyền, hơi ấm của imuzik là cách nó tự tách mình ra và ở lại trong trí nhớ.

Logo imuzik và bảng màu cam đỏ đặc trưng
03
Dựng một lần, chạy hai nền

imuzik phải sống trên cả iOS lẫn Android, mỗi nền một bộ nếp riêng. Thay vì vẽ rời từng màn, Sinh Vũ dựng cả giao diện thành hệ thành phần trên Sketch: nút, thẻ bài hát, thanh phát, biểu tượng, mỗi thứ định nghĩa một lần rồi tái dùng khắp nơi.

Nhờ vậy, khi đội phát triển tiếp quản, họ nhận được thứ mạch lạc để dựng chứ không phải bộ ảnh rời phải ngồi đoán. Sửa một thành phần là nó đổi đồng loạt, thêm màn mới cũng không lệch nhịp. Với một dịch vụ còn cập nhật dài, đó là phần việc âm thầm giữ cho sản phẩm nhất quán qua từng phiên bản.

Hệ thành phần giao diện imuzik nhất quán qua nhiều màn hình
04
Cửa vào trước khi tải

Trước khi tải ứng dụng, người dùng và đối tác gặp imuzik ở website. Trang được dựng sáng, gọn, dẫn thẳng tới điều cần biết là dịch vụ này làm gì, nghe thử ra sao, tải ở đâu. Cùng bộ nhận diện với ứng dụng, để ai đã thấy logo trên điện thoại thì gặp lại đúng gương mặt ấy trên web.

Với một sản phẩm nhà mạng, website còn là nơi Metfone giới thiệu dịch vụ tới các đơn vị và đối tác. Một trang chỉn chu, đồng bộ với app, tự nó nói rằng đây là dịch vụ được đầu tư nghiêm túc chứ không phải tiện ích đính kèm cho có.

Kết quả

Điều imuzik nhận được không phải một giao diện đẹp, mà trải nghiệm đủ liền mạch để dịch vụ nhà mạng đứng ngang hàng với những ứng dụng nghe nhạc chuyên biệt. Nhận diện, ứng dụng, hệ thiết kế và website chạy cùng một giọng, nên dù gặp imuzik ở màn chờ cuộc gọi, trên app hay trên web, người dùng vẫn thấy cùng một sản phẩm được chăm chút.

Và bộ hệ thống dựng trên Sketch để lại giá trị dài hơn cả lần ra mắt, nó cho Metfone một nền để cập nhật, mở rộng và bàn giao mà không phải vẽ lại từ đầu mỗi lần đổi. Với một dịch vụ số sống bằng những phiên bản nối nhau, đó mới là thứ đáng giá.

Ứng dụng trong thực tế

Trọn hành trình nghe, gọn trong tầm tay

Các màn hình chính của ứng dụng imuzik

Dải màn hình ứng dụng imuzik: giới thiệu, bảng xếp hạng, phát nhạc, danh sách và trang cá nhân
Bạn cũng vậy?

Bài toán của bạn có giống imuzik?

Kể Sinh Vũ nghe điều đang khiến bạn bận tâm về sản phẩm số của mình. Sinh Vũ sẽ chỉ ngay hướng đi phù hợp.

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