BTOX Online Order System

BTOX is a leading expert in vertical integration of "customized" glasses. It is the largest customized contact lens manufacturer in Asia - Hengtai Optical, with three-party integration resources of R&D, manufacturing and application.

Since the business scope of BTOX involves domestic and overseas markets, and they used to manage the orders of the two markets through two separate system. The purpose of this project is to build up an online order system that integrate domestic and overseas markets based on the requirement of customer service, and reduce the communication cost of sales and doctors.

• Role
  DesignLead / UI Designer
• Duration
  11 month
• Team
  1 PM, 4 Designers, 1 SA, 5 Developer

Due to the separate system and different business strategies of domestic and overseas markets, and BTOX also arrange two department to manage separate markets. At present, the style of the order admin system is too plain, and the information presentation is relatively unclear, so we have sorted out the following pain points:

• Using two sets of systems to manage orders in domestic and overseas markets makes it difficult for internal personnel to follow-up integration and requires additional maintenance costs
• The old system style leads to unclear presentation of information, and the operation process is also complicated, making it difficult to find corresponding functions

According to the requirement interviews with stakeholders, we have unified two user personas, one is the main user for back-end system - the customer service specialist, who mainly handles the orders sent by the front-end, and the other is the user for the front-end system - responsibe for processing the corneal data of the patient, and place an order through the front-end system to BTOX.

After requirement interview, pain point analysis, and determination of user personas, we realized the importance of domestic and ocerseas integration, and there are many parts of the entire order process that need to be optimized, so our primary goal is to While integrating domestic and overseas system, optimize the operation process of orders and ensure that each function has sufficient flexibility to meet the needs of each role.

After clarifying the project goal, we provide two visual styles:
The main goal of "Professional and Comfortable" is to strengthen the brand image and exposure. Use a simple style and white space to increase browsing comfort, and use right-angle elements in the layout design to create a professional and stable visual experience.
"Lively and Innovative" takes the functional layout as the basis for the design, and pays attention to the organization of functions and spaces. Rounded corners are used in the layout design to make the overall vision smoother, and bright colors and icons are used to create a lively and innovative visual experience.

In the end, the clients choose the layout of "Lively and Innovative", and they prefer to use a more calm and restrained blue of "Professional and Comfortable".

UX Designer will draw wireframes according to functional map and requirement interviews, and design UI Flow after confirming with SA. All the designers will join together to have a discussion and brainstorming, after confirming by clients, the UI Designer will finish the design based on UX documents.