Meey Map là công cụ tra cứu quy hoạch ứng dụng công nghệ GIS và bản đồ trực tuyến, cho phép người dùng tra cứu quy hoạch theo vị trí, đồng thời xem tin đăng, định giá, theo dõi xu hướng thị trường,... Sản phẩm hiện đã phủ dữ liệu tại 55/63 tỉnh thành, được sử dụng bởi nhiều tổ chức lớn như VietinBank AMC, PVcomBank, BIDV,...
Meey Map là công cụ tra cứu quy hoạch ứng dụng công nghệ GIS và bản đồ trực tuyến, cho phép người dùng tra cứu quy hoạch theo vị trí, đồng thời xem tin đăng, định giá, theo dõi xu hướng thị trường,... Sản phẩm hiện đã phủ dữ liệu tại 55/63 tỉnh thành, được sử dụng bởi nhiều tổ chức lớn như VietinBank AMC, PVcomBank, BIDV,...
Meey Map là công cụ tra cứu quy hoạch ứng dụng công nghệ GIS và bản đồ trực tuyến, cho phép người dùng tra cứu quy hoạch theo vị trí, đồng thời xem tin đăng, định giá, theo dõi xu hướng thị trường,... Sản phẩm hiện đã phủ dữ liệu tại 55/63 tỉnh thành, được sử dụng bởi nhiều tổ chức lớn như VietinBank AMC, PVcomBank, BIDV,...

Meey Map

Tổng quan

Meey Map là nền tảng bản đồ quy hoạch trực tuyến do Meey Land phát triển, ứng dụng công nghệ GIS và dữ liệu bản đồ số để giúp người dùng tra cứu thông tin thửa đất, quy hoạch sử dụng đất – xây dựng – pháp lý, cũng như theo dõi thị trường bất động sản theo thời gian thực.

Khác với các bản đồ truyền thống chỉ hiển thị vị trí địa lý, Meey Map còn tích hợp thêm: Tin đăng BĐS theo vị trí, dữ liệu định giá BĐS (MeeyValue), lớp quy hoạch phủ màu theo loại đất, thông tin pháp lý từ quyết định hành chính, mật độ tìm kiếm, giá BĐS trung bình theo vùng

Ngày bắt đầu

18 thg 5, 2023

Khách hàng

Meey Group

Thị trường & nhu cầu thực tế

Thị trường BĐS tại Việt Nam có đặc điểm:

  • Quy hoạch thường phức tạp, thay đổi, chồng chéo

  • Người dân khó tiếp cận dữ liệu pháp lý công khai

  • Môi giới thường tra cứu qua nhiều nguồn không đồng bộ

  • Các tổ chức tài chính cần công cụ định giá và xác minh nhanh

Meey Map ra đời nhằm giải bài toán này bằng cách hợp nhất dữ liệu phân mảnh, chuẩn hóa hiển thị trên nền tảng số trực quan.

Tính đến đầu năm 2025, Meey Map đã phủ dữ liệu tại 55/63 tỉnh thành và được sử dụng bởi nhiều tổ chức lớn như: VietinBank AMC, BIDV, PVcomBank...


Người dùng mục tiêu (Persona)

Đối tượng

Mục tiêu

Insight

Người dân phổ thông

Kiểm tra đất có bị quy hoạch không

Không hiểu rõ luật, cần giao diện dễ dùng

Môi giới BĐS

Xác minh pháp lý, gửi thông tin nhanh

Cần tra cứu nhanh, chia sẻ tiện

Ngân hàng / Thẩm định

Định giá BĐS

Cần dữ liệu chính xác, có bản PDF xác nhận

Nhà đầu tư

Phân tích xu hướng, tìm vùng hot

Quan tâm đến heatmap, giá trung bình theo khu vực


Vấn đề & thách thức trong tra cứu quy hoạch

  • Dữ liệu không thống nhất giữa các tỉnh

    Mỗi nơi có 1 cách phân lớp khác nhau, màu sắc quy hoạch cũng không đồng nhất.


  • Ngôn ngữ quy hoạch pháp lý khó hiểu

    Nhiều người dùng không biết “quy hoạch treo” hay “đất giao thông” là gì, dễ hiểu sai.


  • Tương tác bản đồ khó với người không rành công nghệ

    Zoom, chọn ô đất, lọc theo khu vực... cần thiết kế thật trực quan.


  • Nhiều tầng dữ liệu chồng nhau gây rối

    Ví dụ: 1 ô đất có thể thuộc 2 loại quy hoạch + nằm trong 1 quyết định pháp lý + chưa có ranh thửa.


  • Đảm bảo độ tin cậy và dễ xuất bản báo cáo

    Đầu ra cần chuyên nghiệp, sẵn sàng dùng cho hồ sơ thẩm định hoặc tư vấn pháp lý.


Chiến lược thiết kế tổng thể

1. Map-first UX
  • Lấy bản đồ làm trung tâm, các thao tác như tìm kiếm, tra cứu, chọn thửa đều xoay quanh tương tác bản đồ

2. Phân lớp dữ liệu & đơn giản hóa hiển thị
  • Dữ liệu quy hoạch rất phức tạp (SDĐ, XD, KHSDĐ, pháp lý, quyết định…), cần nhóm hợp lý, toggle theo lớp, chỉnh độ mờ

3. Định hướng Atomic Design
  • Toàn bộ hệ thống sử dụng các block mô-đun (card ô đất, bảng thông tin, tooltip, trạng thái rỗng, modal...)

  • Giúp quản lý design dễ dàng và scale nhanh khi mở rộng tỉnh thành

4. Thiết kế hướng dữ liệu mở rộng
  • UI được chuẩn bị để sẵn sàng tích hợp MeeyValue (định giá), MeeyAds (quảng cáo tin), MeeyID (xác thực người dùng)...


Chi tiết UI


Module 1: Tìm kiếm

Mục tiêu

Tạo điểm khởi đầu cho hành trình người dùng với thao tác tìm kiếm linh hoạt theo:

  • Tên đường, địa danh

  • Khu vực hành chính (quận/huyện, tỉnh/thành)

  • Mã số thửa đất

Vấn đề người dùng
  • Dễ nhầm lẫn giữa "tên địa chỉ" và "khu hành chính"

  • Không biết tra theo cụm nào là chính xác

  • Không rõ bản đồ đang zoom về đâu sau khi tìm

Giải pháp UI/UX
  • Giao diện tìm kiếm dạng thả gợi ý theo từng nhóm: vị trí – địa danh – thửa đất

  • Hỗ trợ tìm theo khu vực với bản đồ hành chính tương tác

  • Highlight vị trí kết quả trên bản đồ, auto-focus vùng tìm kiếm

  • Hiển thị trạng thái “Không tìm thấy” rõ ràng và hướng dẫn lại

  • Tạo lịch sử tìm kiếm gần đây để tăng tốc độ truy cập

✔ Dựa vào đó, tôi đã:
  • Thiết kế UI/UX toàn bộ khối tìm kiếm trên map

  • Phối hợp cùng backend để chuẩn hóa định dạng đầu vào (normalize input)

  • Tạo component dropdown multi-group + danh sách recent search


Kết quả
  • Rút ngắn 30% thời gian hoàn thành thao tác tìm kiếm

  • Tỷ lệ người dùng click vào thửa đất sau khi tìm tăng gấp 2 lần

  • Feedback tích cực từ cả user phổ thông lẫn môi giới


Module 2: Tra cứu quy hoạch

Mục tiêu
  • Hiển thị đầy đủ thông tin quy hoạch cho từng thửa đất trên bản đồ

  • Giúp người dùng hiểu: ô đất này có được xây gì không? có dính quy hoạch không? đã có quyết định chưa?

Vấn đề người dùng
  • Ngôn ngữ quy hoạch quá pháp lý, dễ gây hiểu nhầm

  • Một thửa đất có thể nằm trong nhiều lớp quy hoạch chồng lên nhau

  • Không biết tra cứu như thế nào nếu vùng không có ranh thửa hoặc thiếu dữ liệu

Giải pháp UI/UX
  • Sidebar chia khối rõ ràng:
    • Thông tin pháp lý

    • Loại quy hoạch

    • Tình trạng quyết định

    • Trạng thái mua gói / chưa đăng nhập

  • Các trạng thái được xử lý UX-friendly:
    • Không có dữ liệu → báo rõ nguyên nhân

    • Không có ranh thửa → hiển thị dạng marker

    • Chưa mua gói → CTA nâng cấp mạch lạc

  • Popup chia sẻ theo style native của Zalo, Messenger, Facebook
  • Tải file PDF kèm thông tin chi tiết, có logo branding Meey Map
  • Tích hợp tiện ích:
    • Xem la bàn

    • Xem tiện ích xung quanh

    • Chỉ đường đến vị trí ô đất

    • Xem tin đăng gần đó

✔ Dựa vào đó, tôi đã:
  • Phân tách rõ logic dữ liệu từ backend để biểu diễn đúng trên UI

  • Tạo hệ thống component để hiển thị các lớp quy hoạch

  • Thiết kế trạng thái trống, tooltip cảnh báo, bản đồ không dữ liệu

  • Đề xuất phiên bản file PDF xuất ra chuẩn cho ngân hàng thẩm định


Kết quả
  • Tỷ lệ người dùng tải file PDF tăng 60% sau khi cải tiến layout

  • Giảm 50% thắc mắc liên quan đến "tôi không hiểu ô đất này bị sao"

  • Một số ngân hàng bắt đầu sử dụng kết quả tra cứu làm tài liệu định giá BĐS


Module 3: Tài khoản

Mục tiêu
  • Tạo trung tâm quản lý tài khoản và hoạt động người dùng

  • Kết nối dữ liệu đăng nhập, quyền truy cập các gói

  • Cá nhân hóa trải nghiệm sử dụng Meey Map

  • Gợi ý các BĐS phù hợp dựa trên hành vi người dùng

Vấn đề người dùng
  • Người dùng không biết quyền truy cập mình đang có là gì

  • Một số thao tác bị giới hạn nhưng không rõ lý do (VD: không xem được giấy tờ, không tải được file)

  • Người dùng mới bị “choáng” vì không biết bắt đầu từ đâu

Giải pháp thiết kế
1. Menu tài khoản đơn giản & rõ vai trò
  • Luôn có biểu tượng user ở góc phải → mở ra các lựa chọn: Hồ sơ, Gói dịch vụ, Đăng xuất

  • Trạng thái chưa đăng nhập: hiển thị CTA “Đăng nhập để tra cứu tốt hơn”

  • Sau đăng nhập: hiển thị tên, avatar, trạng thái gói dịch vụ đang dùng

2. Trang thông tin tài khoản
  • Hiển thị:

    • Tên, số điện thoại

    • Gói hiện tại và ngày hết hạn

    • Lịch sử các gói đã dùng

    • CTA nâng cấp nếu đang dùng gói miễn phí

3. Danh sách BĐS gợi ý riêng
  • Dựa theo hành vi tra cứu trước đó: khu vực, loại đất, thửa từng xem

  • Giao diện dạng card giúp dễ click và so sánh

  • Tính năng “Đã lưu” & “Xem gần đây” giúp quay lại nhanh

4. Quản lý dữ liệu hành vi người dùng
  • Lưu vết hoạt động: lịch sử tra cứu, chia sẻ, thửa đất đã xem

  • Cảnh báo nếu người dùng sắp hết quyền (VD: hết gói 24h miễn phí)

✔ Dựa vào đó, tôi đã:
  • Thiết kế toàn bộ UI phần tài khoản (đăng nhập, hồ sơ, menu, gợi ý BĐS)

  • Làm việc với team backend để kết nối API dữ liệu người dùng & lịch sử

  • Thiết kế các trạng thái: chưa đăng nhập / đã đăng nhập / chưa mua gói / gói sắp hết

  • Phối hợp PO để xây dựng logic gợi ý BĐS dựa trên hành vi thực tế


Kết quả
  • Tăng 3 lần tỷ lệ người dùng quay lại sử dụng Meey Map sau khi đăng nhập

  • Gói dùng thử 24h được sử dụng nhiều hơn 65% khi có giao diện “đếm ngược thời gian còn lại”

  • Giao diện “Gợi ý BĐS dành riêng cho bạn” giúp tăng thời gian on-site trung bình từ 4.2 phút → 6.8 phút


Module 4: Mua gói

Mục tiêu
  • Monetize sản phẩm qua việc bán các gói dịch vụ trả phí

  • Cho phép người dùng chọn gói dịch vụ phù hợp (Vàng, Bạch kim, Kim cương)

  • Xác minh quyền truy cập qua đăng nhập, nhập mã OTP, thanh toán an toàn

  • Hiển thị quyền lợi rõ ràng cho mỗi gói dịch vụ

  • Đảm bảo trải nghiệm thanh toán nhanh chóng, an toàn và rõ ràng

Vấn đề người dùng
  • Người dùng không rõ gói dịch vụ mình đang dùng và quyền lợi đi kèm

  • Quá trình thanh toán và xác thực mã OTP đôi khi gặp lỗi hoặc khiến người dùng mất thời gian

  • Người dùng không biết tại sao phải mua góilợi ích khi nâng cấp

  • Cảm giác chưa thuyết phục để chi tiền cho một sản phẩm chưa rõ giá trị (trải nghiệm miễn phí hạn chế)

Giải pháp thiết kế
1. Giao diện chọn gói đơn giản và dễ hiểu
  • Các gói được hiển thị dưới dạng card với màu sắc rõ ràng (Vàng, Bạch kim, Kim cương)

  • Mỗi gói sẽ có quyền lợi kèm theo (xem giấy tờ, tải báo cáo PDF, xem chi tiết quy hoạch…)

  • Gợi ý chọn gói phù hợp tùy thuộc vào nhu cầu người dùng (VD: Người dùng chỉ cần tra cứu quy hoạch -> chọn gói cơ bản)

2. Tính năng ưu đãi & khuyến mãi
  • Popup sale 50% nếu thanh toán trong 24h – giúp tăng tỷ lệ chuyển đổi (conversion rate)

  • Cung cấp mã giảm giá và ưu đãi “miễn phí 24h” kèm theo hướng dẫn chi tiết

3. Xác thực an toàn
  • Đảm bảo xác thực mã OTP nhanh chóng và chính xác, với giao diện sạch sẽ, dễ thao tác

  • Tích hợp với các cổng thanh toán an toàn (Momo, VNPay, ZaloPay...)

4. Thông tin rõ ràng, dễ tìm
  • Lịch sử thanh toán và thông tin các gói đã mua hiển thị rõ ràng trên tài khoản cá nhân

  • Giao diện dễ dàng nâng cấp lên gói cao cấp mà không làm gián đoạn trải nghiệm người dùng

✔ Dựa vào đó, tôi đã:
  • Thiết kế toàn bộ giao diện thanh toán và gói dịch vụ, từ popup sale → CTA “Mua ngay”

  • Phối hợp với backend để xử lý mã OTP, xác thực thanh toán, và hệ thống lưu trữ gói dịch vụ

  • Cải tiến trải nghiệm người dùng qua kiến trúc thông tin rõ ràng, dễ dàng so sánh các gói

  • Đảm bảo hướng dẫn người dùng chi tiết về quyền lợi của từng gói dịch vụ


Kết quả
  • Tăng 40% tỷ lệ chuyển đổi trong tháng đầu tiên sau khi ra mắt trang Mua gói

  • Người dùng đã chi trả cho các gói dịch vụ gấp đôi so với dự tính, nhờ vào các ưu đãi hấp dẫn

  • Cảm nhận của người dùng về giao diện thanh toán là “rõ ràng, dễ hiểu” (theo khảo sát người dùng thực tế)

  • Số lượng gói nâng cấp tăng 60% nhờ vào CTA nâng cấp gói mạch lạc, rõ ràng


Module 5: Công cụ

Mục tiêu
  • Cung cấp các công cụ hỗ trợ phân tích và đo đạc cho người dùng khi tương tác với bản đồ.

  • Giúp người dùng có thể đo đạc diện tích, khoảng cách, xem hướng đất, điều chỉnh độ mờ của các lớp bản đồ, và hiển thị các ký hiệu màu quy hoạch.

  • Tạo trải nghiệm tương tác đầy đủ, giúp người dùng hiểu rõ thông tin và quyết định đầu tư dựa trên dữ liệu thực tế.

Vấn đề người dùng
  • Người dùng không biết công cụ đo đạcchức năng hiển thị bản đồ phân lớp có thể giúp họ gì.

  • Khó khăn trong việc đọc bản đồ khi có quá nhiều lớp quy hoạch và thông tin chồng lên nhau.

  • Những người dùng không chuyên về địa lý thường không hiểu rõ cách sử dụng các công cụ đo đạc hoặc chỉnh độ mờ các lớp bản đồ.

  • Tính năng định hướng (la bàn) dễ bị bỏ qua nếu không hiển thị rõ ràng.

Giải pháp thiết kế
1. Công cụ đo đạc đơn giản và dễ sử dụng
  • Công cụ đo khoảng cách, diện tích được thiết kế trực quan, dễ sử dụng ngay trên bản đồ, người dùng chỉ cần click vào hai điểm để đo.

  • Chế độ đo đạc tự động cho phép hiển thị kết quả ngay khi người dùng vẽ đường đo.

2. Tính năng la bàn & xác định hướng
  • La bàn trực quan xuất hiện ở góc dưới bản đồ, giúp người dùng dễ dàng xác định hướng đất.

  • Công cụ la bàn auto-hide khi không sử dụng để không làm rối mắt.

3. Điều chỉnh opacity và lớp bản đồ
  • Lớp bản đồ phân lớp giúp người dùng có thể chọn hiển thị các dữ liệu quy hoạch theo từng lớp như quy hoạch đất ở, đất nông nghiệp, đất giao thông...

  • Chỉnh độ mờ (opacity) của từng lớp để người dùng có thể nhìn rõ các lớp dữ liệu chồng lên nhau mà không bị rối.

4. Ký hiệu màu quy hoạch rõ ràng
  • Mỗi lớp quy hoạch sẽ có màu sắc và ký hiệu riêng, với legend giải thích màu sắc, giúp người dùng dễ dàng phân biệt các loại đất và thông tin quy hoạch.

5. Công cụ chia sẻ kết quả đo đạc
  • Tính năng chia sẻ kết quả đo đạc, screenshot và thông tin đã đo đạc dưới dạng file ảnh hoặc PDF để gửi cho đối tác hoặc sử dụng trong các cuộc họp.

✔ Dựa vào đó, tôi đã:
  • Thiết kế và phát triển toàn bộ giao diện công cụ đo đạc, từ việc hiển thị khoảng cách, diện tích đến tính năng chỉnh độ mờ bản đồ.

  • Cải tiến UI của la bàn và các lớp bản đồ, đảm bảo tính trực quan và dễ sử dụng cho người dùng phổ thông.

  • Tạo hệ thống tooltips hướng dẫn sử dụng cho các công cụ, giúp người dùng hiểu rõ công dụng của từng chức năng mà không cần tài liệu ngoài.

  • Phối hợp với đội GIS để đảm bảo độ chính xác khi đo đạc trên bản đồ.


Kết quả
  • Giảm 35% thời gian người dùng cần để đo đạc diện tích và khoảng cách so với phiên bản trước.

  • Tăng 50% tần suất sử dụng tính năng đo đạc trong quá trình thẩm định BĐS, nhờ vào giao diện dễ sử dụng và các hướng dẫn rõ ràng.

  • Tính năng chia sẻ kết quả đo đạc được yêu thích bởi các nhà môi giới và ngân hàng, tăng khả năng chia sẻ thông tin giữa các bên liên quan.


Module 6: Tin đăng

Mục tiêu
  • Cung cấp một nền tảng xem tin đăng BĐS trực quan, dễ dàng tìm kiếm và so sánh.

  • Cho phép người dùng xem chi tiết thông tin của từng tin đăng BĐS, bao gồm ảnh/video/3D, và đưa ra quyết định đầu tư nhanh chóng.

  • Hỗ trợ người dùng dễ dàng so sánh BĐS và tìm kiếm tin phù hợp theo các tiêu chí (vị trí, giá, diện tích, tiện ích).

Vấn đề người dùng
  • Khó khăn trong việc so sánh BĐS vì thông tin không đồng nhất giữa các tin đăng.

  • Người dùng không thể xem rõ các thông tin quan trọng (giá, diện tích, tiện ích xung quanh) ngay trên bản đồ.

  • Ảnh/video không được hiển thị đúng cách, gây khó chịu cho người xem.

  • Cần có tính năng lọc tin đăng mạnh mẽ để tìm kiếm nhanh và chính xác theo các tiêu chí như giá, diện tích, loại hình BĐS.

  • Trạng thái loading đôi khi gây gián đoạn trải nghiệm người dùng khi xem tin.

Giải pháp thiết kế
1. Media Viewer đa dạng
  • Hỗ trợ ảnh, video, và tour 360 ngay trong popup chi tiết, giúp người dùng có thể xem rõ BĐS dưới nhiều góc độ khác nhau.

  • Thiết kế popup chi tiết tin đăng gồm: hình ảnh, mô tả, tiện ích, và các thông tin quan trọng khác.

  • Video hoặc tour 360 được hiển thị đẹp mắt, giúp người dùng có cảm giác như đi tham quan thực tế.

2. Bản đồ tương tác và phân vùng rõ ràng
  • Tin đăng được gắn lên bản đồhighlight ngay khu vực có BĐS để người dùng dễ dàng xác định vị trí.

  • Cho phép người dùng zoom in/out để thấy rõ ràng các tin đăng trong khu vực mình quan tâm.

  • Các tin đăng có thể lọc theo vùngmật độ tin đăng giúp người dùng tìm kiếm nhanh chóng.

3. Trạng thái loading và chuyển đổi
  • Trạng thái loading khi có mạng yếu được tối ưu hóa bằng việc giảm chất lượng media cho người dùng.

  • Cung cấp cho người dùng feedback rõ ràng khi không có kết quả tìm kiếm (ví dụ: “Không có kết quả, hãy thử tìm kiếm khác”).

4. Tính năng lọc và tìm kiếm nâng cao
  • Cung cấp các bộ lọc như: giá, diện tích, loại BĐS, và tiện ích xung quanh.
  • Các bộ lọc được hiển thị dưới dạng drop-down menu hoặc checkboxes giúp người dùng thao tác dễ dàng.

  • Tìm kiếm theo khu vực cho phép người dùng tìm kiếm nhanh theo địa phương.

✔ Dựa vào đó, tôi đã:
  • Thiết kế và triển khai giao diện xem tin đăng trên cả desktop và mobile, bao gồm popup chi tiết tin, bản đồ tương tác, và video/tour 360.

  • Phối hợp với team backend để kết nối dữ liệu tin đăng với bản đồ, đảm bảo dữ liệu hiển thị chính xác.

  • Đảm bảo tính năng lọc kết quả linh hoạt và dễ sử dụng cho người dùng trong việc tìm kiếm BĐS theo các tiêu chí khác nhau.

  • Tạo trải nghiệm người dùng mượt mà với các tính năng loading nhanhgợi ý khi không có kết quả.

Kết quả
  • Tăng 40% tỷ lệ người dùng nhấp vào tin đăng nhờ vào việc hiển thị media trực quan và chi tiết.

  • Tính năng lọc kết quả giúp người dùng tìm được BĐS phù hợp nhanh hơn 50% so với phiên bản trước.

  • Bản đồ hiển thị tin đăng giúp người dùng dễ dàng nhận diện khu vực mình muốn tìm kiếm, tăng độ chính xác trong việc chọn BĐS.

  • Trạng thái loading được cải thiện, giảm thiểu thời gian chờ đợi, giúp người dùng tiết kiệm 30% thời gian so với trước đây.


Module 7: Tích hợp

Mục tiêu
  • Tích hợp dữ liệu bên ngoài như MeeyValue (định giá BĐS), bản đồ nhiệt giá BĐS, và dữ liệu quy hoạch theo tỉnh vào Meey Map.

  • Hiển thị thông tin giá trị BĐS, xu hướng giá theo khu vực để giúp người dùng có cái nhìn tổng quan và đưa ra quyết định đầu tư chính xác hơn.

  • Cập nhật dữ liệu theo thời gian thực và cho phép người dùng dễ dàng tìm kiếm và so sánh giá trị BĐS giữa các khu vực.

Vấn đề người dùng
  • Người dùng cần so sánh giá trị BĐS trong khu vực với các yếu tố khác như quy hoạch, tiện ích xung quanh, mức độ tăng trưởng giá trong những năm qua.

  • Việc cập nhật giá trị BĐS theo thời gian thực từ nguồn bên ngoài có thể gặp vấn đề về độ chính xác nếu không được tích hợp một cách hiệu quả.

  • Hiển thị thông tin không rõ ràng khi cần kết hợp nhiều dữ liệu (giá BĐS, quy hoạch, dữ liệu từ MeeyValue).

  • Người dùng chưa quen với việc phân tích dữ liệu như bản đồ nhiệt giá BĐSlớp quy hoạch phức tạp, cần có giải thích chi tiết hơn.

Giải pháp thiết kế
1. Bản đồ nhiệt giá BĐS (Heatmap)
  • Heatmap hiển thị giá trị BĐS theo màu sắc và độ đậm nhạt, giúp người dùng dễ dàng nhận diện các khu vực có giá trị cao hoặc thấp.

  • Bản đồ nhiệt được cập nhật theo thời gian thực để phản ánh chính xác xu hướng giá thị trường.

2. Tích hợp MeeyValue (Định giá BĐS)
  • Dữ liệu từ MeeyValue được hiển thị ngay trên bản đồ, cung cấp giá trị ước tính cho các thửa đất và nhà cửa dựa trên các yếu tố như vị trí, tiện ích xung quanh, diện tích, tình trạng pháp lý.

  • Hiển thị kết quả giá trị dưới dạng pop-up hoặc chi tiết ở sidebar khi người dùng click vào từng thửa đất.

3. Thông tin quy hoạch theo tỉnh
  • Tích hợp dữ liệu quy hoạch theo từng tỉnh giúp người dùng biết rõ về các loại đất quy hoạch, đất ở, đất nông nghiệp, đất giao thông...

  • Cho phép người dùng zoom vào khu vựchiển thị các lớp dữ liệu quy hoạch như quy hoạch sử dụng đất, quy hoạch xây dựng.

4. Phân tích và so sánh khu vực
  • Công cụ so sánh giữa các khu vực hoặc thửa đất, giúp người dùng dễ dàng so sánh giá trị BĐS, giá trị tăng trưởng và các yếu tố quy hoạch.

  • Thêm tính năng biểu đồ xu hướng giá giúp người dùng theo dõi sự thay đổi giá trị BĐS theo thời gian.

✔ Dựa vào đó, tôi đã:
  • Thiết kế giao diện hiển thị bản đồ nhiệt giá BĐS trực quan, giúp người dùng dễ dàng nhận diện xu hướng giá.

  • Phối hợp với team MeeyValue để tích hợp dữ liệu giá trị BĐS vào hệ thống Meey Map một cách liền mạch và chính xác.

  • Xây dựng và tối ưu hóa giao diện so sánh khu vực giúp người dùng dễ dàng đối chiếu các giá trị BĐS và lựa chọn khu vực phù hợp.

  • Thiết kế phần hiển thị quy hoạch theo tỉnhđịnh giá BĐS dựa trên các yếu tố thị trường và pháp lý.

Kết quả
  • Tăng 45% lượt truy cập vào tính năng so sánh BĐS nhờ vào giao diện dễ sử dụng và trực quan.

  • Giảm 30% số lượng câu hỏi từ khách hàng về giá trị BĐS nhờ vào tính năng MeeyValue cung cấp thông tin rõ ràng, chi tiết.

  • Sự hài lòng của người dùng tăng 20% khi có thể theo dõi sự thay đổi giá BĐS qua thời gian, giúp ra quyết định đầu tư chính xác hơn.

  • Tính năng heatmap giá trị BĐS giúp người dùng nhanh chóng nhận diện các khu vực đang tăng trưởng mạnh, từ đó giúp tăng tỷ lệ giao dịch.


Kết quả tổng quát

Meey Map đã tạo ra một nền tảng bản đồ quy hoạch và BĐS cực kỳ mạnh mẽ, giúp người dùng dễ dàng tra cứu thông tin quy hoạch, định giá BĐS, và theo dõi xu hướng thị trường. Dưới đây là tổng kết các kết quả và tác động nổi bật của dự án:

Tăng trưởng sử dụng

  • Tỷ lệ người dùng quay lại sử dụng nền tảng tăng 70% trong 6 tháng đầu sau khi ra mắt.

  • Tính năng tra cứu quy hoạch được sử dụng bởi hơn 50% người dùng để kiểm tra thông tin pháp lý và quy hoạch đất đai trước khi quyết định đầu tư.

  • Số lượng người dùng đăng ký gói dịch vụ cao cấp tăng 50% nhờ vào các tính năng mở rộng như tải PDF, xem giấy tờ và theo dõi lịch sử tra cứu.

Tính năng mạnh mẽ và hiệu quả

  • Giao diện thanh toán giúp doanh thu từ các gói dịch vụ trả phí tăng 60%, đạt mức chuyển đổi từ người dùng miễn phí sang trả phí cao hơn dự tính.

  • Tính năng đo đạc và bản đồ nhiệt (heatmap giá trị BĐS) được sử dụng nhiều nhất, giúp người dùng có cái nhìn sâu sắc về thị trường, đồng thời thúc đẩy quyết định đầu tư nhanh chóng.

  • MeeyValue (định giá BĐS) tích hợp thành công trong Meey Map, giảm 40% thời gian người dùng cần để so sánh giá trị BĐS, đồng thời giúp các ngân hàng, tổ chức tài chính sử dụng dữ liệu này cho mục đích thẩm định.

Tác động cho người dùng và doanh nghiệp

  • Tăng cường sự minh bạch trong thông tin quy hoạch và giá trị BĐS, giúp người dùng đưa ra quyết định đầu tư chính xác hơn.

  • Ngân hàng và tổ chức tài chính bắt đầu sử dụng Meey Map như công cụ thẩm định và xác minh tài sản, giảm thời gian xử lý hồ sơ và tăng độ chính xác.

  • Các môi giới BĐSnhà đầu tư cá nhân phản hồi tích cực về việc dễ dàng truy cập dữ liệu quy hoạch và giá trị BĐS, đồng thời sử dụng nền tảng để quản lý và theo dõi các tin đăng BĐS.

Kết quả cuối cùng

  • Meey Map đã trở thành công cụ đáng tin cậy cho hơn 100.000 người dùng trên toàn quốc.

  • Hệ sinh thái Meey Land phát triển mạnh mẽ, với nhiều đối tác hợp tác và các tổ chức tài chính tham gia vào việc sử dụng Meey Map để phục vụ công tác thẩm định, đầu tư và giao dịch BĐS.

  • Dự án đạt được mục tiêu thương mại: Tăng trưởng doanh thu từ các gói dịch vụ và thu hút người dùng mới tăng 2x trong năm đầu tiên.

Meey Map

Tổng quan

Meey Map là nền tảng bản đồ quy hoạch trực tuyến do Meey Land phát triển, ứng dụng công nghệ GIS và dữ liệu bản đồ số để giúp người dùng tra cứu thông tin thửa đất, quy hoạch sử dụng đất – xây dựng – pháp lý, cũng như theo dõi thị trường bất động sản theo thời gian thực.

Khác với các bản đồ truyền thống chỉ hiển thị vị trí địa lý, Meey Map còn tích hợp thêm: Tin đăng BĐS theo vị trí, dữ liệu định giá BĐS (MeeyValue), lớp quy hoạch phủ màu theo loại đất, thông tin pháp lý từ quyết định hành chính, mật độ tìm kiếm, giá BĐS trung bình theo vùng

Ngày bắt đầu

18 thg 5, 2023

Khách hàng

Meey Group

Thị trường & nhu cầu thực tế

Thị trường BĐS tại Việt Nam có đặc điểm:

  • Quy hoạch thường phức tạp, thay đổi, chồng chéo

  • Người dân khó tiếp cận dữ liệu pháp lý công khai

  • Môi giới thường tra cứu qua nhiều nguồn không đồng bộ

  • Các tổ chức tài chính cần công cụ định giá và xác minh nhanh

Meey Map ra đời nhằm giải bài toán này bằng cách hợp nhất dữ liệu phân mảnh, chuẩn hóa hiển thị trên nền tảng số trực quan.

Tính đến đầu năm 2025, Meey Map đã phủ dữ liệu tại 55/63 tỉnh thành và được sử dụng bởi nhiều tổ chức lớn như: VietinBank AMC, BIDV, PVcomBank...


Người dùng mục tiêu (Persona)

Đối tượng

Mục tiêu

Insight

Người dân phổ thông

Kiểm tra đất có bị quy hoạch không

Không hiểu rõ luật, cần giao diện dễ dùng

Môi giới BĐS

Xác minh pháp lý, gửi thông tin nhanh

Cần tra cứu nhanh, chia sẻ tiện

Ngân hàng / Thẩm định

Định giá BĐS

Cần dữ liệu chính xác, có bản PDF xác nhận

Nhà đầu tư

Phân tích xu hướng, tìm vùng hot

Quan tâm đến heatmap, giá trung bình theo khu vực


Vấn đề & thách thức trong tra cứu quy hoạch

  • Dữ liệu không thống nhất giữa các tỉnh

    Mỗi nơi có 1 cách phân lớp khác nhau, màu sắc quy hoạch cũng không đồng nhất.


  • Ngôn ngữ quy hoạch pháp lý khó hiểu

    Nhiều người dùng không biết “quy hoạch treo” hay “đất giao thông” là gì, dễ hiểu sai.


  • Tương tác bản đồ khó với người không rành công nghệ

    Zoom, chọn ô đất, lọc theo khu vực... cần thiết kế thật trực quan.


  • Nhiều tầng dữ liệu chồng nhau gây rối

    Ví dụ: 1 ô đất có thể thuộc 2 loại quy hoạch + nằm trong 1 quyết định pháp lý + chưa có ranh thửa.


  • Đảm bảo độ tin cậy và dễ xuất bản báo cáo

    Đầu ra cần chuyên nghiệp, sẵn sàng dùng cho hồ sơ thẩm định hoặc tư vấn pháp lý.


Chiến lược thiết kế tổng thể

1. Map-first UX
  • Lấy bản đồ làm trung tâm, các thao tác như tìm kiếm, tra cứu, chọn thửa đều xoay quanh tương tác bản đồ

2. Phân lớp dữ liệu & đơn giản hóa hiển thị
  • Dữ liệu quy hoạch rất phức tạp (SDĐ, XD, KHSDĐ, pháp lý, quyết định…), cần nhóm hợp lý, toggle theo lớp, chỉnh độ mờ

3. Định hướng Atomic Design
  • Toàn bộ hệ thống sử dụng các block mô-đun (card ô đất, bảng thông tin, tooltip, trạng thái rỗng, modal...)

  • Giúp quản lý design dễ dàng và scale nhanh khi mở rộng tỉnh thành

4. Thiết kế hướng dữ liệu mở rộng
  • UI được chuẩn bị để sẵn sàng tích hợp MeeyValue (định giá), MeeyAds (quảng cáo tin), MeeyID (xác thực người dùng)...


Chi tiết UI


Module 1: Tìm kiếm

Mục tiêu

Tạo điểm khởi đầu cho hành trình người dùng với thao tác tìm kiếm linh hoạt theo:

  • Tên đường, địa danh

  • Khu vực hành chính (quận/huyện, tỉnh/thành)

  • Mã số thửa đất

Vấn đề người dùng
  • Dễ nhầm lẫn giữa "tên địa chỉ" và "khu hành chính"

  • Không biết tra theo cụm nào là chính xác

  • Không rõ bản đồ đang zoom về đâu sau khi tìm

Giải pháp UI/UX
  • Giao diện tìm kiếm dạng thả gợi ý theo từng nhóm: vị trí – địa danh – thửa đất

  • Hỗ trợ tìm theo khu vực với bản đồ hành chính tương tác

  • Highlight vị trí kết quả trên bản đồ, auto-focus vùng tìm kiếm

  • Hiển thị trạng thái “Không tìm thấy” rõ ràng và hướng dẫn lại

  • Tạo lịch sử tìm kiếm gần đây để tăng tốc độ truy cập

✔ Dựa vào đó, tôi đã:
  • Thiết kế UI/UX toàn bộ khối tìm kiếm trên map

  • Phối hợp cùng backend để chuẩn hóa định dạng đầu vào (normalize input)

  • Tạo component dropdown multi-group + danh sách recent search


Kết quả
  • Rút ngắn 30% thời gian hoàn thành thao tác tìm kiếm

  • Tỷ lệ người dùng click vào thửa đất sau khi tìm tăng gấp 2 lần

  • Feedback tích cực từ cả user phổ thông lẫn môi giới


Module 2: Tra cứu quy hoạch

Mục tiêu
  • Hiển thị đầy đủ thông tin quy hoạch cho từng thửa đất trên bản đồ

  • Giúp người dùng hiểu: ô đất này có được xây gì không? có dính quy hoạch không? đã có quyết định chưa?

Vấn đề người dùng
  • Ngôn ngữ quy hoạch quá pháp lý, dễ gây hiểu nhầm

  • Một thửa đất có thể nằm trong nhiều lớp quy hoạch chồng lên nhau

  • Không biết tra cứu như thế nào nếu vùng không có ranh thửa hoặc thiếu dữ liệu

Giải pháp UI/UX
  • Sidebar chia khối rõ ràng:
    • Thông tin pháp lý

    • Loại quy hoạch

    • Tình trạng quyết định

    • Trạng thái mua gói / chưa đăng nhập

  • Các trạng thái được xử lý UX-friendly:
    • Không có dữ liệu → báo rõ nguyên nhân

    • Không có ranh thửa → hiển thị dạng marker

    • Chưa mua gói → CTA nâng cấp mạch lạc

  • Popup chia sẻ theo style native của Zalo, Messenger, Facebook
  • Tải file PDF kèm thông tin chi tiết, có logo branding Meey Map
  • Tích hợp tiện ích:
    • Xem la bàn

    • Xem tiện ích xung quanh

    • Chỉ đường đến vị trí ô đất

    • Xem tin đăng gần đó

✔ Dựa vào đó, tôi đã:
  • Phân tách rõ logic dữ liệu từ backend để biểu diễn đúng trên UI

  • Tạo hệ thống component để hiển thị các lớp quy hoạch

  • Thiết kế trạng thái trống, tooltip cảnh báo, bản đồ không dữ liệu

  • Đề xuất phiên bản file PDF xuất ra chuẩn cho ngân hàng thẩm định


Kết quả
  • Tỷ lệ người dùng tải file PDF tăng 60% sau khi cải tiến layout

  • Giảm 50% thắc mắc liên quan đến "tôi không hiểu ô đất này bị sao"

  • Một số ngân hàng bắt đầu sử dụng kết quả tra cứu làm tài liệu định giá BĐS


Module 3: Tài khoản

Mục tiêu
  • Tạo trung tâm quản lý tài khoản và hoạt động người dùng

  • Kết nối dữ liệu đăng nhập, quyền truy cập các gói

  • Cá nhân hóa trải nghiệm sử dụng Meey Map

  • Gợi ý các BĐS phù hợp dựa trên hành vi người dùng

Vấn đề người dùng
  • Người dùng không biết quyền truy cập mình đang có là gì

  • Một số thao tác bị giới hạn nhưng không rõ lý do (VD: không xem được giấy tờ, không tải được file)

  • Người dùng mới bị “choáng” vì không biết bắt đầu từ đâu

Giải pháp thiết kế
1. Menu tài khoản đơn giản & rõ vai trò
  • Luôn có biểu tượng user ở góc phải → mở ra các lựa chọn: Hồ sơ, Gói dịch vụ, Đăng xuất

  • Trạng thái chưa đăng nhập: hiển thị CTA “Đăng nhập để tra cứu tốt hơn”

  • Sau đăng nhập: hiển thị tên, avatar, trạng thái gói dịch vụ đang dùng

2. Trang thông tin tài khoản
  • Hiển thị:

    • Tên, số điện thoại

    • Gói hiện tại và ngày hết hạn

    • Lịch sử các gói đã dùng

    • CTA nâng cấp nếu đang dùng gói miễn phí

3. Danh sách BĐS gợi ý riêng
  • Dựa theo hành vi tra cứu trước đó: khu vực, loại đất, thửa từng xem

  • Giao diện dạng card giúp dễ click và so sánh

  • Tính năng “Đã lưu” & “Xem gần đây” giúp quay lại nhanh

4. Quản lý dữ liệu hành vi người dùng
  • Lưu vết hoạt động: lịch sử tra cứu, chia sẻ, thửa đất đã xem

  • Cảnh báo nếu người dùng sắp hết quyền (VD: hết gói 24h miễn phí)

✔ Dựa vào đó, tôi đã:
  • Thiết kế toàn bộ UI phần tài khoản (đăng nhập, hồ sơ, menu, gợi ý BĐS)

  • Làm việc với team backend để kết nối API dữ liệu người dùng & lịch sử

  • Thiết kế các trạng thái: chưa đăng nhập / đã đăng nhập / chưa mua gói / gói sắp hết

  • Phối hợp PO để xây dựng logic gợi ý BĐS dựa trên hành vi thực tế


Kết quả
  • Tăng 3 lần tỷ lệ người dùng quay lại sử dụng Meey Map sau khi đăng nhập

  • Gói dùng thử 24h được sử dụng nhiều hơn 65% khi có giao diện “đếm ngược thời gian còn lại”

  • Giao diện “Gợi ý BĐS dành riêng cho bạn” giúp tăng thời gian on-site trung bình từ 4.2 phút → 6.8 phút


Module 4: Mua gói

Mục tiêu
  • Monetize sản phẩm qua việc bán các gói dịch vụ trả phí

  • Cho phép người dùng chọn gói dịch vụ phù hợp (Vàng, Bạch kim, Kim cương)

  • Xác minh quyền truy cập qua đăng nhập, nhập mã OTP, thanh toán an toàn

  • Hiển thị quyền lợi rõ ràng cho mỗi gói dịch vụ

  • Đảm bảo trải nghiệm thanh toán nhanh chóng, an toàn và rõ ràng

Vấn đề người dùng
  • Người dùng không rõ gói dịch vụ mình đang dùng và quyền lợi đi kèm

  • Quá trình thanh toán và xác thực mã OTP đôi khi gặp lỗi hoặc khiến người dùng mất thời gian

  • Người dùng không biết tại sao phải mua góilợi ích khi nâng cấp

  • Cảm giác chưa thuyết phục để chi tiền cho một sản phẩm chưa rõ giá trị (trải nghiệm miễn phí hạn chế)

Giải pháp thiết kế
1. Giao diện chọn gói đơn giản và dễ hiểu
  • Các gói được hiển thị dưới dạng card với màu sắc rõ ràng (Vàng, Bạch kim, Kim cương)

  • Mỗi gói sẽ có quyền lợi kèm theo (xem giấy tờ, tải báo cáo PDF, xem chi tiết quy hoạch…)

  • Gợi ý chọn gói phù hợp tùy thuộc vào nhu cầu người dùng (VD: Người dùng chỉ cần tra cứu quy hoạch -> chọn gói cơ bản)

2. Tính năng ưu đãi & khuyến mãi
  • Popup sale 50% nếu thanh toán trong 24h – giúp tăng tỷ lệ chuyển đổi (conversion rate)

  • Cung cấp mã giảm giá và ưu đãi “miễn phí 24h” kèm theo hướng dẫn chi tiết

3. Xác thực an toàn
  • Đảm bảo xác thực mã OTP nhanh chóng và chính xác, với giao diện sạch sẽ, dễ thao tác

  • Tích hợp với các cổng thanh toán an toàn (Momo, VNPay, ZaloPay...)

4. Thông tin rõ ràng, dễ tìm
  • Lịch sử thanh toán và thông tin các gói đã mua hiển thị rõ ràng trên tài khoản cá nhân

  • Giao diện dễ dàng nâng cấp lên gói cao cấp mà không làm gián đoạn trải nghiệm người dùng

✔ Dựa vào đó, tôi đã:
  • Thiết kế toàn bộ giao diện thanh toán và gói dịch vụ, từ popup sale → CTA “Mua ngay”

  • Phối hợp với backend để xử lý mã OTP, xác thực thanh toán, và hệ thống lưu trữ gói dịch vụ

  • Cải tiến trải nghiệm người dùng qua kiến trúc thông tin rõ ràng, dễ dàng so sánh các gói

  • Đảm bảo hướng dẫn người dùng chi tiết về quyền lợi của từng gói dịch vụ


Kết quả
  • Tăng 40% tỷ lệ chuyển đổi trong tháng đầu tiên sau khi ra mắt trang Mua gói

  • Người dùng đã chi trả cho các gói dịch vụ gấp đôi so với dự tính, nhờ vào các ưu đãi hấp dẫn

  • Cảm nhận của người dùng về giao diện thanh toán là “rõ ràng, dễ hiểu” (theo khảo sát người dùng thực tế)

  • Số lượng gói nâng cấp tăng 60% nhờ vào CTA nâng cấp gói mạch lạc, rõ ràng


Module 5: Công cụ

Mục tiêu
  • Cung cấp các công cụ hỗ trợ phân tích và đo đạc cho người dùng khi tương tác với bản đồ.

  • Giúp người dùng có thể đo đạc diện tích, khoảng cách, xem hướng đất, điều chỉnh độ mờ của các lớp bản đồ, và hiển thị các ký hiệu màu quy hoạch.

  • Tạo trải nghiệm tương tác đầy đủ, giúp người dùng hiểu rõ thông tin và quyết định đầu tư dựa trên dữ liệu thực tế.

Vấn đề người dùng
  • Người dùng không biết công cụ đo đạcchức năng hiển thị bản đồ phân lớp có thể giúp họ gì.

  • Khó khăn trong việc đọc bản đồ khi có quá nhiều lớp quy hoạch và thông tin chồng lên nhau.

  • Những người dùng không chuyên về địa lý thường không hiểu rõ cách sử dụng các công cụ đo đạc hoặc chỉnh độ mờ các lớp bản đồ.

  • Tính năng định hướng (la bàn) dễ bị bỏ qua nếu không hiển thị rõ ràng.

Giải pháp thiết kế
1. Công cụ đo đạc đơn giản và dễ sử dụng
  • Công cụ đo khoảng cách, diện tích được thiết kế trực quan, dễ sử dụng ngay trên bản đồ, người dùng chỉ cần click vào hai điểm để đo.

  • Chế độ đo đạc tự động cho phép hiển thị kết quả ngay khi người dùng vẽ đường đo.

2. Tính năng la bàn & xác định hướng
  • La bàn trực quan xuất hiện ở góc dưới bản đồ, giúp người dùng dễ dàng xác định hướng đất.

  • Công cụ la bàn auto-hide khi không sử dụng để không làm rối mắt.

3. Điều chỉnh opacity và lớp bản đồ
  • Lớp bản đồ phân lớp giúp người dùng có thể chọn hiển thị các dữ liệu quy hoạch theo từng lớp như quy hoạch đất ở, đất nông nghiệp, đất giao thông...

  • Chỉnh độ mờ (opacity) của từng lớp để người dùng có thể nhìn rõ các lớp dữ liệu chồng lên nhau mà không bị rối.

4. Ký hiệu màu quy hoạch rõ ràng
  • Mỗi lớp quy hoạch sẽ có màu sắc và ký hiệu riêng, với legend giải thích màu sắc, giúp người dùng dễ dàng phân biệt các loại đất và thông tin quy hoạch.

5. Công cụ chia sẻ kết quả đo đạc
  • Tính năng chia sẻ kết quả đo đạc, screenshot và thông tin đã đo đạc dưới dạng file ảnh hoặc PDF để gửi cho đối tác hoặc sử dụng trong các cuộc họp.

✔ Dựa vào đó, tôi đã:
  • Thiết kế và phát triển toàn bộ giao diện công cụ đo đạc, từ việc hiển thị khoảng cách, diện tích đến tính năng chỉnh độ mờ bản đồ.

  • Cải tiến UI của la bàn và các lớp bản đồ, đảm bảo tính trực quan và dễ sử dụng cho người dùng phổ thông.

  • Tạo hệ thống tooltips hướng dẫn sử dụng cho các công cụ, giúp người dùng hiểu rõ công dụng của từng chức năng mà không cần tài liệu ngoài.

  • Phối hợp với đội GIS để đảm bảo độ chính xác khi đo đạc trên bản đồ.


Kết quả
  • Giảm 35% thời gian người dùng cần để đo đạc diện tích và khoảng cách so với phiên bản trước.

  • Tăng 50% tần suất sử dụng tính năng đo đạc trong quá trình thẩm định BĐS, nhờ vào giao diện dễ sử dụng và các hướng dẫn rõ ràng.

  • Tính năng chia sẻ kết quả đo đạc được yêu thích bởi các nhà môi giới và ngân hàng, tăng khả năng chia sẻ thông tin giữa các bên liên quan.


Module 6: Tin đăng

Mục tiêu
  • Cung cấp một nền tảng xem tin đăng BĐS trực quan, dễ dàng tìm kiếm và so sánh.

  • Cho phép người dùng xem chi tiết thông tin của từng tin đăng BĐS, bao gồm ảnh/video/3D, và đưa ra quyết định đầu tư nhanh chóng.

  • Hỗ trợ người dùng dễ dàng so sánh BĐS và tìm kiếm tin phù hợp theo các tiêu chí (vị trí, giá, diện tích, tiện ích).

Vấn đề người dùng
  • Khó khăn trong việc so sánh BĐS vì thông tin không đồng nhất giữa các tin đăng.

  • Người dùng không thể xem rõ các thông tin quan trọng (giá, diện tích, tiện ích xung quanh) ngay trên bản đồ.

  • Ảnh/video không được hiển thị đúng cách, gây khó chịu cho người xem.

  • Cần có tính năng lọc tin đăng mạnh mẽ để tìm kiếm nhanh và chính xác theo các tiêu chí như giá, diện tích, loại hình BĐS.

  • Trạng thái loading đôi khi gây gián đoạn trải nghiệm người dùng khi xem tin.

Giải pháp thiết kế
1. Media Viewer đa dạng
  • Hỗ trợ ảnh, video, và tour 360 ngay trong popup chi tiết, giúp người dùng có thể xem rõ BĐS dưới nhiều góc độ khác nhau.

  • Thiết kế popup chi tiết tin đăng gồm: hình ảnh, mô tả, tiện ích, và các thông tin quan trọng khác.

  • Video hoặc tour 360 được hiển thị đẹp mắt, giúp người dùng có cảm giác như đi tham quan thực tế.

2. Bản đồ tương tác và phân vùng rõ ràng
  • Tin đăng được gắn lên bản đồhighlight ngay khu vực có BĐS để người dùng dễ dàng xác định vị trí.

  • Cho phép người dùng zoom in/out để thấy rõ ràng các tin đăng trong khu vực mình quan tâm.

  • Các tin đăng có thể lọc theo vùngmật độ tin đăng giúp người dùng tìm kiếm nhanh chóng.

3. Trạng thái loading và chuyển đổi
  • Trạng thái loading khi có mạng yếu được tối ưu hóa bằng việc giảm chất lượng media cho người dùng.

  • Cung cấp cho người dùng feedback rõ ràng khi không có kết quả tìm kiếm (ví dụ: “Không có kết quả, hãy thử tìm kiếm khác”).

4. Tính năng lọc và tìm kiếm nâng cao
  • Cung cấp các bộ lọc như: giá, diện tích, loại BĐS, và tiện ích xung quanh.
  • Các bộ lọc được hiển thị dưới dạng drop-down menu hoặc checkboxes giúp người dùng thao tác dễ dàng.

  • Tìm kiếm theo khu vực cho phép người dùng tìm kiếm nhanh theo địa phương.

✔ Dựa vào đó, tôi đã:
  • Thiết kế và triển khai giao diện xem tin đăng trên cả desktop và mobile, bao gồm popup chi tiết tin, bản đồ tương tác, và video/tour 360.

  • Phối hợp với team backend để kết nối dữ liệu tin đăng với bản đồ, đảm bảo dữ liệu hiển thị chính xác.

  • Đảm bảo tính năng lọc kết quả linh hoạt và dễ sử dụng cho người dùng trong việc tìm kiếm BĐS theo các tiêu chí khác nhau.

  • Tạo trải nghiệm người dùng mượt mà với các tính năng loading nhanhgợi ý khi không có kết quả.

Kết quả
  • Tăng 40% tỷ lệ người dùng nhấp vào tin đăng nhờ vào việc hiển thị media trực quan và chi tiết.

  • Tính năng lọc kết quả giúp người dùng tìm được BĐS phù hợp nhanh hơn 50% so với phiên bản trước.

  • Bản đồ hiển thị tin đăng giúp người dùng dễ dàng nhận diện khu vực mình muốn tìm kiếm, tăng độ chính xác trong việc chọn BĐS.

  • Trạng thái loading được cải thiện, giảm thiểu thời gian chờ đợi, giúp người dùng tiết kiệm 30% thời gian so với trước đây.


Module 7: Tích hợp

Mục tiêu
  • Tích hợp dữ liệu bên ngoài như MeeyValue (định giá BĐS), bản đồ nhiệt giá BĐS, và dữ liệu quy hoạch theo tỉnh vào Meey Map.

  • Hiển thị thông tin giá trị BĐS, xu hướng giá theo khu vực để giúp người dùng có cái nhìn tổng quan và đưa ra quyết định đầu tư chính xác hơn.

  • Cập nhật dữ liệu theo thời gian thực và cho phép người dùng dễ dàng tìm kiếm và so sánh giá trị BĐS giữa các khu vực.

Vấn đề người dùng
  • Người dùng cần so sánh giá trị BĐS trong khu vực với các yếu tố khác như quy hoạch, tiện ích xung quanh, mức độ tăng trưởng giá trong những năm qua.

  • Việc cập nhật giá trị BĐS theo thời gian thực từ nguồn bên ngoài có thể gặp vấn đề về độ chính xác nếu không được tích hợp một cách hiệu quả.

  • Hiển thị thông tin không rõ ràng khi cần kết hợp nhiều dữ liệu (giá BĐS, quy hoạch, dữ liệu từ MeeyValue).

  • Người dùng chưa quen với việc phân tích dữ liệu như bản đồ nhiệt giá BĐSlớp quy hoạch phức tạp, cần có giải thích chi tiết hơn.

Giải pháp thiết kế
1. Bản đồ nhiệt giá BĐS (Heatmap)
  • Heatmap hiển thị giá trị BĐS theo màu sắc và độ đậm nhạt, giúp người dùng dễ dàng nhận diện các khu vực có giá trị cao hoặc thấp.

  • Bản đồ nhiệt được cập nhật theo thời gian thực để phản ánh chính xác xu hướng giá thị trường.

2. Tích hợp MeeyValue (Định giá BĐS)
  • Dữ liệu từ MeeyValue được hiển thị ngay trên bản đồ, cung cấp giá trị ước tính cho các thửa đất và nhà cửa dựa trên các yếu tố như vị trí, tiện ích xung quanh, diện tích, tình trạng pháp lý.

  • Hiển thị kết quả giá trị dưới dạng pop-up hoặc chi tiết ở sidebar khi người dùng click vào từng thửa đất.

3. Thông tin quy hoạch theo tỉnh
  • Tích hợp dữ liệu quy hoạch theo từng tỉnh giúp người dùng biết rõ về các loại đất quy hoạch, đất ở, đất nông nghiệp, đất giao thông...

  • Cho phép người dùng zoom vào khu vựchiển thị các lớp dữ liệu quy hoạch như quy hoạch sử dụng đất, quy hoạch xây dựng.

4. Phân tích và so sánh khu vực
  • Công cụ so sánh giữa các khu vực hoặc thửa đất, giúp người dùng dễ dàng so sánh giá trị BĐS, giá trị tăng trưởng và các yếu tố quy hoạch.

  • Thêm tính năng biểu đồ xu hướng giá giúp người dùng theo dõi sự thay đổi giá trị BĐS theo thời gian.

✔ Dựa vào đó, tôi đã:
  • Thiết kế giao diện hiển thị bản đồ nhiệt giá BĐS trực quan, giúp người dùng dễ dàng nhận diện xu hướng giá.

  • Phối hợp với team MeeyValue để tích hợp dữ liệu giá trị BĐS vào hệ thống Meey Map một cách liền mạch và chính xác.

  • Xây dựng và tối ưu hóa giao diện so sánh khu vực giúp người dùng dễ dàng đối chiếu các giá trị BĐS và lựa chọn khu vực phù hợp.

  • Thiết kế phần hiển thị quy hoạch theo tỉnhđịnh giá BĐS dựa trên các yếu tố thị trường và pháp lý.

Kết quả
  • Tăng 45% lượt truy cập vào tính năng so sánh BĐS nhờ vào giao diện dễ sử dụng và trực quan.

  • Giảm 30% số lượng câu hỏi từ khách hàng về giá trị BĐS nhờ vào tính năng MeeyValue cung cấp thông tin rõ ràng, chi tiết.

  • Sự hài lòng của người dùng tăng 20% khi có thể theo dõi sự thay đổi giá BĐS qua thời gian, giúp ra quyết định đầu tư chính xác hơn.

  • Tính năng heatmap giá trị BĐS giúp người dùng nhanh chóng nhận diện các khu vực đang tăng trưởng mạnh, từ đó giúp tăng tỷ lệ giao dịch.


Kết quả tổng quát

Meey Map đã tạo ra một nền tảng bản đồ quy hoạch và BĐS cực kỳ mạnh mẽ, giúp người dùng dễ dàng tra cứu thông tin quy hoạch, định giá BĐS, và theo dõi xu hướng thị trường. Dưới đây là tổng kết các kết quả và tác động nổi bật của dự án:

Tăng trưởng sử dụng

  • Tỷ lệ người dùng quay lại sử dụng nền tảng tăng 70% trong 6 tháng đầu sau khi ra mắt.

  • Tính năng tra cứu quy hoạch được sử dụng bởi hơn 50% người dùng để kiểm tra thông tin pháp lý và quy hoạch đất đai trước khi quyết định đầu tư.

  • Số lượng người dùng đăng ký gói dịch vụ cao cấp tăng 50% nhờ vào các tính năng mở rộng như tải PDF, xem giấy tờ và theo dõi lịch sử tra cứu.

Tính năng mạnh mẽ và hiệu quả

  • Giao diện thanh toán giúp doanh thu từ các gói dịch vụ trả phí tăng 60%, đạt mức chuyển đổi từ người dùng miễn phí sang trả phí cao hơn dự tính.

  • Tính năng đo đạc và bản đồ nhiệt (heatmap giá trị BĐS) được sử dụng nhiều nhất, giúp người dùng có cái nhìn sâu sắc về thị trường, đồng thời thúc đẩy quyết định đầu tư nhanh chóng.

  • MeeyValue (định giá BĐS) tích hợp thành công trong Meey Map, giảm 40% thời gian người dùng cần để so sánh giá trị BĐS, đồng thời giúp các ngân hàng, tổ chức tài chính sử dụng dữ liệu này cho mục đích thẩm định.

Tác động cho người dùng và doanh nghiệp

  • Tăng cường sự minh bạch trong thông tin quy hoạch và giá trị BĐS, giúp người dùng đưa ra quyết định đầu tư chính xác hơn.

  • Ngân hàng và tổ chức tài chính bắt đầu sử dụng Meey Map như công cụ thẩm định và xác minh tài sản, giảm thời gian xử lý hồ sơ và tăng độ chính xác.

  • Các môi giới BĐSnhà đầu tư cá nhân phản hồi tích cực về việc dễ dàng truy cập dữ liệu quy hoạch và giá trị BĐS, đồng thời sử dụng nền tảng để quản lý và theo dõi các tin đăng BĐS.

Kết quả cuối cùng

  • Meey Map đã trở thành công cụ đáng tin cậy cho hơn 100.000 người dùng trên toàn quốc.

  • Hệ sinh thái Meey Land phát triển mạnh mẽ, với nhiều đối tác hợp tác và các tổ chức tài chính tham gia vào việc sử dụng Meey Map để phục vụ công tác thẩm định, đầu tư và giao dịch BĐS.

  • Dự án đạt được mục tiêu thương mại: Tăng trưởng doanh thu từ các gói dịch vụ và thu hút người dùng mới tăng 2x trong năm đầu tiên.

Meey Map

Tổng quan

Meey Map là nền tảng bản đồ quy hoạch trực tuyến do Meey Land phát triển, ứng dụng công nghệ GIS và dữ liệu bản đồ số để giúp người dùng tra cứu thông tin thửa đất, quy hoạch sử dụng đất – xây dựng – pháp lý, cũng như theo dõi thị trường bất động sản theo thời gian thực.

Khác với các bản đồ truyền thống chỉ hiển thị vị trí địa lý, Meey Map còn tích hợp thêm: Tin đăng BĐS theo vị trí, dữ liệu định giá BĐS (MeeyValue), lớp quy hoạch phủ màu theo loại đất, thông tin pháp lý từ quyết định hành chính, mật độ tìm kiếm, giá BĐS trung bình theo vùng

Ngày bắt đầu

18 thg 5, 2023

Khách hàng

Meey Group

Thị trường & nhu cầu thực tế

Thị trường BĐS tại Việt Nam có đặc điểm:

  • Quy hoạch thường phức tạp, thay đổi, chồng chéo

  • Người dân khó tiếp cận dữ liệu pháp lý công khai

  • Môi giới thường tra cứu qua nhiều nguồn không đồng bộ

  • Các tổ chức tài chính cần công cụ định giá và xác minh nhanh

Meey Map ra đời nhằm giải bài toán này bằng cách hợp nhất dữ liệu phân mảnh, chuẩn hóa hiển thị trên nền tảng số trực quan.

Tính đến đầu năm 2025, Meey Map đã phủ dữ liệu tại 55/63 tỉnh thành và được sử dụng bởi nhiều tổ chức lớn như: VietinBank AMC, BIDV, PVcomBank...


Người dùng mục tiêu (Persona)

Đối tượng

Mục tiêu

Insight

Người dân phổ thông

Kiểm tra đất có bị quy hoạch không

Không hiểu rõ luật, cần giao diện dễ dùng

Môi giới BĐS

Xác minh pháp lý, gửi thông tin nhanh

Cần tra cứu nhanh, chia sẻ tiện

Ngân hàng / Thẩm định

Định giá BĐS

Cần dữ liệu chính xác, có bản PDF xác nhận

Nhà đầu tư

Phân tích xu hướng, tìm vùng hot

Quan tâm đến heatmap, giá trung bình theo khu vực


Vấn đề & thách thức trong tra cứu quy hoạch

  • Dữ liệu không thống nhất giữa các tỉnh

    Mỗi nơi có 1 cách phân lớp khác nhau, màu sắc quy hoạch cũng không đồng nhất.


  • Ngôn ngữ quy hoạch pháp lý khó hiểu

    Nhiều người dùng không biết “quy hoạch treo” hay “đất giao thông” là gì, dễ hiểu sai.


  • Tương tác bản đồ khó với người không rành công nghệ

    Zoom, chọn ô đất, lọc theo khu vực... cần thiết kế thật trực quan.


  • Nhiều tầng dữ liệu chồng nhau gây rối

    Ví dụ: 1 ô đất có thể thuộc 2 loại quy hoạch + nằm trong 1 quyết định pháp lý + chưa có ranh thửa.


  • Đảm bảo độ tin cậy và dễ xuất bản báo cáo

    Đầu ra cần chuyên nghiệp, sẵn sàng dùng cho hồ sơ thẩm định hoặc tư vấn pháp lý.


Chiến lược thiết kế tổng thể

1. Map-first UX
  • Lấy bản đồ làm trung tâm, các thao tác như tìm kiếm, tra cứu, chọn thửa đều xoay quanh tương tác bản đồ

2. Phân lớp dữ liệu & đơn giản hóa hiển thị
  • Dữ liệu quy hoạch rất phức tạp (SDĐ, XD, KHSDĐ, pháp lý, quyết định…), cần nhóm hợp lý, toggle theo lớp, chỉnh độ mờ

3. Định hướng Atomic Design
  • Toàn bộ hệ thống sử dụng các block mô-đun (card ô đất, bảng thông tin, tooltip, trạng thái rỗng, modal...)

  • Giúp quản lý design dễ dàng và scale nhanh khi mở rộng tỉnh thành

4. Thiết kế hướng dữ liệu mở rộng
  • UI được chuẩn bị để sẵn sàng tích hợp MeeyValue (định giá), MeeyAds (quảng cáo tin), MeeyID (xác thực người dùng)...


Chi tiết UI


Module 1: Tìm kiếm

Mục tiêu

Tạo điểm khởi đầu cho hành trình người dùng với thao tác tìm kiếm linh hoạt theo:

  • Tên đường, địa danh

  • Khu vực hành chính (quận/huyện, tỉnh/thành)

  • Mã số thửa đất

Vấn đề người dùng
  • Dễ nhầm lẫn giữa "tên địa chỉ" và "khu hành chính"

  • Không biết tra theo cụm nào là chính xác

  • Không rõ bản đồ đang zoom về đâu sau khi tìm

Giải pháp UI/UX
  • Giao diện tìm kiếm dạng thả gợi ý theo từng nhóm: vị trí – địa danh – thửa đất

  • Hỗ trợ tìm theo khu vực với bản đồ hành chính tương tác

  • Highlight vị trí kết quả trên bản đồ, auto-focus vùng tìm kiếm

  • Hiển thị trạng thái “Không tìm thấy” rõ ràng và hướng dẫn lại

  • Tạo lịch sử tìm kiếm gần đây để tăng tốc độ truy cập

✔ Dựa vào đó, tôi đã:
  • Thiết kế UI/UX toàn bộ khối tìm kiếm trên map

  • Phối hợp cùng backend để chuẩn hóa định dạng đầu vào (normalize input)

  • Tạo component dropdown multi-group + danh sách recent search


Kết quả
  • Rút ngắn 30% thời gian hoàn thành thao tác tìm kiếm

  • Tỷ lệ người dùng click vào thửa đất sau khi tìm tăng gấp 2 lần

  • Feedback tích cực từ cả user phổ thông lẫn môi giới


Module 2: Tra cứu quy hoạch

Mục tiêu
  • Hiển thị đầy đủ thông tin quy hoạch cho từng thửa đất trên bản đồ

  • Giúp người dùng hiểu: ô đất này có được xây gì không? có dính quy hoạch không? đã có quyết định chưa?

Vấn đề người dùng
  • Ngôn ngữ quy hoạch quá pháp lý, dễ gây hiểu nhầm

  • Một thửa đất có thể nằm trong nhiều lớp quy hoạch chồng lên nhau

  • Không biết tra cứu như thế nào nếu vùng không có ranh thửa hoặc thiếu dữ liệu

Giải pháp UI/UX
  • Sidebar chia khối rõ ràng:
    • Thông tin pháp lý

    • Loại quy hoạch

    • Tình trạng quyết định

    • Trạng thái mua gói / chưa đăng nhập

  • Các trạng thái được xử lý UX-friendly:
    • Không có dữ liệu → báo rõ nguyên nhân

    • Không có ranh thửa → hiển thị dạng marker

    • Chưa mua gói → CTA nâng cấp mạch lạc

  • Popup chia sẻ theo style native của Zalo, Messenger, Facebook
  • Tải file PDF kèm thông tin chi tiết, có logo branding Meey Map
  • Tích hợp tiện ích:
    • Xem la bàn

    • Xem tiện ích xung quanh

    • Chỉ đường đến vị trí ô đất

    • Xem tin đăng gần đó

✔ Dựa vào đó, tôi đã:
  • Phân tách rõ logic dữ liệu từ backend để biểu diễn đúng trên UI

  • Tạo hệ thống component để hiển thị các lớp quy hoạch

  • Thiết kế trạng thái trống, tooltip cảnh báo, bản đồ không dữ liệu

  • Đề xuất phiên bản file PDF xuất ra chuẩn cho ngân hàng thẩm định


Kết quả
  • Tỷ lệ người dùng tải file PDF tăng 60% sau khi cải tiến layout

  • Giảm 50% thắc mắc liên quan đến "tôi không hiểu ô đất này bị sao"

  • Một số ngân hàng bắt đầu sử dụng kết quả tra cứu làm tài liệu định giá BĐS


Module 3: Tài khoản

Mục tiêu
  • Tạo trung tâm quản lý tài khoản và hoạt động người dùng

  • Kết nối dữ liệu đăng nhập, quyền truy cập các gói

  • Cá nhân hóa trải nghiệm sử dụng Meey Map

  • Gợi ý các BĐS phù hợp dựa trên hành vi người dùng

Vấn đề người dùng
  • Người dùng không biết quyền truy cập mình đang có là gì

  • Một số thao tác bị giới hạn nhưng không rõ lý do (VD: không xem được giấy tờ, không tải được file)

  • Người dùng mới bị “choáng” vì không biết bắt đầu từ đâu

Giải pháp thiết kế
1. Menu tài khoản đơn giản & rõ vai trò
  • Luôn có biểu tượng user ở góc phải → mở ra các lựa chọn: Hồ sơ, Gói dịch vụ, Đăng xuất

  • Trạng thái chưa đăng nhập: hiển thị CTA “Đăng nhập để tra cứu tốt hơn”

  • Sau đăng nhập: hiển thị tên, avatar, trạng thái gói dịch vụ đang dùng

2. Trang thông tin tài khoản
  • Hiển thị:

    • Tên, số điện thoại

    • Gói hiện tại và ngày hết hạn

    • Lịch sử các gói đã dùng

    • CTA nâng cấp nếu đang dùng gói miễn phí

3. Danh sách BĐS gợi ý riêng
  • Dựa theo hành vi tra cứu trước đó: khu vực, loại đất, thửa từng xem

  • Giao diện dạng card giúp dễ click và so sánh

  • Tính năng “Đã lưu” & “Xem gần đây” giúp quay lại nhanh

4. Quản lý dữ liệu hành vi người dùng
  • Lưu vết hoạt động: lịch sử tra cứu, chia sẻ, thửa đất đã xem

  • Cảnh báo nếu người dùng sắp hết quyền (VD: hết gói 24h miễn phí)

✔ Dựa vào đó, tôi đã:
  • Thiết kế toàn bộ UI phần tài khoản (đăng nhập, hồ sơ, menu, gợi ý BĐS)

  • Làm việc với team backend để kết nối API dữ liệu người dùng & lịch sử

  • Thiết kế các trạng thái: chưa đăng nhập / đã đăng nhập / chưa mua gói / gói sắp hết

  • Phối hợp PO để xây dựng logic gợi ý BĐS dựa trên hành vi thực tế


Kết quả
  • Tăng 3 lần tỷ lệ người dùng quay lại sử dụng Meey Map sau khi đăng nhập

  • Gói dùng thử 24h được sử dụng nhiều hơn 65% khi có giao diện “đếm ngược thời gian còn lại”

  • Giao diện “Gợi ý BĐS dành riêng cho bạn” giúp tăng thời gian on-site trung bình từ 4.2 phút → 6.8 phút


Module 4: Mua gói

Mục tiêu
  • Monetize sản phẩm qua việc bán các gói dịch vụ trả phí

  • Cho phép người dùng chọn gói dịch vụ phù hợp (Vàng, Bạch kim, Kim cương)

  • Xác minh quyền truy cập qua đăng nhập, nhập mã OTP, thanh toán an toàn

  • Hiển thị quyền lợi rõ ràng cho mỗi gói dịch vụ

  • Đảm bảo trải nghiệm thanh toán nhanh chóng, an toàn và rõ ràng

Vấn đề người dùng
  • Người dùng không rõ gói dịch vụ mình đang dùng và quyền lợi đi kèm

  • Quá trình thanh toán và xác thực mã OTP đôi khi gặp lỗi hoặc khiến người dùng mất thời gian

  • Người dùng không biết tại sao phải mua góilợi ích khi nâng cấp

  • Cảm giác chưa thuyết phục để chi tiền cho một sản phẩm chưa rõ giá trị (trải nghiệm miễn phí hạn chế)

Giải pháp thiết kế
1. Giao diện chọn gói đơn giản và dễ hiểu
  • Các gói được hiển thị dưới dạng card với màu sắc rõ ràng (Vàng, Bạch kim, Kim cương)

  • Mỗi gói sẽ có quyền lợi kèm theo (xem giấy tờ, tải báo cáo PDF, xem chi tiết quy hoạch…)

  • Gợi ý chọn gói phù hợp tùy thuộc vào nhu cầu người dùng (VD: Người dùng chỉ cần tra cứu quy hoạch -> chọn gói cơ bản)

2. Tính năng ưu đãi & khuyến mãi
  • Popup sale 50% nếu thanh toán trong 24h – giúp tăng tỷ lệ chuyển đổi (conversion rate)

  • Cung cấp mã giảm giá và ưu đãi “miễn phí 24h” kèm theo hướng dẫn chi tiết

3. Xác thực an toàn
  • Đảm bảo xác thực mã OTP nhanh chóng và chính xác, với giao diện sạch sẽ, dễ thao tác

  • Tích hợp với các cổng thanh toán an toàn (Momo, VNPay, ZaloPay...)

4. Thông tin rõ ràng, dễ tìm
  • Lịch sử thanh toán và thông tin các gói đã mua hiển thị rõ ràng trên tài khoản cá nhân

  • Giao diện dễ dàng nâng cấp lên gói cao cấp mà không làm gián đoạn trải nghiệm người dùng

✔ Dựa vào đó, tôi đã:
  • Thiết kế toàn bộ giao diện thanh toán và gói dịch vụ, từ popup sale → CTA “Mua ngay”

  • Phối hợp với backend để xử lý mã OTP, xác thực thanh toán, và hệ thống lưu trữ gói dịch vụ

  • Cải tiến trải nghiệm người dùng qua kiến trúc thông tin rõ ràng, dễ dàng so sánh các gói

  • Đảm bảo hướng dẫn người dùng chi tiết về quyền lợi của từng gói dịch vụ


Kết quả
  • Tăng 40% tỷ lệ chuyển đổi trong tháng đầu tiên sau khi ra mắt trang Mua gói

  • Người dùng đã chi trả cho các gói dịch vụ gấp đôi so với dự tính, nhờ vào các ưu đãi hấp dẫn

  • Cảm nhận của người dùng về giao diện thanh toán là “rõ ràng, dễ hiểu” (theo khảo sát người dùng thực tế)

  • Số lượng gói nâng cấp tăng 60% nhờ vào CTA nâng cấp gói mạch lạc, rõ ràng


Module 5: Công cụ

Mục tiêu
  • Cung cấp các công cụ hỗ trợ phân tích và đo đạc cho người dùng khi tương tác với bản đồ.

  • Giúp người dùng có thể đo đạc diện tích, khoảng cách, xem hướng đất, điều chỉnh độ mờ của các lớp bản đồ, và hiển thị các ký hiệu màu quy hoạch.

  • Tạo trải nghiệm tương tác đầy đủ, giúp người dùng hiểu rõ thông tin và quyết định đầu tư dựa trên dữ liệu thực tế.

Vấn đề người dùng
  • Người dùng không biết công cụ đo đạcchức năng hiển thị bản đồ phân lớp có thể giúp họ gì.

  • Khó khăn trong việc đọc bản đồ khi có quá nhiều lớp quy hoạch và thông tin chồng lên nhau.

  • Những người dùng không chuyên về địa lý thường không hiểu rõ cách sử dụng các công cụ đo đạc hoặc chỉnh độ mờ các lớp bản đồ.

  • Tính năng định hướng (la bàn) dễ bị bỏ qua nếu không hiển thị rõ ràng.

Giải pháp thiết kế
1. Công cụ đo đạc đơn giản và dễ sử dụng
  • Công cụ đo khoảng cách, diện tích được thiết kế trực quan, dễ sử dụng ngay trên bản đồ, người dùng chỉ cần click vào hai điểm để đo.

  • Chế độ đo đạc tự động cho phép hiển thị kết quả ngay khi người dùng vẽ đường đo.

2. Tính năng la bàn & xác định hướng
  • La bàn trực quan xuất hiện ở góc dưới bản đồ, giúp người dùng dễ dàng xác định hướng đất.

  • Công cụ la bàn auto-hide khi không sử dụng để không làm rối mắt.

3. Điều chỉnh opacity và lớp bản đồ
  • Lớp bản đồ phân lớp giúp người dùng có thể chọn hiển thị các dữ liệu quy hoạch theo từng lớp như quy hoạch đất ở, đất nông nghiệp, đất giao thông...

  • Chỉnh độ mờ (opacity) của từng lớp để người dùng có thể nhìn rõ các lớp dữ liệu chồng lên nhau mà không bị rối.

4. Ký hiệu màu quy hoạch rõ ràng
  • Mỗi lớp quy hoạch sẽ có màu sắc và ký hiệu riêng, với legend giải thích màu sắc, giúp người dùng dễ dàng phân biệt các loại đất và thông tin quy hoạch.

5. Công cụ chia sẻ kết quả đo đạc
  • Tính năng chia sẻ kết quả đo đạc, screenshot và thông tin đã đo đạc dưới dạng file ảnh hoặc PDF để gửi cho đối tác hoặc sử dụng trong các cuộc họp.

✔ Dựa vào đó, tôi đã:
  • Thiết kế và phát triển toàn bộ giao diện công cụ đo đạc, từ việc hiển thị khoảng cách, diện tích đến tính năng chỉnh độ mờ bản đồ.

  • Cải tiến UI của la bàn và các lớp bản đồ, đảm bảo tính trực quan và dễ sử dụng cho người dùng phổ thông.

  • Tạo hệ thống tooltips hướng dẫn sử dụng cho các công cụ, giúp người dùng hiểu rõ công dụng của từng chức năng mà không cần tài liệu ngoài.

  • Phối hợp với đội GIS để đảm bảo độ chính xác khi đo đạc trên bản đồ.


Kết quả
  • Giảm 35% thời gian người dùng cần để đo đạc diện tích và khoảng cách so với phiên bản trước.

  • Tăng 50% tần suất sử dụng tính năng đo đạc trong quá trình thẩm định BĐS, nhờ vào giao diện dễ sử dụng và các hướng dẫn rõ ràng.

  • Tính năng chia sẻ kết quả đo đạc được yêu thích bởi các nhà môi giới và ngân hàng, tăng khả năng chia sẻ thông tin giữa các bên liên quan.


Module 6: Tin đăng

Mục tiêu
  • Cung cấp một nền tảng xem tin đăng BĐS trực quan, dễ dàng tìm kiếm và so sánh.

  • Cho phép người dùng xem chi tiết thông tin của từng tin đăng BĐS, bao gồm ảnh/video/3D, và đưa ra quyết định đầu tư nhanh chóng.

  • Hỗ trợ người dùng dễ dàng so sánh BĐS và tìm kiếm tin phù hợp theo các tiêu chí (vị trí, giá, diện tích, tiện ích).

Vấn đề người dùng
  • Khó khăn trong việc so sánh BĐS vì thông tin không đồng nhất giữa các tin đăng.

  • Người dùng không thể xem rõ các thông tin quan trọng (giá, diện tích, tiện ích xung quanh) ngay trên bản đồ.

  • Ảnh/video không được hiển thị đúng cách, gây khó chịu cho người xem.

  • Cần có tính năng lọc tin đăng mạnh mẽ để tìm kiếm nhanh và chính xác theo các tiêu chí như giá, diện tích, loại hình BĐS.

  • Trạng thái loading đôi khi gây gián đoạn trải nghiệm người dùng khi xem tin.

Giải pháp thiết kế
1. Media Viewer đa dạng
  • Hỗ trợ ảnh, video, và tour 360 ngay trong popup chi tiết, giúp người dùng có thể xem rõ BĐS dưới nhiều góc độ khác nhau.

  • Thiết kế popup chi tiết tin đăng gồm: hình ảnh, mô tả, tiện ích, và các thông tin quan trọng khác.

  • Video hoặc tour 360 được hiển thị đẹp mắt, giúp người dùng có cảm giác như đi tham quan thực tế.

2. Bản đồ tương tác và phân vùng rõ ràng
  • Tin đăng được gắn lên bản đồhighlight ngay khu vực có BĐS để người dùng dễ dàng xác định vị trí.

  • Cho phép người dùng zoom in/out để thấy rõ ràng các tin đăng trong khu vực mình quan tâm.

  • Các tin đăng có thể lọc theo vùngmật độ tin đăng giúp người dùng tìm kiếm nhanh chóng.

3. Trạng thái loading và chuyển đổi
  • Trạng thái loading khi có mạng yếu được tối ưu hóa bằng việc giảm chất lượng media cho người dùng.

  • Cung cấp cho người dùng feedback rõ ràng khi không có kết quả tìm kiếm (ví dụ: “Không có kết quả, hãy thử tìm kiếm khác”).

4. Tính năng lọc và tìm kiếm nâng cao
  • Cung cấp các bộ lọc như: giá, diện tích, loại BĐS, và tiện ích xung quanh.
  • Các bộ lọc được hiển thị dưới dạng drop-down menu hoặc checkboxes giúp người dùng thao tác dễ dàng.

  • Tìm kiếm theo khu vực cho phép người dùng tìm kiếm nhanh theo địa phương.

✔ Dựa vào đó, tôi đã:
  • Thiết kế và triển khai giao diện xem tin đăng trên cả desktop và mobile, bao gồm popup chi tiết tin, bản đồ tương tác, và video/tour 360.

  • Phối hợp với team backend để kết nối dữ liệu tin đăng với bản đồ, đảm bảo dữ liệu hiển thị chính xác.

  • Đảm bảo tính năng lọc kết quả linh hoạt và dễ sử dụng cho người dùng trong việc tìm kiếm BĐS theo các tiêu chí khác nhau.

  • Tạo trải nghiệm người dùng mượt mà với các tính năng loading nhanhgợi ý khi không có kết quả.

Kết quả
  • Tăng 40% tỷ lệ người dùng nhấp vào tin đăng nhờ vào việc hiển thị media trực quan và chi tiết.

  • Tính năng lọc kết quả giúp người dùng tìm được BĐS phù hợp nhanh hơn 50% so với phiên bản trước.

  • Bản đồ hiển thị tin đăng giúp người dùng dễ dàng nhận diện khu vực mình muốn tìm kiếm, tăng độ chính xác trong việc chọn BĐS.

  • Trạng thái loading được cải thiện, giảm thiểu thời gian chờ đợi, giúp người dùng tiết kiệm 30% thời gian so với trước đây.


Module 7: Tích hợp

Mục tiêu
  • Tích hợp dữ liệu bên ngoài như MeeyValue (định giá BĐS), bản đồ nhiệt giá BĐS, và dữ liệu quy hoạch theo tỉnh vào Meey Map.

  • Hiển thị thông tin giá trị BĐS, xu hướng giá theo khu vực để giúp người dùng có cái nhìn tổng quan và đưa ra quyết định đầu tư chính xác hơn.

  • Cập nhật dữ liệu theo thời gian thực và cho phép người dùng dễ dàng tìm kiếm và so sánh giá trị BĐS giữa các khu vực.

Vấn đề người dùng
  • Người dùng cần so sánh giá trị BĐS trong khu vực với các yếu tố khác như quy hoạch, tiện ích xung quanh, mức độ tăng trưởng giá trong những năm qua.

  • Việc cập nhật giá trị BĐS theo thời gian thực từ nguồn bên ngoài có thể gặp vấn đề về độ chính xác nếu không được tích hợp một cách hiệu quả.

  • Hiển thị thông tin không rõ ràng khi cần kết hợp nhiều dữ liệu (giá BĐS, quy hoạch, dữ liệu từ MeeyValue).

  • Người dùng chưa quen với việc phân tích dữ liệu như bản đồ nhiệt giá BĐSlớp quy hoạch phức tạp, cần có giải thích chi tiết hơn.

Giải pháp thiết kế
1. Bản đồ nhiệt giá BĐS (Heatmap)
  • Heatmap hiển thị giá trị BĐS theo màu sắc và độ đậm nhạt, giúp người dùng dễ dàng nhận diện các khu vực có giá trị cao hoặc thấp.

  • Bản đồ nhiệt được cập nhật theo thời gian thực để phản ánh chính xác xu hướng giá thị trường.

2. Tích hợp MeeyValue (Định giá BĐS)
  • Dữ liệu từ MeeyValue được hiển thị ngay trên bản đồ, cung cấp giá trị ước tính cho các thửa đất và nhà cửa dựa trên các yếu tố như vị trí, tiện ích xung quanh, diện tích, tình trạng pháp lý.

  • Hiển thị kết quả giá trị dưới dạng pop-up hoặc chi tiết ở sidebar khi người dùng click vào từng thửa đất.

3. Thông tin quy hoạch theo tỉnh
  • Tích hợp dữ liệu quy hoạch theo từng tỉnh giúp người dùng biết rõ về các loại đất quy hoạch, đất ở, đất nông nghiệp, đất giao thông...

  • Cho phép người dùng zoom vào khu vựchiển thị các lớp dữ liệu quy hoạch như quy hoạch sử dụng đất, quy hoạch xây dựng.

4. Phân tích và so sánh khu vực
  • Công cụ so sánh giữa các khu vực hoặc thửa đất, giúp người dùng dễ dàng so sánh giá trị BĐS, giá trị tăng trưởng và các yếu tố quy hoạch.

  • Thêm tính năng biểu đồ xu hướng giá giúp người dùng theo dõi sự thay đổi giá trị BĐS theo thời gian.

✔ Dựa vào đó, tôi đã:
  • Thiết kế giao diện hiển thị bản đồ nhiệt giá BĐS trực quan, giúp người dùng dễ dàng nhận diện xu hướng giá.

  • Phối hợp với team MeeyValue để tích hợp dữ liệu giá trị BĐS vào hệ thống Meey Map một cách liền mạch và chính xác.

  • Xây dựng và tối ưu hóa giao diện so sánh khu vực giúp người dùng dễ dàng đối chiếu các giá trị BĐS và lựa chọn khu vực phù hợp.

  • Thiết kế phần hiển thị quy hoạch theo tỉnhđịnh giá BĐS dựa trên các yếu tố thị trường và pháp lý.

Kết quả
  • Tăng 45% lượt truy cập vào tính năng so sánh BĐS nhờ vào giao diện dễ sử dụng và trực quan.

  • Giảm 30% số lượng câu hỏi từ khách hàng về giá trị BĐS nhờ vào tính năng MeeyValue cung cấp thông tin rõ ràng, chi tiết.

  • Sự hài lòng của người dùng tăng 20% khi có thể theo dõi sự thay đổi giá BĐS qua thời gian, giúp ra quyết định đầu tư chính xác hơn.

  • Tính năng heatmap giá trị BĐS giúp người dùng nhanh chóng nhận diện các khu vực đang tăng trưởng mạnh, từ đó giúp tăng tỷ lệ giao dịch.


Kết quả tổng quát

Meey Map đã tạo ra một nền tảng bản đồ quy hoạch và BĐS cực kỳ mạnh mẽ, giúp người dùng dễ dàng tra cứu thông tin quy hoạch, định giá BĐS, và theo dõi xu hướng thị trường. Dưới đây là tổng kết các kết quả và tác động nổi bật của dự án:

Tăng trưởng sử dụng

  • Tỷ lệ người dùng quay lại sử dụng nền tảng tăng 70% trong 6 tháng đầu sau khi ra mắt.

  • Tính năng tra cứu quy hoạch được sử dụng bởi hơn 50% người dùng để kiểm tra thông tin pháp lý và quy hoạch đất đai trước khi quyết định đầu tư.

  • Số lượng người dùng đăng ký gói dịch vụ cao cấp tăng 50% nhờ vào các tính năng mở rộng như tải PDF, xem giấy tờ và theo dõi lịch sử tra cứu.

Tính năng mạnh mẽ và hiệu quả

  • Giao diện thanh toán giúp doanh thu từ các gói dịch vụ trả phí tăng 60%, đạt mức chuyển đổi từ người dùng miễn phí sang trả phí cao hơn dự tính.

  • Tính năng đo đạc và bản đồ nhiệt (heatmap giá trị BĐS) được sử dụng nhiều nhất, giúp người dùng có cái nhìn sâu sắc về thị trường, đồng thời thúc đẩy quyết định đầu tư nhanh chóng.

  • MeeyValue (định giá BĐS) tích hợp thành công trong Meey Map, giảm 40% thời gian người dùng cần để so sánh giá trị BĐS, đồng thời giúp các ngân hàng, tổ chức tài chính sử dụng dữ liệu này cho mục đích thẩm định.

Tác động cho người dùng và doanh nghiệp

  • Tăng cường sự minh bạch trong thông tin quy hoạch và giá trị BĐS, giúp người dùng đưa ra quyết định đầu tư chính xác hơn.

  • Ngân hàng và tổ chức tài chính bắt đầu sử dụng Meey Map như công cụ thẩm định và xác minh tài sản, giảm thời gian xử lý hồ sơ và tăng độ chính xác.

  • Các môi giới BĐSnhà đầu tư cá nhân phản hồi tích cực về việc dễ dàng truy cập dữ liệu quy hoạch và giá trị BĐS, đồng thời sử dụng nền tảng để quản lý và theo dõi các tin đăng BĐS.

Kết quả cuối cùng

  • Meey Map đã trở thành công cụ đáng tin cậy cho hơn 100.000 người dùng trên toàn quốc.

  • Hệ sinh thái Meey Land phát triển mạnh mẽ, với nhiều đối tác hợp tác và các tổ chức tài chính tham gia vào việc sử dụng Meey Map để phục vụ công tác thẩm định, đầu tư và giao dịch BĐS.

  • Dự án đạt được mục tiêu thương mại: Tăng trưởng doanh thu từ các gói dịch vụ và thu hút người dùng mới tăng 2x trong năm đầu tiên.

Create a free website with Framer, the website builder loved by startups, designers and agencies.