Xiao Ai | Toshiba Elevator

Toshiba Elevator

System Management Web Page Designing

#Web #Front-End Designing

Dec 5, 2015, By Xiao Ai

MY ROLES

Font End Developer

Designer

DATE

Otc 2015 - Now

METHODS

Fron-end Development

Iterative Designing

SCRUM Development

I LEARNED

Javascript & JQuery

npm, gulp and bower

SCRUM

This is the first and biggest project during my time at Logic Solutions*. Our team consists of two developers, including me. I am mainly responsible for the UI designing and HTML/CSS coding.

Challenging but exciting, I have learnt not only the technical stuff but also learnt how to work as a team. By using SCRUM development, our team works in high efficiency and have conquered many impossibles.

Introduction

Toshiba Elevator is a system for collecting data, checking and tracking issues after the elevator is installed. Their previous version of Toshiba Elevator System was not user friendly at all. And because of the annoying bugs and issues inherently in the system, Toshiba Corporation eagerly need a better system to support their work.

There are two parts in the system. One is mobile part, which is for submitting data via mobile app when the operators are working onsite. The other one is the desktop part, which is for managers to check and examine the data.

What I did for Toshiba Elevator

1. Redesigned the tool for creating forms.

We created Smart Form, which is a form tool that allow users to customise forms without any coding. It is just like creating a questionnaire. All they need to do is to drag a question template from the “builder”, and drop it.

Intuitive drag and drop experience
8 clicks V.S. few clicks all on one page
Require coding V.S. Build your own form in just a few minuets

2. Added Filter for Data Tables.

A clear and formatted data with just a glance is what users need.
Long and huge data table VS. Easy Filter with Key Words

3. Redesigned Everything.

We basically redesgined everything for Toshiba Elevator. Besides those core functions I mentioned above, the biggest difference is that we created a whole new style for it: more comfortable colors, more thoughtful layout, etc..

• Dashboard

• Module Management Page

• User Page

What I am currently doing

Task Management

Task management is another core module in this system. Managers need to assign a task to a certain operator, and operator has to report his/her progress in time.