MOBILE APP

Nailshop Mobile App

Ứng dụng di động được thiết kế nhằm nâng cao trải nghiệm của khách hàng khi sử dụng dịch vụ tại các tiệm nail. Nền tảng cho phép người dùng dễ dàng tìm kiếm dịch vụ, quản lý lịch hẹn và tương tác với cửa hàng thông qua giao diện trực quan và thân thiện.

Giải pháp cho các tiệm nail
Nailshop Mobile App

Tổng quan dự án

Trao quyền cho tài chính toàn cầu với giao dịch liền mạch

Dự án được phát triển bởi MTT Software với đội ngũ 7 lập trình viên. Công nghệ sử dụng trong dự án bao gồm Next.js, React Native, Nest.js, PostgreSQL, Ant Design và Koajs.

Ứng dụng Nailshop Mobile được xây dựng nhằm tạo ra một nền tảng số giúp khách hàng tương tác với các tiệm nail một cách thuận tiện và hiệu quả hơn.

Tài liệu dự án được xây dựng để mô tả rõ ràng các màn hình trong ứng dụng, luồng điều hướng và các thành phần giao diện. Điều này giúp các lập trình viên nhanh chóng hiểu được cấu trúc của ứng dụng cũng như cách hiển thị thông tin và hình ảnh trên từng màn hình.

Mục tiêu chính:

  • Xây dựng một ứng dụng di động có cấu trúc rõ ràng.
  • Nâng cao trải nghiệm người dùng.
  • Hỗ trợ quản lý dịch vụ hiệu quả hơn.
Thách thức

Giới hạn hệ thống cũ & rủi ro bảo mật

Thiết kế luồng điều hướng

Thiết kế sao cho người dùng có thể dễ dàng di chuyển giữa các chức năng khác nhau.

Lỗ hổng bảo mật

API phân mảnh theo từng dịch vụ làm tăng bề mặt tấn công và khó kiểm soát an ninh.

Độ phức tạp hệ thống

Giải pháp

TỐI ƯU HOÁ

Để giải quyết các thách thức trên, nhóm phát triển đã xây dựng hệ thống tài liệu gồm ba phần chính:

Vì sao chọn React thay vì Vue?

Hệ sinh thái enterprise của React cho quản lý state và khả năng dùng chung code với React Native giúp tối đa hoá tái sử dụng trên nhiều nền tảng.

Luồng giao diện

Sơ đồ luồng màn hình giúp mô tả cách người dùng di chuyển giữa các màn hình thông qua các hành động hoặc nút bấm.

Mô tả giao diện

Mô tả chi tiết các thành phần trên từng màn hình, bao gồm ý nghĩa của từng nút bấm, trường dữ liệu và thông tin hiển thị.

Tin nhắn hệ thống

Danh sách các thông báo hệ thống và thông báo kiểm tra dữ liệu được sử dụng trong toàn bộ ứng dụng.

API Gateway thống nhất

Áp dụng PostgreSQL để tổng hợp nhiều REST API legacy thành một tầng dữ liệu hiệu quả.

Tính năng nổi bật

Các tính năng cốt lõi nâng tầm trải nghiệm người dùng.

Thiết kế giao diện

Thiết kế giao diện

Thiết kế giao diện theo chuẩn Material UI

Hệ thống điều hướng

Hệ thống điều hướng

Hệ thống điều hướng màn hình trực quan và dễ sử dụng

Hệ thống thông báo

Hệ thống thông báo

Hệ thống thông báo và kiểm tra dữ liệu rõ ràng

Màn hình UI

Màn hình 1
Màn hình 2
Màn hình 3
Màn hình 4
Màn hình 5
Màn hình 6
Màn hình 7
Màn hình 8

Tác động kinh doanh

Các cải thiện được ghi nhận 6 tháng sau khi nền tảng chính thức ra mắt.

40%
Tăng hiệu năng
85%
Tỉ lệ dùng mobile
99.9%
Uptime hệ thống

"Cấu trúc tài liệu và sơ đồ luồng màn hình giúp đội ngũ phát triển hiểu nhanh yêu cầu của sản phẩm và triển khai các tính năng một cách hiệu quả. Điều này cũng cải thiện đáng kể sự phối hợp giữa nhóm thiết kế và nhóm lập trình."

Đại diện khách hàng
Nguyen Minh Tu CTO

Bắt đầu dự án của bạn ngay!

Để lại thông tin, đội ngũ chuyên gia sẽ liên hệ tư vấn miễn phí trong 24 giờ làm việc.