PRODUCT OVERVIEW
This concept app is part of Microsoft’s new vision ‘Digital Transformation’ to revamp its in-house application for internal use. This concept app was designated as a mobile app that could help MS workers to achieve and track productivity including timesheet, out-of-the-office calendars, expenses, and accurate billing.
Client: Microsoft CSEO (Core Services and Engineering)
Role: Motion graphic and Visual UI designer - Visual presentation
![](https://cdn.myportfolio.com/1a2280de02e43a95575719549b592d93/2ba3910c-1433-4c4e-9fa6-fa571ae2a15b_rw_1920.png?h=7501873641efb59336ec75429ec8900e)
My task was to collaborate with the Senior UX Designer and Project Manager to come out with a new prototyping concept and simulate a motion study for Timesheet Mobile Application. The main goal is to come up with a sleek, modern, easy-to-use, and efficient application.
![](https://cdn.myportfolio.com/1a2280de02e43a95575719549b592d93/511de016-6e11-4d2e-a425-b2145eb642ea_rw_1920.png?h=7c6c92c90f0a8b14989f80ff7ca4805e)
The first concept and creative approach were to simulate time tracking using a dial rotary system. The idea and usage should be simple and easy to operate yet sophisticated on the go without the hassle of multiple functions.
![](https://cdn.myportfolio.com/1a2280de02e43a95575719549b592d93/332b433f-186b-42eb-8784-28b54e161a5e_rw_1920.jpg?h=22f6201d8d650a2262b583a17e8173da)
The first dial concept was implemented on the side of the screen, but the engineering team had suggested a different concept by designing a dial design that’s more attractive, ergonomically pleasant for human fingers by implemented in the center of the screen.
![](https://cdn.myportfolio.com/1a2280de02e43a95575719549b592d93/4ea0eb36-6108-471d-b0cd-ad3be7e89cdb_rw_1920.jpg?h=daf1386dbb5f783ac731e0d2f8a13c47)
After simulating using different motion studies, we finalized 2 main concepts using a vertical dial that could optimize the input function ergonomically using finger movement via a mobile device.
![](https://cdn.myportfolio.com/1a2280de02e43a95575719549b592d93/5c4dc5e8-c987-48d2-91dd-c0ad931f01bc_rw_1920.jpg?h=869b751c0683abfc9d7387f1e0bb5257)
All these motion and visual concepts were presented as part of the 'out of box' concept to higher management, research team, engineers, and programmers.
![](https://cdn.myportfolio.com/1a2280de02e43a95575719549b592d93/08c25b5d-a0fb-4404-b788-f7cb385f955c_rw_1920.png?h=72d55714a6a8d3bab7dbc904d6aa88a1)