THÂN — UI/UX DEMO

Vun đắp những gì quan trọng nhất.

Một Personal CRM offline cho mobile, lấy mối quan hệ làm trung tâm. Bản preview gồm 8 màn hình ở high-fidelity. Phiên bản này hỗ trợ mô hình hoá quan hệ giữa hai contact với bối cảnh + khung thời gian — vd: An đồng nghiệp Bình tại AIA, 2019–nay.

iOS · Android · Offline-first · Graph model · Privacy-first
9:41
5G
Chào buổi chiều,

Huy

Thứ Năm · 7 tháng 5 3 cần liên lạc
Hôm nay2 sự kiện
🎂
Sinh nhật của Linh
Em họ · tròn 28 tuổi
🥂
5 năm cưới · An & Phương
Bạn thân · gửi lời chúc?
Cần liên lạcXem tất cả →
MT
Minh Trí
+47 ngàyMục tiêu 30 ngày
PA
Phương Anh
+8 ngàyMục tiêu 14 ngày
VT
Vũ Tùng
+91 ngàyMục tiêu 60 ngày
Tương tác gần đây
Hiền · Cafe @ Phin Studio
Nói về dự án mới, kế hoạch Đà Lạt
2 ngày
🍽️
Khoa, Phương · Tối @ Pizza 4P's
Họp nhóm bạn cấp 3
5 ngày
📞
Mẹ · Gọi 22 phút
Hỏi thăm sức khoẻ ba
1 tuần
Hôm nay
Liên hệ
Mạng lưới
Sự kiện
Cài đặt
01 — Dashboard

Hôm nay

Mở app là thấy ngay action: ai cần liên lạc, sự kiện hôm nay, log nhanh tương tác vừa xảy ra.

9:41
5G
TH
Nguyễn Thu Hiền
Marketing Lead · Coca · Q.1
9
Thân
●●●●●
Ưu tiên
2 ngày
Gần đây
14d
Mục tiêu
Log
Gọi
Nhắn
Mail

Quan hệ

Từ 06/2018
Bạn thân Đồng nghiệp cũ hiking cafe
Gặp lần đầu Tech Co · 2018

Mục tiêu liên lạc

2 ngày qua
Tiến độ chu kỳ này 2/14 ngày
Lần gặp gần nhất: cafe @ Phin Studio · cách đây 2 ngày

Tương tác gần đây

Xem tất cả
Cafe @ Phin Studio, Q.1
Nói về dự án mới của Hiền
2d
💬
Nhắn tin về deadline
Mood: 😊
18d
🍽️
Tối @ The Deck, Thảo Điền
+ Khoa, Phương Anh
1m

Quan hệ trong mạng lưới

+ Thêm
K
Khoa · Đồng nghiệp cũ
🏢 Tech Co · 2018 — 2022
PA
Phương Anh · Bạn cấp 3
🎓 THPT Lê Hồng Phong · 2010 — 2013
A
An · Hàng xóm
📍 Q.7 · 2020 — đang còn
Xem toàn bộ 8 quan hệ trong mạng lưới →
02 — Contact

Hồ sơ chi tiết

4 chỉ số quan hệ ở đầu, log/gọi/nhắn ngay. Bên dưới: lịch sử tương tác, mục tiêu cadence, người chung — tất cả ngữ cảnh bạn cần khi gặp lại họ.

9:41
5G
Chào buổi chiều,

Huy

Thứ Năm · 7 tháng 5
Hôm nay
🎂
Sinh nhật của Linh
Huỷ Ghi tương tác Lưu
Loại tương tác
Cafe
🍽️
Bữa ăn
📞
Gọi điện
💬
Nhắn tin
🎁
Tặng quà
Khác
Khi nào
Hôm nay, 15:32
Vừa xong
Với ai
TH
Hiền
Ở đâu
Phin Studio, 21 Đồng Khởi, Q.1
Ghi chú
Hiền vừa được promote Marketing Lead. Chia sẻ kế hoạch trekking Đà Lạt cuối tháng — rủ tham gia cùng An & Khoa.
Cảm nhận
😍
😊
😌
😐
😕
Ảnh
03 — Quick log

Ghi tương tác

Bottom sheet, ma sát thấp nhất: tap loại → chọn người → ghi note 5 giây. Mood, ảnh, location đều optional. Đây là feature dùng nhiều nhất.

9:41
5G
TH
Nguyễn Thu Hiền
Quan hệ với bạn từ 06/2018 · 7 năm

Loại quan hệ Bạn thân + Đồng nghiệp cũ

Bạn thân
Đồng nghiệp cũ
Gia đình
Mentor
Bạn
Người quen

Tags 3

hiking cafe marketing + thêm tag

Mức độ thân thiết 9 / 10

Xã giao
Ruột thịt

Mức độ ưu tiên Cao · 5/5

●●
●●●
●●●●
●●●●●

Người ưu tiên cao sẽ luôn xuất hiện đầu danh sách "Cần liên lạc".

Tần suất muốn giữ 14 ngày · 2 lần/tháng

Hàng tuần
Hàng năm

App nhắc khi quá hạn. Tần suất giảm dần khi không có tương tác (auto-decay).

86%
Sức mạnh quan hệ
Rất khoẻ
Tổng hợp từ 4 chiều: thân, ưu tiên, tần suất, decay theo thời gian.
04 — Differentiator

Chỉnh sửa quan hệ

4 chiều trọng số tách biệt: closeness, priority, frequency, và bond strength tổng hợp (decay theo thời gian). Đây là thứ làm Thân khác với danh bạ thông thường.

9:41
5G

Vòng thân của bạn

42 người · 78 quan hệ · 8 nhóm
Tất cả Gia đình Bạn thân Đồng nghiệp Mentor
BẠN Mẹ Gia đình Ba Gia đình Em gái Hiền Bạn thân Khoa Bạn thân An Bạn PA Bạn thân MT VT L
Gia đình
Bạn thân
Đồng nghiệp
Liên kết phụ
Hôm nay
Liên hệ
Mạng lưới
Sự kiện
Cài đặt
05 — Network

Đồ thị mối quan hệ

Ego-network: bạn ở giữa, 1-hop xung quanh. Độ dày cạnh = closeness, màu = loại quan hệ. Tap node để zoom in. Filter theo type để khử lộn xộn.

9:41
5G
Sắp tới
Lịch sử
Định kỳ
Hôm nay 2
🎂
Sinh nhật của Linh
Em họ · tròn 28 tuổi
Hôm nay
L
Đỗ Linh · sinh 7/5/1998
🥂
5 năm cưới · An & Phương
Bạn thân · gửi lời chúc?
Tối nay
Tuần này 3
🎓
Khoa nhận bằng MBA
Bạn thân
Thứ 7
🏠
Nhà mới của Vũ Tùng
Họ hàng · tân gia
CN 11/5
Hẹn Hiền cafe
Đã đặt · The Workshop, 10h
CN
Tháng này 5
🎂
Sinh nhật mẹ
Gia đình · 65 tuổi
18/5
💼
Phương Anh đổi việc
Bạn thân · hỏi thăm tuần đầu
25/5
Hôm nay
Liên hệ
Mạng lưới
Sự kiện
Cài đặt
06 — Calendar

Sự kiện & Nhắc nhở

Sinh nhật, kỷ niệm, lịch hẹn — gom lại theo tuần/tháng. Push notification trong app, không sync calendar OS (theo lựa chọn của bạn).

9:41
5G
A
Hoàng An
Bạn của bạn
đồng nghiệp
B
Lê Bình
Bạn của bạn

Loại quan hệ Đồng nghiệp

Đồng nghiệp
Bạn học
Hàng xóm
Gia đình
Người yêu cũ
Quen biết

Bối cảnh AIA Vietnam

🏢 AIA Vietnam
Tech Co RMIT THPT LHP Q.7 + tự nhập

Nơi/sự kiện kết nối hai người: công ty, trường, khu phố, đội nhóm, sự kiện...

Khung thời gian 3/2019 — đang còn

Bắt đầu
Th3 / 2019
Kết thúc
— —
Quan hệ vẫn còn
2015 3/2019 Hôm nay

Ghi chú tuỳ chọn

Cùng team Marketing. Bình là Director của An. Hay đi cafe sau giờ làm.
07 — New

Quan hệ giữa hai người

An ↔ Bình, đồng nghiệp tại AIA, từ 3/2019 đến hiện tại. Bối cảnh + khung thời gian biến graph từ "ai quen ai" thành "quen ở đâu, lúc nào".

9:41
5G
A
AIA Vietnam
Công ty · 4 người · 4 quan hệ

Người trong bối cảnh này

A
Hoàng An
Senior Marketing Manager
📅 Th3/2019 — hiện tại
Đang còn
B
Lê Bình
Director, Marketing
📅 Th6/2018 — hiện tại
Đang còn
M
Vũ Mai
Senior Analyst
📅 Th9/2020 — Th3/2022
Đã rời
T
Đỗ Thuỷ
Brand Lead
📅 Th1/2021 — hiện tại
Đang còn

Quan hệ giữa họ

A
B
An ↔ Bình
Đồng nghiệp · 2019 — nay (6 năm)
A
M
An ↔ Mai
Đồng nghiệp cũ · 2020 — 2022
B
T
Bình ↔ Thuỷ
Đồng nghiệp · 2021 — nay (4 năm)
A
T
An ↔ Thuỷ
Đồng nghiệp · 2021 — nay (4 năm)
08 — New

Bối cảnh chung

Tap "AIA" từ bất kỳ quan hệ nào → thấy ai đang còn / đã rời, các quan hệ giữa họ. Cực mạnh cho networking: "Ai mình quen từng ở đó?"

Hệ thống thiết kế

Bộ tokens cơ bản để giữ tính nhất quán. Tất cả screens trên đều dùng cùng palette, typography, và spacing.

Bảng màu

Cream
Surface
Espresso
Brand
Brand 2
Sage
Accent
Peach
Warn

Typography · SF Pro

Tiêu đề lớn
28 / 700 · -0.025em
Tiêu đề mục
17 / 600 · -0.01em
Văn bản chính
15 / 500
Văn bản phụ
13 / 400 · text-2
EYEBROW · LABEL
11 / 700 · 0.08em uppercase

Nguyên tắc thiết kế

Warm, không corporate

Đây là nơi lưu mối quan hệ con người. Màu kem ấm thay vì xám lạnh, terracotta thay vì đỏ cảnh báo.

Action-first dashboard

Mở app phải thấy "cần làm gì hôm nay" — không bắt người dùng tự khám phá.

Quick log không ma sát

Ghi tương tác phải dưới 10 giây, nếu không người dùng sẽ bỏ — và app PRM mất giá trị nhanh nhất ở đây.

Trọng số đa chiều rõ ràng

Closeness, priority, frequency, decay được trình bày tách biệt — không gộp thành một con số mờ nghĩa.