Bỏ qua, sang nội dung chính
← Quay lại

Joyme.io · thg 6 2022 – thg 6 2023

Thiết kế phiên bản đầu của Joyme trong ba tháng

Joyme là nền tảng để KOL/KOC dựng một trang cá nhân trên điện thoại, đăng nội dung và nhận tiền trực tiếp từ fan. Chúng tôi là một startup nhỏ, phải ra bộ tính năng lõi đầu tiên trong thời hạn ngắn, trong khi thị trường đã có sẵn nhiều công cụ dựng trang tốt. Tôi phụ trách nghiên cứu người dùng và đối thủ, cấu trúc thông tin, giao diện và hệ thống thiết kế.

VAI TRÒ
UI/UX Designer
THỜI GIAN
3 tháng
ĐỘI NGŨ
[Cần bổ sung]
KẾT QUẢ
[Cần bổ sung]
số liệu sau ra mắt
Thiết kế phiên bản đầu của Joyme trong ba tháng

Bài toán

Creator đang phải dùng một nền tảng bên ngoài để nhận tiền từ fan, và không có lý do gì để fan quay lại sau lần ghé đầu tiên. Phần dựng trang thì không thiếu: bốn ứng dụng KOL/KOC tại Việt Nam hay dùng đều làm tốt việc này. Vấn đề không nằm ở trình dựng trang. Dựng trang thì đối thủ đã làm tốt; khoảng trống là nhận tiền và giữ chân fan.

4đối thủ được chấm điểm: Linktree, Beacons, Taplink, Passio
5nỗi đau lặp lại nhiều nhất trong đánh giá người dùng
6nhu cầu lặp lại nhiều nhất, rõ nhất là nhận donate ngay trong app

Quy trình

Thời hạn ngắn, một câu hỏi: Joyme phải khác ở đâu để creator chuyển sang? Chúng tôi chọn ra mắt sớm để lấy phản hồi thật, nên tôi rút nghiên cứu về những việc cho kết quả nhanh rồi đi thẳng vào cấu trúc và giao diện.

  1. Khám phá
    Đọc đánh giá người dùng trên các ứng dụng đối thủ và chấm năm tiêu chí dựng trang trên thang 0–5. Beacons đạt 5.0 ở cả năm tiêu chí; Passio thấp nhất, 2.0 ở tuỳ biến và thêm block.
    Research
  2. Xác định
    Gom đánh giá thành thẻ nỗi đau và nhu cầu. Kết luận: điểm dựng trang của đối thủ là mức sàn phải đạt, còn chỗ để khác biệt là nhận tiền và giữ chân fan — hai việc bảng chấm điểm chưa đo.
    Insight
  3. Thiết kế
    Chia ứng dụng thành năm nhánh (trang chủ creator, chỉnh giao diện, thêm nội dung, ví, nhóm fan), trang chủ dẫn tới cả bốn nhánh còn lại. Dựng song song hệ thống thiết kế, gồm cả trạng thái trống, lỗi 404, mất kết nối.
    Design
  4. Kiểm chứng
    [Cần bổ sung: đã kiểm thử với ai, bao nhiêu người, phát hiện chính và thay đổi sau kiểm thử.]
    Testing

Giải pháp

Vì dựng trang chỉ cần bằng đối thủ, tôi giữ phần này gọn trên điện thoại và dồn công vào hai khoảng trống: nhận tiền và giữ chân fan. Bốn quyết định dưới đây đi theo đúng thứ tự đó.

Sửa trang ngay tại chỗ

Quản lý trang trên điện thoại là điểm yếu của đối thủ, nên creator chạm thẳng vào block trên trang của mình để sửa, đổi bố cục bằng thanh nổi, và chọn giao diện theo mẫu chủ đề.

Trang cá nhân của creator ở chế độ chỉnh sửa: block hiện nhãn Chạm để chỉnh sửa, thanh chọn bố cục nổi phía dưới, và nút nổi ở đáy gồm Giao diện, nút cộng và Xem trước.

Fan Club: thang hạng để fan quay lại

Fan tích điểm để lên hạng Fan, Bạc, Vàng, Kim cương (Fan từ 0 điểm, Bạc từ 500, Vàng từ 1.000). Thẻ thành viên luôn hiện số điểm còn thiếu, như "375p để thăng hạng", để fan thấy bước tiếp theo.

Fan Club: thẻ thành viên có thanh tiến độ 125 điểm và dòng 375p để thăng hạng, hành trình thăng hạng Fan, Bạc, Vàng, và tab Quyền lợi với nội dung, ưu đãi dành riêng.

Tặng quà không cần đăng nhập

Người xem tặng quà bằng chuyển khoản mà không cần tài khoản. Mỗi món có giá cố định, từ Bia 10.000đ đến Tym 500.000đ, nên người tặng chọn một món thay vì tự nghĩ ra số tiền; sau khi tặng, nút Tham gia cộng đồng dẫn họ sang Fan Club.

Màn hình Tặng quà: sáu món quà kèm giá từ Bia 10.000đ đến Tym 500.000đ, các lời nhắn soạn sẵn, phương thức chuyển khoản và tổng 20.200đ cạnh nút Mua và gửi.

Ví: thấy đủ số tiền trước khi xác nhận

Màn nạp hiện phí dịch vụ và đặt tổng cần chuyển ngay trên nút xác nhận; mã QR chỉ dùng một lần, hết hạn sau 30 phút. Khi rút, số tiền thực nhận nằm cạnh nút Tiếp tục.

Luồng nạp tiền: chọn số tiền kèm phí dịch vụ thanh toán, rồi màn hình mã QR có cảnh báo, thời hạn 30:00 và nút Tôi đã chuyển khoản ghi 10.056đ.

Kết quả

Joyme đã ra mắt tại joyme.io và vẫn đang được phát triển tiếp. Bài này chưa có số liệu sử dụng sau ra mắt, nên hai thẻ dưới đây là đầu ra của dự án, không phải tác động.

50+
component trong hệ thống thiết kế (đầu ra)
joyme.io
đã ra mắt, vẫn đang phát triển tiếp

Bài học

  • Đối thủ đặt mức sàn; khác biệt nằm ở chỗ họ chưa đo. Bảng chấm điểm cho thấy dựng trang đã bão hoà, nên công sức dồn vào nhận tiền và giữ chân fan.
  • Với tiền, hiện đủ con số trước khi bấm. Phí, tổng cần chuyển và số tiền thực nhận đều nằm cạnh nút xác nhận, không ẩn ở bước sau.
  • Nghiên cứu nhanh có giá của nó. Các quyết định ban đầu dựa trên lời người dùng của đối thủ, chưa phải creator trên Joyme. [Cần bổ sung: điều bạn sẽ làm khác nếu làm lại.]