Nailshop Mobile App
A mobile app designed to enhance the customer experience at nail salons. The platform lets users easily find services, manage appointments, and interact with the salon through an intuitive, friendly interface.
Project Overview
Empowering Global Finance with Seamless Transactions
The project was developed by MTT Software with a team of 7 engineers. Technologies used include Next.js, React Native, Nest.js, PostgreSQL, Ant Design, and KoaJS.
The Nailshop Mobile app was built to create a digital platform that helps customers interact with nail salons more conveniently and effectively.
The project documentation was created to clearly describe the app screens, navigation flows, and UI components. This helps engineers quickly understand the app structure as well as how information and images are displayed on each screen.
Key Objectives:
- Build a mobile app with a clear structure.
- Improve the user experience.
- Enable more efficient service management.
Legacy Limitations & Security Risks
Navigation flow design
Design the experience so users can easily move between different functions.
Security vulnerabilities
Fragmented APIs per service increase the attack surface and make security harder to control.
The Solution
OPTIMIZATION
To address the challenges above, the team built a documentation system with three main parts:
Why choose React instead of Vue?
React’s enterprise ecosystem for state management and the ability to share code with React Native helped maximize reuse across platforms.
UI flow
Screen-flow diagrams describe how users move between screens through actions or buttons.
UI specification
Detailed descriptions of components on each screen, including the purpose of each button, input field, and displayed information.
System messages
A list of system notifications and data validation messages used across the app.
Unified API Gateway
Using PostgreSQL to consolidate multiple legacy REST APIs into an efficient data layer.
Highlighted Features
Core features that elevate the user experience.
UI design
UI design based on Material UI standards
Navigation system
An intuitive and easy-to-use screen navigation system
Notification system
Clear notifications and data validation messaging
UI Screens
Business Impact
Improvements observed 6 months after the platform officially launched.
"The documentation structure and screen-flow diagrams helped the team quickly understand product requirements and implement features efficiently. It also significantly improved collaboration between the design and development teams."
Start your project today!
Leave your information, our expert team will contact you for a free consultation within 24 working hours.