CEC Cloud Manage System

CEC is a large construction company, started this project in order to improve the inconvenience of filling out paper forms on site, and CEC hope the engineers can fill the forms through an app to solve the problems like papers that are hard to carry and organize.

• Role
  UIUX Designer
• Duration
  11 month
• Team
  1 PM, 3 Designers, 1 SA, 4 Developer

Since this project started from 0 to 1, and hopes to replace the old process through web pages and apps. In addition, the users are from 30 to 60 years old, CEC is also very curious about how we will design it.

How to reduce the difficulty for users to get started and reduce the pain period of converting paper to App is a big challenge for us. In addition, this system includes front-end, back-end and app, so how to maintain the consistency between platforms costs us lots of time to discuss.

We arranged 9 user interviews and visited 4 constrution sites, hoping to do qualitative research to understand "the needs and problems of existing process to users", "the opportunities and possibilities of E-services", "how to improve efficiency and maintain improve project quality at the ame time"

The interview process will first conduct an in-depth interview with the relevant personnel for 40-60 minutes, and then ask the person to lead us to the construction site for a practical demonstration.

The whole process will arrange 1 main interviewer, 2 recorders and 1 photographer. After the interview, we will sorting and classify the role information on the same day. The whole process takes about a month.

In the end, we provide a research report to CEC, point out what we observe and user's pain point. Through this interview, we built a good consensus with the client, which makes our cooperation more smooth afterwards.

In the end, we summarized the following key points, and we also added these points to the design, such as the ability to attach photos to each items, share issues, quickly create photo record sheets and photo notes functions, etc.

"Relying on image information"
Photographic records, captions, and reports must be accompanied by photographic evidence.

"Instant and effective communication"
Line communication and on-site inspection and supervision.

"Need to process the paperwork effectively"
Enginners often need to organize photos, forms and upload them to cloud afterwards.

"Improving work process through mobile or other software"
Editing photos, marking, google album and excel management.

Our design strategy is "In the existing workflow, help users in different roles to improve the efficiency of paperwork, and then willing to use electronic solutions." Since the most important function of this project is "form", except displaying different style elements, we also prepares 2 sets of form creation logic for the style proposal.

The "Rational & Stable" design emphasizes what you see is what you get. Taking the existing operation mode as the starting point, the linear structure layout clearly presents key information and functions to help users get started quickly.
In the design of the form, the simulation paper form is mainly used to achieve the goal of reducing the user's learning cost.

"Agile & Energetic" emphasizes breaking through traditions and focuses on organization of functions and spaces, paying attention to the beauty of the layout, reducing redundant decorations, and developing a design style based on functional layout.
The design of the form is mainly based on the modern card-style block presentation, considering the future flexibility and expandability, and making the desktop and App version consistent.

In the end, the client considered the painful period of user conversion, so they chose the "Rational & Stable" style and form creating logic.

UX Designer will discuss with me about the hierarchical structure and the how we gonna present on the screen, and I am mainly responsible for the UI design of the App, so I will design the screen according to the finalized style and Wireframe.