The project is focused on updating the time tracking mobile app and redesigning it in Ionic. A major piece in this project is to update the interface to the new design system Alloy.
Project Type: Enterprise Healthcare
Designed for: Mobile
Stakeholders: 4
Product Owner: 1
UX Designer: 1 (me)
My role was to update the mobile interface to the new Alloy design system
The first step was download the app and use and understand how time tracking currently works.
The first mockup which closely align with the new company gradient branding.
The first step was to understand the current functionality of the search bar.
Designed the login screen to be simple and elegant, using a purple Alloy color.
Decided not to use gradients as semantic colors, but instead used the Alloy semantic set.
One enhancement to the interface was to incorporate the same information in the desktop view. This is the new Total Compensation screen which also includes expandable cards and the ability to choose a date range.
This project went smoothly and the new Ionic version of the app is currently in production.
This project was to revamp the clipping interface for the company's flagship product. By interviewing potential customers, we discovered that the original clipping interface was too complex to learn. After some competitor research and user testing, I designed a solution that met the users' needs. I added new panels at the bottom that visually showed the start and end clip points. Each panel allowed the user to easily move 1 second or 1 frame, forward or back, in the timeline. This allowed for frame accurate clip creation. I also added a play button to preview that portion of the clip. Feedback was very positive from customers and this new version of the clipping interface was implemented into the product.
February 2020
by Joel Gabiola
UX/UI, Interface
