Nguyễn Phương TriTHIẾT KẾ & PHÁT TRIỂN WEB / APP
Tất cả dự án

APP / Ứng dụng khám phá & đánh giá địa điểm

Đi Đâu.

Giao diện ứng dụng di động giúp người dùng tìm điểm ăn uống, cà phê, du lịch và vui chơi, tham khảo thông tin địa điểm, lưu bộ sưu tập yêu thích và chia sẻ trải nghiệm qua đánh giá.

Cuộn trong màn hình để khám phá. “Mở ảnh” để xem toàn màn hình.

Mobile
Giao diện mobile của Đi Đâu — App khám phá & review địa điểm

Đi Đâu — Tìm cảm hứng cho điểm đến tiếp theo

Đi Đâu hướng đến những người muốn tìm một quán ăn, góc cà phê hoặc điểm vui chơi cho hôm nay và các chuyến đi sắp tới. Trải nghiệm được tổ chức theo hành trình khám phá, xem thông tin, lưu địa điểm và chia sẻ cảm nhận, với giao diện gần gũi bằng tiếng Việt.

Khám phá theo sở thích

Màn hình chính kết hợp địa điểm nổi bật, danh mục trải nghiệm và danh sách gợi ý có ảnh. Người dùng có thể tìm theo tên, khu vực hoặc loại hình; tìm kiếm hỗ trợ tiếng Việt có dấu và không dấu. Bộ lọc dạng bottom sheet cho phép chọn tỉnh/thành, danh mục và nguồn review ưu tiên, với thao tác đặt lại hoặc áp dụng rõ ràng.

Thông tin địa điểm trong một màn hình

Trang chi tiết trình bày ảnh bìa, thư viện ảnh, vị trí, danh mục, điểm đánh giá, thời gian gợi ý và nội dung giới thiệu. Các tab tổ chức phần tổng quan và nội dung theo nguồn, giúp người dùng tiếp cận thông tin theo từng ngữ cảnh. Nút lưu được đặt nổi bật để đưa địa điểm vào danh sách yêu thích.

Lưu lại cho những chuyến đi

Khu vực Đã lưu tập hợp các địa điểm yêu thích và bộ sưu tập theo chủ đề. Người dùng có thể tạo bộ sưu tập, xem các địa điểm trong nhóm và lưu hoặc bỏ lưu từ nhiều màn hình với trạng thái được cập nhật đồng bộ trong trải nghiệm.

Chia sẻ đánh giá

Luồng viết đánh giá gồm chọn từ một đến năm sao, gắn nhiều thẻ cảm nhận, nhập nội dung và chọn ảnh minh họa. Giao diện hỗ trợ tối đa 500 ký tự, năm ảnh, xem trước nội dung và phản hồi kiểm tra dữ liệu trước khi hoàn tất thao tác.

Thiết kế và công nghệ

UI được lập trình bằng Flutter và Dart, sử dụng các widget dùng chung cho thẻ địa điểm, điều hướng, nút bấm và bảng lọc. Tông xanh chủ đạo kết hợp điểm nhấn cam, xanh ngọc và font Manrope tạo cảm giác sáng, rõ ràng, phù hợp thao tác bằng một tay trên điện thoại. Hình ảnh dự án lấy từ năm màn hình Flutter chạy preview với dữ liệu minh họa.

Cùng tạo một điều hay.