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 hoped 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 months
• Team
  1 PM, 3 Designers, 1 SA, 4 Developers

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 construction 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 improve project quality at the same time"

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

The whole process arranges 1 main interviewer, 2 recorders and 1 photographer. After the interview, we sorted and classified the role information on the same day. The whole process takes about a month.

In the end, we provided a research report to CEC, point out what we observed 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 item, 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"
Engineers 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 prepared 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, a simulated 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 how it would be presented on 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.